@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('../fonts/inter-latin-wght-normal.woff2') format('woff2');
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: rgba(0, 0, 0, 0);
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.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;
  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 silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: squadstats-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="ss-icon-"], [class*=" ss-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: squadstats-icons !important;
}

.ss-icon-slider-right:before {
  content: "";
}

.ss-icon-slider-left:before {
  content: "";
}

.ss-icon-nav-menu:before {
  content: "";
}

.ss-icon-arrow-down:before, .ss-icon-dropdown-toggle:before {
  content: "";
}

.ss-icon-file-upload-remove:before {
  content: "";
}

.ss-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  color: #333;
  background-color: #fff;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}

html.ss-mod-touch * {
  background-attachment: scroll !important;
}

.ss-block {
  display: block;
}

.ss-inline-block {
  max-width: 100%;
  display: inline-block;
}

.ss-clearfix:before, .ss-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.ss-clearfix:after {
  clear: both;
}

.ss-hidden {
  display: none;
}

.ss-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.ss-button {
  -webkit-appearance: button;
}

html[data-ss-dynpage] [data-ss-cloak] {
  color: rgba(0, 0, 0, 0) !important;
}

.ss-code-block {
  margin: unset;
}

.ss-squadstats-badge, .ss-squadstats-badge * {
  z-index: auto;
  visibility: visible;
  box-sizing: border-box;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  float: none;
  clear: none;
  box-shadow: none;
  opacity: 1;
  direction: ltr;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  text-indent: 0;
  text-transform: inherit;
  text-shadow: none;
  font-smoothing: auto;
  vertical-align: baseline;
  cursor: inherit;
  white-space: inherit;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background: none;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 0;
  margin: 0;
  padding: 0;
  list-style-type: disc;
  transition: none;
  display: block;
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: visible;
  transform: none;
}

.ss-squadstats-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
  visibility: visible !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  top: auto !important;
  bottom: 12px !important;
  left: auto !important;
  right: 12px !important;
  overflow: visible !important;
  transform: none !important;
}

.ss-squadstats-badge > img {
  visibility: visible !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.ss-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.ss-embed:before, .ss-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.ss-embed:after {
  clear: both;
}

.ss-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.ss-video iframe, .ss-video object, .ss-video embed {
  width: 100%;
  height: 100%;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.ss-form {
  margin: 0 0 15px;
}

.ss-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.ss-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.ss-input, .ss-select {
  width: 100%;
  height: 38px;
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.ss-input:-moz-placeholder, .ss-select:-moz-placeholder {
  color: #999;
}

.ss-input::-moz-placeholder, .ss-select::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.ss-input::-webkit-input-placeholder, .ss-select::-webkit-input-placeholder {
  color: #999;
}

.ss-input:focus, .ss-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.ss-input[disabled], .ss-select[disabled], .ss-input[readonly], .ss-select[readonly], fieldset[disabled] .ss-input, fieldset[disabled] .ss-select {
  cursor: not-allowed;
}

.ss-input[disabled]:not(.ss-input-disabled), .ss-select[disabled]:not(.ss-input-disabled), .ss-input[readonly], .ss-select[readonly], fieldset[disabled]:not(.ss-input-disabled) .ss-input, fieldset[disabled]:not(.ss-input-disabled) .ss-select {
  background-color: #eee;
}

textarea.ss-input, textarea.ss-select {
  height: auto;
}

.ss-select {
  background-color: #f3f3f3;
}

.ss-select[multiple] {
  height: auto;
}

.ss-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.ss-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.ss-radio:before, .ss-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.ss-radio:after {
  clear: both;
}

.ss-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.ss-file-upload {
  margin-bottom: 10px;
  display: block;
}

.ss-file-upload-input {
  width: .1px;
  height: .1px;
  opacity: 0;
  z-index: -100;
  position: absolute;
  overflow: hidden;
}

.ss-file-upload-default, .ss-file-upload-uploading, .ss-file-upload-success {
  color: #333;
  display: inline-block;
}

.ss-file-upload-error {
  margin-top: 10px;
  display: block;
}

.ss-file-upload-default.ss-hidden, .ss-file-upload-uploading.ss-hidden, .ss-file-upload-error.ss-hidden, .ss-file-upload-success.ss-hidden {
  display: none;
}

.ss-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.ss-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.ss-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.ss-file-remove-link {
  width: auto;
  height: auto;
  cursor: pointer;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.ss-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.ss-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.ss-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.ss-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.ss-icon-file-upload-icon, .ss-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.ss-icon-file-upload-uploading {
  height: 20px;
}

.ss-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.ss-container:before, .ss-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.ss-container:after {
  clear: both;
}

.ss-container .ss-row {
  margin-left: -10px;
  margin-right: -10px;
}

.ss-row:before, .ss-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.ss-row:after {
  clear: both;
}

.ss-row .ss-row {
  margin-left: 0;
  margin-right: 0;
}

.ss-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.ss-col .ss-col {
  padding-left: 0;
  padding-right: 0;
}

.ss-col-1 {
  width: 8.33333%;
}

.ss-col-2 {
  width: 16.6667%;
}

.ss-col-3 {
  width: 25%;
}

.ss-col-4 {
  width: 33.3333%;
}

.ss-col-5 {
  width: 41.6667%;
}

.ss-col-6 {
  width: 50%;
}

.ss-col-7 {
  width: 58.3333%;
}

.ss-col-8 {
  width: 66.6667%;
}

.ss-col-9 {
  width: 75%;
}

.ss-col-10 {
  width: 83.3333%;
}

.ss-col-11 {
  width: 91.6667%;
}

.ss-col-12 {
  width: 100%;
}

.ss-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .ss-container {
    max-width: 728px;
  }

  .ss-hidden-main {
    display: inherit !important;
  }

  .ss-hidden-medium {
    display: none !important;
  }

  .ss-col-medium-1 {
    width: 8.33333%;
  }

  .ss-col-medium-2 {
    width: 16.6667%;
  }

  .ss-col-medium-3 {
    width: 25%;
  }

  .ss-col-medium-4 {
    width: 33.3333%;
  }

  .ss-col-medium-5 {
    width: 41.6667%;
  }

  .ss-col-medium-6 {
    width: 50%;
  }

  .ss-col-medium-7 {
    width: 58.3333%;
  }

  .ss-col-medium-8 {
    width: 66.6667%;
  }

  .ss-col-medium-9 {
    width: 75%;
  }

  .ss-col-medium-10 {
    width: 83.3333%;
  }

  .ss-col-medium-11 {
    width: 91.6667%;
  }

  .ss-col-medium-12 {
    width: 100%;
  }

  .ss-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .ss-hidden-main, .ss-hidden-medium {
    display: inherit !important;
  }

  .ss-hidden-small {
    display: none !important;
  }

  .ss-row, .ss-container .ss-row {
    margin-left: 0;
    margin-right: 0;
  }

  .ss-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .ss-col-small-1 {
    width: 8.33333%;
  }

  .ss-col-small-2 {
    width: 16.6667%;
  }

  .ss-col-small-3 {
    width: 25%;
  }

  .ss-col-small-4 {
    width: 33.3333%;
  }

  .ss-col-small-5 {
    width: 41.6667%;
  }

  .ss-col-small-6 {
    width: 50%;
  }

  .ss-col-small-7 {
    width: 58.3333%;
  }

  .ss-col-small-8 {
    width: 66.6667%;
  }

  .ss-col-small-9 {
    width: 75%;
  }

  .ss-col-small-10 {
    width: 83.3333%;
  }

  .ss-col-small-11 {
    width: 91.6667%;
  }

  .ss-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .ss-container {
    max-width: none;
  }

  .ss-hidden-main, .ss-hidden-medium, .ss-hidden-small {
    display: inherit !important;
  }

  .ss-hidden-tiny {
    display: none !important;
  }

  .ss-col {
    width: 100%;
  }

  .ss-col-tiny-1 {
    width: 8.33333%;
  }

  .ss-col-tiny-2 {
    width: 16.6667%;
  }

  .ss-col-tiny-3 {
    width: 25%;
  }

  .ss-col-tiny-4 {
    width: 33.3333%;
  }

  .ss-col-tiny-5 {
    width: 41.6667%;
  }

  .ss-col-tiny-6 {
    width: 50%;
  }

  .ss-col-tiny-7 {
    width: 58.3333%;
  }

  .ss-col-tiny-8 {
    width: 66.6667%;
  }

  .ss-col-tiny-9 {
    width: 75%;
  }

  .ss-col-tiny-10 {
    width: 83.3333%;
  }

  .ss-col-tiny-11 {
    width: 91.6667%;
  }

  .ss-col-tiny-12 {
    width: 100%;
  }
}

.ss-widget {
  position: relative;
}

.ss-widget-map {
  width: 100%;
  height: 400px;
}

.ss-widget-map label {
  width: auto;
  display: inline;
}

.ss-widget-map img {
  max-width: inherit;
}

.ss-widget-map .gm-style-iw {
  text-align: center;
}

.ss-widget-map .gm-style-iw > button {
  display: none !important;
}

.ss-widget-twitter {
  overflow: hidden;
}

.ss-widget-twitter-count-shim {
  vertical-align: top;
  width: 28px;
  height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.ss-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ss-widget-twitter-count-shim .ss-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.ss-widget-twitter-count-shim .ss-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.ss-widget-twitter-count-shim.ss--large {
  width: 36px;
  height: 28px;
}

.ss-widget-twitter-count-shim.ss--large .ss-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.ss-widget-twitter-count-shim:not(.ss--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.ss-widget-twitter-count-shim:not(.ss--vertical).ss--large {
  margin-left: 6px;
}

.ss-widget-twitter-count-shim:not(.ss--vertical):before, .ss-widget-twitter-count-shim:not(.ss--vertical):after {
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border: solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  left: 0;
}

.ss-widget-twitter-count-shim:not(.ss--vertical):before {
  border-width: 4px;
  border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  margin-top: -4px;
  margin-left: -9px;
}

.ss-widget-twitter-count-shim:not(.ss--vertical).ss--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.ss-widget-twitter-count-shim:not(.ss--vertical):after {
  border-width: 4px;
  border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  margin-top: -4px;
  margin-left: -8px;
}

.ss-widget-twitter-count-shim:not(.ss--vertical).ss--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.ss-widget-twitter-count-shim.ss--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.ss-widget-twitter-count-shim.ss--vertical:before, .ss-widget-twitter-count-shim.ss--vertical:after {
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border: solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  left: 50%;
}

.ss-widget-twitter-count-shim.ss--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  margin-left: -5px;
}

.ss-widget-twitter-count-shim.ss--vertical:after {
  border-width: 4px;
  border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  margin-left: -4px;
}

.ss-widget-twitter-count-shim.ss--vertical .ss-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.ss-widget-twitter-count-shim.ss--vertical.ss--large {
  width: 76px;
}

.ss-background-video {
  height: 500px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.ss-background-video > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  margin: auto;
  position: absolute;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
}

.ss-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.ss-background-video--control {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.ss-background-video--control > [hidden] {
  display: none !important;
}

.ss-slider {
  height: 300px;
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  background: #ddd;
  position: relative;
}

.ss-slider-mask {
  z-index: 1;
  height: 100%;
  white-space: nowrap;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ss-slide {
  vertical-align: top;
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: left;
  display: inline-block;
  position: relative;
}

.ss-slider-nav {
  z-index: 2;
  height: 40px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  margin: auto;
  padding-top: 10px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}

.ss-slider-nav.ss-round > div {
  border-radius: 100%;
}

.ss-slider-nav.ss-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.ss-slider-nav.ss-shadow > div {
  box-shadow: 0 0 3px rgba(51, 51, 51, .4);
}

.ss-slider-nav-invert {
  color: #fff;
}

.ss-slider-nav-invert > div {
  background-color: rgba(34, 34, 34, .4);
}

.ss-slider-nav-invert > div.ss-active {
  background-color: #222;
}

.ss-slider-dot {
  width: 1em;
  height: 1em;
  cursor: pointer;
  background-color: rgba(255, 255, 255, .4);
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.ss-slider-dot.ss-active {
  background-color: #fff;
}

.ss-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.ss-slider-dot:focus.ss-active {
  box-shadow: none;
}

.ss-slider-arrow-left, .ss-slider-arrow-right {
  width: 80px;
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: auto;
  font-size: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ss-slider-arrow-left [class^="ss-icon-"], .ss-slider-arrow-right [class^="ss-icon-"], .ss-slider-arrow-left [class*=" ss-icon-"], .ss-slider-arrow-right [class*=" ss-icon-"] {
  position: absolute;
}

.ss-slider-arrow-left:focus, .ss-slider-arrow-right:focus {
  outline: 0;
}

.ss-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.ss-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.ss-icon-slider-left, .ss-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ss-slider-aria-label {
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.ss-slider-force-show {
  display: block !important;
}

.ss-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.ss-dropdown-btn, .ss-dropdown-toggle, .ss-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.ss-dropdown-toggle {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.ss-dropdown-toggle:focus {
  outline: 0;
}

.ss-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.ss-dropdown-list {
  min-width: 100%;
  background: #ddd;
  display: none;
  position: absolute;
}

.ss-dropdown-list.ss--open {
  display: block;
}

.ss-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.ss-dropdown-link.ss--current {
  color: #0082f3;
}

.ss-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .ss-nav-brand {
    padding-left: 10px;
  }
}

.ss-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: rgba(0, 0, 0, .9);
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate(0);
}

.ss-lightbox-backdrop, .ss-lightbox-container {
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.ss-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.ss-lightbox-view {
  width: 100vw;
  height: 100vh;
  opacity: 0;
  position: absolute;
}

.ss-lightbox-view:before {
  content: "";
  height: 100vh;
}

.ss-lightbox-group, .ss-lightbox-group .ss-lightbox-view, .ss-lightbox-group .ss-lightbox-view:before {
  height: 86vh;
}

.ss-lightbox-frame, .ss-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.ss-lightbox-figure {
  margin: 0;
  position: relative;
}

.ss-lightbox-group .ss-lightbox-figure {
  cursor: pointer;
}

.ss-lightbox-img {
  width: auto;
  height: auto;
  max-width: none;
}

.ss-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.ss-lightbox-group .ss-lightbox-image {
  max-height: 86vh;
}

.ss-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(0, 0, 0, .4);
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ss-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ss-lightbox-control {
  width: 4em;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.ss-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.ss-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.ss-lightbox-close {
  height: 2.6em;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  right: 0;
}

.ss-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: auto;
  overflow-y: hidden;
}

.ss-lightbox-item {
  width: 10vh;
  box-sizing: content-box;
  cursor: pointer;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.ss-lightbox-active {
  opacity: .3;
}

.ss-lightbox-thumbnail {
  height: 10vh;
  background: #222;
  position: relative;
  overflow: hidden;
}

.ss-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.ss-lightbox-thumbnail .ss-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.ss-lightbox-thumbnail .ss-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.ss-lightbox-spinner {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border: 5px solid rgba(0, 0, 0, .4);
  border-radius: 50%;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.ss-lightbox-spinner:after {
  content: "";
  border: 3px solid rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
}

.ss-lightbox-hide {
  display: none;
}

.ss-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .ss-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .ss-lightbox-view, .ss-lightbox-view:before {
    height: 96vh;
  }

  .ss-lightbox-group, .ss-lightbox-group .ss-lightbox-view, .ss-lightbox-group .ss-lightbox-view:before {
    height: 84vh;
  }

  .ss-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .ss-lightbox-group .ss-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .ss-lightbox-left, .ss-lightbox-right {
    opacity: .5;
    display: block;
  }

  .ss-lightbox-close {
    opacity: .8;
  }

  .ss-lightbox-control:hover {
    opacity: 1;
  }
}

.ss-lightbox-inactive, .ss-lightbox-inactive:hover {
  opacity: 0;
}

.ss-richtext:before, .ss-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.ss-richtext:after {
  clear: both;
}

.ss-richtext[contenteditable="true"]:before, .ss-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.ss-richtext ol, .ss-richtext ul {
  overflow: hidden;
}

.ss-richtext .ss-richtext-figure-selected.ss-richtext-figure-type-video div:after, .ss-richtext .ss-richtext-figure-selected[data-rt-type="video"] div:after, .ss-richtext .ss-richtext-figure-selected.ss-richtext-figure-type-image div, .ss-richtext .ss-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.ss-richtext figure.ss-richtext-figure-type-video > div:after, .ss-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ss-richtext figure {
  max-width: 60%;
  position: relative;
}

.ss-richtext figure > div:before {
  cursor: default !important;
}

.ss-richtext figure img {
  width: 100%;
}

.ss-richtext figure figcaption.ss-richtext-figcaption-placeholder {
  opacity: .6;
}

.ss-richtext figure div {
  color: rgba(0, 0, 0, 0);
  font-size: 0;
}

.ss-richtext figure.ss-richtext-figure-type-image, .ss-richtext figure[data-rt-type="image"] {
  display: table;
}

.ss-richtext figure.ss-richtext-figure-type-image > div, .ss-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.ss-richtext figure.ss-richtext-figure-type-image > figcaption, .ss-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.ss-richtext figure.ss-richtext-figure-type-video, .ss-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.ss-richtext figure.ss-richtext-figure-type-video iframe, .ss-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ss-richtext figure.ss-richtext-figure-type-video > div, .ss-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.ss-richtext figure.ss-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.ss-richtext figure.ss-richtext-align-center.ss-richtext-figure-type-image > div, .ss-richtext figure.ss-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.ss-richtext figure.ss-richtext-align-normal {
  clear: both;
}

.ss-richtext figure.ss-richtext-align-fullwidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.ss-richtext figure.ss-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.ss-richtext figure.ss-richtext-align-fullwidth > figcaption {
  display: block;
}

.ss-richtext figure.ss-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.ss-richtext figure.ss-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.ss-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.ss-nav:before, .ss-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.ss-nav:after {
  clear: both;
}

.ss-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.ss-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.ss-nav-link.ss--current {
  color: #0082f3;
}

.ss-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  min-width: 200px;
  background: #c8c8c8;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.ss--nav-link-open {
  display: block;
  position: relative;
}

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

.ss-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.ss-nav[data-animation="over-left"] .ss-nav-overlay {
  width: auto;
}

.ss-nav[data-animation="over-left"] .ss-nav-overlay, .ss-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.ss-nav[data-animation="over-right"] .ss-nav-overlay {
  width: auto;
}

.ss-nav[data-animation="over-right"] .ss-nav-overlay, .ss-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.ss-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.ss-nav-button:focus {
  outline: 0;
}

.ss-nav-button.ss--open {
  color: #fff;
  background-color: #c8c8c8;
}

.ss-nav[data-collapse="all"] .ss-nav-menu {
  display: none;
}

.ss-nav[data-collapse="all"] .ss-nav-button, .ss--nav-dropdown-open, .ss--nav-dropdown-toggle-open {
  display: block;
}

.ss--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .ss-nav[data-collapse="medium"] .ss-nav-menu {
    display: none;
  }

  .ss-nav[data-collapse="medium"] .ss-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .ss-nav[data-collapse="small"] .ss-nav-menu {
    display: none;
  }

  .ss-nav[data-collapse="small"] .ss-nav-button {
    display: block;
  }

  .ss-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .ss-nav[data-collapse="tiny"] .ss-nav-menu {
    display: none;
  }

  .ss-nav[data-collapse="tiny"] .ss-nav-button {
    display: block;
  }
}

.ss-tabs {
  position: relative;
}

.ss-tabs:before, .ss-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.ss-tabs:after {
  clear: both;
}

.ss-tab-menu {
  position: relative;
}

.ss-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.ss-tab-link.ss--current {
  background-color: #c8c8c8;
}

.ss-tab-link:focus {
  outline: 0;
}

.ss-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.ss-tab-pane {
  display: none;
  position: relative;
}

.ss--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .ss-tab-link {
    display: block;
  }
}

.ss-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.ss-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.ss-dyn-hide, .ss-dyn-bind-empty, .ss-condition-invisible {
  display: none !important;
}

.sq-layout-layout {
  display: grid;
}

:root {
  --gray-900: #17171a;
  --gray-50-501: #fcfcfc;
  --gray-200: #e5e5e8;
  --gray-800: #28282b;
  --gray-700: #404047;
  --gray-100: #f4f4f5;
  --gray-300: #d5d5d9;
  --gray-400: #a2a2ab;
  --yellow-400: #f9cb13;
  --black: #1c1c1c;
  --white: white;
  --yellow-500: #e6af07;
  --yellow-200: #fdef8a;
  --yellow-50-501: #fdfbe6;
  --yellow-100: #fffac6;
  --gray-600: #53535c;
  --gray-500: #707079;
  --yellow-300: #fcde48;
}

.ss-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ss-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.ss-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.ss-commerce-commercecartopenlinkcount {
  height: 18px;
  min-width: 18px;
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.ss-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ss-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ss-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.ss-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.ss-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  bottom: auto;
  left: 0;
  right: auto;
}

.ss-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  bottom: auto;
  left: auto;
  right: 0;
}

.ss-commerce-commercecartcontainer {
  width: 100%;
  max-width: 480px;
  min-width: 320px;
  background-color: #fff;
  flex-direction: column;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px rgba(0, 0, 0, .25);
}

.ss-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.ss-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.ss-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.ss-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ss-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.ss-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.ss-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.ss-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.ss-commerce-commercecartproductname {
  font-weight: 700;
}

.ss-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.ss-commerce-commercecartquantity {
  height: 38px;
  width: 60px;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecartquantity::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecartquantity::placeholder {
  color: #999;
}

.ss-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.ss-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.ss-commerce-commercecartordervalue {
  font-weight: 700;
}

.ss-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 38px;
  min-height: 30px;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.ss-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.ss-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 38px;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.ss-commerce-commercequickcheckoutgoogleicon, .ss-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.ss-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.ss-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.ss-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.ss-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.ss-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.ss-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.ss-commerce-commerceaddtocartoptionpill.ss--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.ss-commerce-commerceaddtocartoptionpill.ss--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.ss-commerce-commerceaddtocartquantityinput {
  height: 38px;
  width: 60px;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commerceaddtocartquantityinput::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.ss-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.ss-commerce-commerceaddtocartbutton.ss--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.ss-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.ss-commerce-commercebuynowbutton.ss--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.ss-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.ss-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.ss-commerce-commercecheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;
  padding: 20px;
}

.ss-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.ss-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.ss-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.ss-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.ss-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.ss-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.ss-commerce-commercecheckoutemailinput {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutemailinput::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.ss-commerce-commercecheckoutshippingfullname {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutshippingfullname::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutshippingstreetaddress {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutshippingstreetaddress::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutshippingstreetaddressoptional {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutshippingstreetaddressoptional::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.ss-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.ss-commerce-commercecheckoutshippingcity {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutshippingcity::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutshippingstateprovince {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutshippingstateprovince::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutshippingzippostalcode {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutshippingzippostalcode::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutshippingcountryselector {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutshippingcountryselector::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.ss-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.ss-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.ss-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.ss-commerce-commerceboldtextblock {
  font-weight: 700;
}

.ss-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.ss-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.ss-commerce-commercecheckoutcardnumber {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutcardnumber::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutcardnumber:focus, .ss-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutcardexpirationdate {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutcardexpirationdate::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutcardexpirationdate:focus, .ss-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutcardsecuritycode {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutcardsecuritycode::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutcardsecuritycode:focus, .ss-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.ss-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.ss-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.ss-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.ss-commerce-commercecheckoutbillingfullname {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutbillingfullname::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutbillingstreetaddress {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutbillingstreetaddress::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutbillingstreetaddressoptional {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutbillingstreetaddressoptional::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutbillingcity {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutbillingcity::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutbillingstateprovince {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutbillingstateprovince::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutbillingzippostalcode {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutbillingzippostalcode::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutbillingcountryselector {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.ss-commerce-commercecheckoutbillingcountryselector::-ms-input-placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.ss-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.ss-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.ss-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.ss-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.ss-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.ss-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.ss-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.ss-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.ss-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}

.ss-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.ss-commerce-commercecheckoutsummarylineitem, .ss-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.ss-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.ss-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.ss-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.ss-commerce-commercepaypalcheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;
  padding: 20px;
}

.ss-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.ss-commerce-commercecheckoutsummaryitem, .ss-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.ss-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.ss-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.ss-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.ss-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.ss-commerce-commerceorderconfirmationcontainer {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;
  padding: 20px;
}

.ss-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

.ss-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.ss-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.ss-users-userformheader {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .ss-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .ss-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .ss-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .ss-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .ss-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .ss-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .ss-commerce-commercecartquantity, .ss-commerce-commerceaddtocartquantityinput, .ss-commerce-commercecheckoutemailinput, .ss-commerce-commercecheckoutshippingfullname, .ss-commerce-commercecheckoutshippingstreetaddress, .ss-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .ss-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .ss-commerce-commercecheckoutshippingcity, .ss-commerce-commercecheckoutshippingstateprovince, .ss-commerce-commercecheckoutshippingzippostalcode, .ss-commerce-commercecheckoutshippingcountryselector, .ss-commerce-commercecheckoutcardnumber, .ss-commerce-commercecheckoutcardexpirationdate, .ss-commerce-commercecheckoutcardsecuritycode, .ss-commerce-commercecheckoutbillingfullname, .ss-commerce-commercecheckoutbillingstreetaddress, .ss-commerce-commercecheckoutbillingstreetaddressoptional, .ss-commerce-commercecheckoutbillingcity, .ss-commerce-commercecheckoutbillingstateprovince, .ss-commerce-commercecheckoutbillingzippostalcode, .ss-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  background-color: var(--gray-900);
  color: var(--gray-50-501);
  font-family: 'Inter Variable', sans-serif;
  font-size: 16px;
  line-height: 28px;
}

h1 {
  color: var(--gray-50-501);
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-style: italic;
  font-weight: 900;
  line-height: 60px;
}

h2 {
  color: var(--gray-50-501);
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-style: italic;
  font-weight: 900;
  line-height: 52px;
}

h3 {
  color: var(--gray-50-501);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 900;
  line-height: 44px;
}

h4 {
  color: var(--gray-50-501);
  letter-spacing: .01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 900;
  line-height: 36px;
}

h5 {
  color: var(--gray-50-501);
  letter-spacing: -.02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 900;
  line-height: 30px;
}

h6 {
  color: var(--gray-50-501);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 900;
  line-height: 26px;
}

p {
  color: var(--gray-200);
  margin-bottom: 0;
  font-family: 'Inter Variable', sans-serif;
  font-size: 16px;
  line-height: 28px;
}

a {
  color: var(--gray-800);
  letter-spacing: .01em;
  font-family: 'Inter Variable', sans-serif;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.navbar-container {
  width: 100%;
  height: 68px;
  max-width: 1440px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6.6%;
  padding-right: 6.6%;
  display: flex;
}

.body-l-regular-text {
  color: var(--gray-200);
  letter-spacing: 0;
  font-family: 'Inter Variable', sans-serif;
  font-size: 18px;
  line-height: 32px;
}

.body-l-regular-text.text-color-muted {
  color: var(--gray-700);
}

.special-text-xs-bold {
  color: var(--gray-100);
  letter-spacing: 0;
  font-family: 'Inter Variable', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.navbar-component {
  width: 100%;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, .3);
  display: flex;
  position: fixed;
}

.style-guide-typography-component {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #404047;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.nav-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.button-hidden-on-tablet-mobile {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.style-guide-content-header-block {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--gray-800);
  border: 1px solid #404047;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  display: flex;
}

.body-s-regular-text {
  color: var(--gray-200);
  letter-spacing: .01em;
  font-family: 'Inter Variable', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body-s-regular-text.text-color-gray-300 {
  color: var(--gray-300);
}

.body-l-medium-text {
  color: var(--gray-50-501);
  letter-spacing: 0;
  font-family: 'Inter Variable', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.body-l-medium-text.text-color-gray-400 {
  color: var(--gray-400);
}

.body-l-medium-text.text-color-muted {
  color: var(--gray-700);
}

.body-n-medium-text {
  color: var(--gray-200);
  letter-spacing: .01em;
  font-family: 'Inter Variable', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.body-n-medium-text.text-color-yellow-400 {
  color: var(--yellow-400);
}

.body-n-medium-text.text-color-gray-400 {
  color: var(--gray-400);
}

.style-guide-color-container {
  flex-direction: column;
  display: flex;
}

.nav-menu-wrapper {
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.footer-our-location-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.button-component-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-link-text {
  color: #e5e5e8;
  letter-spacing: .01em;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .2s;
}

.footer-link-text:hover, .footer-link-text.ss--current:hover {
  color: #a2a2ab;
}

.style-guide-button-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.style-guide-form-wrapper {
  width: 100%;
  max-width: 620px;
}

.main-container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
}

.main-container.style-guide-container {
  max-width: 1200px;
}

.main-container.marquee {
  max-width: 100%;
  padding-left: 0%;
  padding-right: 0%;
}

.main-container.no-padding-right {
  padding-right: 0%;
}

.main-container.testimonial-home-two {
  max-width: 100%;
  padding-left: 0%;
}

.main-container.featured-blog {
  padding-left: 6.6%;
  padding-right: 0%;
}

.main-container.no-padding {
  padding-left: 0%;
  padding-right: 0%;
}

.style-guide-header-section {
  padding-top: 188px;
  padding-bottom: 120px;
}

.cart-indicator {
  height: 32px;
  min-width: 32px;
  background-color: #53535c;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.nav-link {
  color: #fff;
  margin-right: 32px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .2s;
}

.nav-link:hover {
  color: #a2a2ab;
  text-decoration: none;
}

.nav-link.ss--current {
  color: #f9cb13;
}

.nav-link.ss--current:hover {
  color: #d5d5d9;
}

.nav-link.dropdown {
  margin-left: 0;
  margin-right: 0;
}

.nav-link.dropdown:hover {
  color: #f4f4f5;
}

.dropdown-menu-wrapper {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 16px;
  overflow: hidden;
}

.dropdown-menu-wrapper.ss--open {
  margin-top: 16px;
}

.form-field {
  height: auto;
  min-height: 48px;
  background-color: #fff;
  border: 1px solid #d5d5d9;
  border-radius: 6px;
  margin-bottom: 24px;
  padding: 10px 16px;
}

.form-field.no-margin {
  margin-bottom: 0;
}

.form-field.hero, .form-field.subscription {
  width: 336px;
  height: 48px;
}

.style-guide-content-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  display: flex;
}

.cart-quantity {
  height: auto;
  min-width: auto;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  margin-left: 0;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 14px;
  line-height: 24px;
}

.footer-wrapper {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.footer-link-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 24px 24px 24px;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-style-h5 {
  color: var(--gray-50-501);
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 900;
  line-height: 32px;
}

.text-style-h5.text-color-yellow-400 {
  color: #f9cb13;
}

.footer-bottom-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.form-label-text {
  color: var(--gray-100);
  letter-spacing: .14px;
  margin-bottom: 6px;
  font-family: 'Inter Variable', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.button-primary {
  color: #1c1c1c;
  text-align: center;
  letter-spacing: .56px;
  text-transform: uppercase;
  background-color: #f9cb13;
  border-radius: 100px;
  justify-content: center;
  margin-top: 0;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  transition: all .3s;
}

.button-primary:hover {
  background-color: #e6af07;
  transform: scale(1.05);
}

.button-primary:active {
  background-color: #c78903;
}

.button-primary.small-button {
  padding-top: 6px;
  padding-bottom: 6px;
}

.button-primary.medium-button {
  padding-top: 8px;
  padding-bottom: 8px;
}

.button-primary.navbar {
  text-align: center;
  white-space: nowrap;
  flex-direction: row;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
}

.button-primary.navbar:hover {
  transform: scale(1.05);
}

.text-align-center {
  text-align: center;
}

.text-style-h4 {
  color: #fff;
  letter-spacing: .01em;
  text-transform: uppercase;
  word-break: normal;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 900;
  line-height: 36px;
}

.text-style-h4.text-color-yellow-400 {
  color: var(--yellow-400);
}

.footer-menu-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding-left: 24px;
  display: flex;
}

.brand-logo-wrapper {
  width: 100%;
  max-width: 110px;
  align-items: center;
  margin-right: 40px;
  transition: all .2s;
}

.brand-logo-wrapper:hover {
  transform: scale(1.1);
}

.footer-menu-link-container {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.special-text-caption {
  color: var(--gray-100);
  letter-spacing: .15em;
  text-transform: uppercase;
  font-family: 'Inter Variable', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}

.special-text-caption.text-color-neutral-400 {
  color: var(--gray-400);
}

.special-text-l-bold {
  color: var(--gray-100);
  font-family: 'Inter Variable', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.special-text-quote {
  color: var(--gray-100);
  letter-spacing: 0;
  text-transform: none;
  white-space: pre-line;
  font-family: 'Inter Variable', sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 500;
  line-height: 40px;
}

.special-text-quote.text-color-black {
  color: var(--black);
}

.footer-logo-wrapper {
  width: 100%;
  align-items: center;
  margin-right: 40px;
  transition: all .2s;
}

.footer-logo-wrapper:hover {
  transform: scale(1.1);
}

.dropdown-toggle.navlink {
  grid-column-gap: 4px;
  grid-column-gap: 4px;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.body-s-medium-text {
  color: var(--gray-200);
  letter-spacing: .01em;
  word-break: normal;
  margin-bottom: 0;
  font-family: 'Inter Variable', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.body-s-medium-text.text-color-gray-700 {
  color: var(--gray-700);
}

.body-s-medium-text.text-color-yellow-40 {
  color: var(--yellow-400);
}

.copyright-footer-container {
  width: 100%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.section-title-block.heading-about-us-three {
  width: 50%;
}

.footer-top-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar-left-container {
  align-items: center;
  display: flex;
}

.button-secondary {
  color: #f9cb13;
  letter-spacing: .56px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #f9cb13;
  border-radius: 100px;
  justify-content: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  transition: all .3s;
}

.button-secondary:hover {
  background-color: #28282b;
  transform: scale(1.05);
}

.button-secondary:active {
  background-color: #404047;
}

.button-secondary.navbar {
  white-space: nowrap;
  padding-top: 6px;
  padding-bottom: 6px;
}

.button-secondary.small-button {
  padding-top: 6px;
  padding-bottom: 6px;
}

.button-secondary.medium-button {
  padding-top: 8px;
  padding-bottom: 8px;
}

.body-n-regular-text {
  color: var(--gray-200);
  letter-spacing: .01em;
  font-family: 'Inter Variable', sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.body-n-regular-text.text-color-gray-200 {
  color: var(--gray-200);
}

.body-n-regular-text.text-color-gray-300 {
  color: var(--gray-300);
}

.style-guide-content-component {
  width: 100%;
}

.rich-text-block {
  padding-top: 40px;
  padding-bottom: 40px;
}

.rich-text-block figcaption {
  color: #f4f4f5;
}

.rich-text-block h4 {
  color: #fcfcfc;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 32px;
}

.rich-text-block img {
  width: 100%;
  object-fit: cover;
}

.rich-text-block figure {
  width: 100%;
  max-width: 100%;
  margin: 12px auto 32px;
}

.rich-text-block p {
  color: #d5d5d9;
  margin-bottom: 24px;
}

.rich-text-block h5 {
  color: #fcfcfc;
  margin-bottom: 12px;
}

.rich-text-block ul {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 0;
  display: flex;
}

.rich-text-block h3 {
  color: #fcfcfc;
  margin-bottom: 12px;
  font-size: 32px;
  line-height: 40px;
}

.rich-text-block li {
  color: #fcfcfc;
  background-color: #28282b;
  padding: 12px;
  font-weight: 500;
  list-style-type: square;
}

.rich-text-block blockquote {
  border-left: 6px solid var(--yellow-400);
  color: var(--white);
  letter-spacing: .01em;
  background-color: #28282b;
  margin-top: 24px;
  margin-bottom: 40px;
  padding: 16px 32px;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}

.rich-text-block h2 {
  color: #fcfcfc;
  margin-bottom: 20px;
}

.footer-logo-container {
  width: 400px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 32px;
  display: flex;
}

.style-guide-bg-color-block {
  height: 100px;
}

.style-guide-bg-color-block.bg-color-yellow-500 {
  background-color: var(--yellow-500);
}

.style-guide-bg-color-block.bg-color-yellow-200 {
  background-color: var(--yellow-200);
}

.style-guide-bg-color-block.bg-color-yellow-50 {
  background-color: var(--yellow-50-501);
}

.style-guide-bg-color-block.bg-color-gray-300 {
  background-color: var(--gray-300);
}

.style-guide-bg-color-block.bg-color-gray-900 {
  background-color: var(--gray-900);
  border: 1px solid #fff;
}

.style-guide-bg-color-block.bg-color-black {
  background-color: var(--black);
}

.style-guide-bg-color-block.bg-color-yellow-100 {
  background-color: var(--yellow-100);
}

.style-guide-bg-color-block.bg-color-gray-400 {
  background-color: var(--gray-400);
}

.style-guide-bg-color-block.bg-color-white {
  background-color: var(--white);
}

.style-guide-bg-color-block.bg-color-gray-100 {
  background-color: var(--gray-100);
}

.style-guide-bg-color-block.bg-color-gray-600 {
  background-color: var(--gray-600);
}

.style-guide-bg-color-block.bg-color-gray-700 {
  background-color: var(--gray-700);
}

.style-guide-bg-color-block.bg-color-gray-50 {
  background-color: var(--gray-50-501);
}

.style-guide-bg-color-block.bg-color-gray-200 {
  background-color: var(--gray-200);
}

.style-guide-bg-color-block.bg-color-gray-500 {
  background-color: var(--gray-500);
}

.style-guide-bg-color-block.bg-color-gray-800 {
  background-color: var(--gray-800);
}

.style-guide-bg-color-block.bg-color-yellow-300 {
  background-color: var(--yellow-300);
}

.style-guide-bg-color-block.bg-color-yellow-400 {
  background-color: var(--yellow-400);
}

.style-guide-bg-color-block.bg-color-yellow-500 {
  background-color: #e6af07;
}

.style-guide-bg-color-block.bg-color-yellow-200 {
  background-color: #fdef8a;
}

.style-guide-bg-color-block.bg-color-yellow-50 {
  background-color: #fdfbe6;
}

.style-guide-bg-color-block.bg-color-gray-300 {
  background-color: #d5d5d9;
}

.style-guide-bg-color-block.bg-color-gray-900 {
  background-color: #17171a;
  border: 1px solid #fff;
}

.style-guide-bg-color-block.bg-color-gray-400 {
  background-color: #a2a2ab;
}

.style-guide-bg-color-block.bg-color-gray-100 {
  background-color: #f4f4f5;
}

.style-guide-bg-color-block.bg-color-gray-600 {
  background-color: #53535c;
}

.style-guide-bg-color-block.bg-color-gray-700 {
  background-color: #404047;
}

.style-guide-bg-color-block.bg-color-gray-50 {
  background-color: #fcfcfc;
}

.style-guide-bg-color-block.bg-color-gray-200 {
  background-color: #e5e5e8;
}

.style-guide-bg-color-block.bg-color-gray-500 {
  background-color: #707079;
}

.style-guide-bg-color-block.bg-color-gray-800 {
  background-color: #28282b;
}

.style-guide-bg-color-block.bg-color-yellow-300 {
  background-color: #fcde48;
}

.style-guide-bg-color-block.bg-color-yellow-400 {
  background-color: #f9cb13;
}

.dropdown-nav-menu {
  margin-right: 24px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.typography-information-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #d5d5d9;
  align-items: center;
  display: flex;
}

.style-guide-content-container {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.elipse-4px {
  width: 4px;
  height: 4px;
  background-color: #707079;
  border-radius: 100%;
}

.style-guide-color-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 32px;
  display: grid;
}

.special-text-s-bold {
  color: var(--gray-100);
  letter-spacing: .02em;
  font-family: 'Inter Variable', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.cart-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row-reverse;
  padding: 0;
}

.style-guide-color-information-block {
  padding: 8px 12px;
}

.footer-section {
  border-top: 1px solid #404047;
  padding-top: 64px;
  padding-bottom: 32px;
}

.cta-form-block {
  margin-bottom: 0;
}

.cta-benefit-container {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.our-class-section {
  padding-top: 112px;
  padding-bottom: 112px;
}

.our-class-section.homepage-two {
  background-color: #28282b;
  border: 1px solid #53535c;
  padding-top: 96px;
  padding-bottom: 96px;
}

.our-class-section.homepage-three {
  padding-top: 0;
  padding-bottom: 120px;
}

.gym-facilities-content-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.gym-facilities-content-wrapper.homepage-two {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.gym-facilities-content-wrapper.homepage-three {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  justify-content: space-between;
}

.marquee-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.our-class-sub-container {
  padding-top: 32px;
}

.our-class-sub-container.homepage-two {
  width: auto;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding-top: 0;
  display: flex;
}

.our-class-sub-container.homepage-three {
  width: auto;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 0;
  display: flex;
}

.cta-ver-2-wrapper {
  grid-row-gap: 56px;
  background-color: #28282b;
  flex-direction: column;
  padding: 104px 88px;
  display: flex;
}

.hero-heading-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.button-wrapper {
  margin-top: 40px;
}

.testimonial-content-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.testimonial-content-wrapper.homepage-two {
  height: 100%;
  flex-direction: row-reverse;
}

.testimonial-content-wrapper.homepage-three {
  width: 960px;
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  text-align: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}

.cta-benefit-component {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.our-class-collection-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.testimonial-wrapper.homepage-two {
  max-width: 100%;
}

.testimonial-wrapper.about-us-one {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.facilities-content-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.facilities-content-container.homepage-two {
  flex-direction: column;
  align-items: flex-start;
}

.facilities-content-container.homepage-three {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
}

.marquee-component {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #28282b;
  overflow: hidden;
}

.marquee-component._1 {
  background-color: #28282b;
  margin-left: -100px;
  margin-right: -100px;
  position: relative;
  top: 45px;
  overflow: visible;
  transform: translate(-55px)rotate(4deg);
}

.marquee-component._2 {
  z-index: -1;
  background-color: #f9cb13;
  margin-left: -100px;
  margin-right: -100px;
  position: relative;
  bottom: 46px;
  transform: translate(0, -20px)rotate(-4deg);
}

.facilities-column-container {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.facilities-column-container.homepage-two {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0;
  display: flex;
}

.cta-ver-2-section {
  padding-top: 64px;
  padding-bottom: 64px;
}

.our-class-header-container {
  grid-column-gap: 32px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.our-class-header-container.homepage-three {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.text-style-h3 {
  color: var(--gray-50-501);
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 900;
  line-height: 44px;
}

.testimonial-section {
  border-top: 1px solid #53535c;
  border-bottom: 1px solid #53535c;
}

.testimonial-section.homepage-two {
  background-color: #f9cb13;
  border-top-style: none;
  border-bottom-style: none;
  position: relative;
}

.testimonial-section.homepage-three {
  background-color: #17171a;
  padding-top: 128px;
  padding-bottom: 128px;
}

.testimonial-section.about-us-one {
  background-color: #28282b;
  padding-top: 112px;
  padding-bottom: 112px;
  overflow: visible;
}

.marquee-item-component {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: none;
  justify-content: space-around;
  display: flex;
}

.gym-facilities-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.gym-facilities-section.homepage-two {
  padding-top: 0;
  padding-bottom: 144px;
}

.gym-facilities-section.homepage-three {
  background-color: #28282b;
  border: 1px solid #53535c;
  border-style: solid none;
  padding-top: 96px;
  padding-bottom: 96px;
}

.our-class-heading-block {
  width: 584px;
}

.our-class-heading-block.homepage-two {
  width: auto;
}

.rectangle {
  width: 20px;
  height: 20px;
  background-color: #fcde48;
  transform: rotate(45deg);
}

.rectangle.white {
  background-color: #fff;
}

.testimonial-name-container {
  grid-column-gap: 8px;
  grid-row-gap: 4px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.left-arrow {
  width: 56px;
  height: 56px;
  background-color: #f9cb13;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
}

.left-arrow.testimonial-homepage-one {
  background-color: #f9cb13;
  transition: all .2s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 20%;
  right: 0;
}

.left-arrow.testimonial-homepage-one:hover {
  background-color: #e6af07;
  transform: scale(1.1);
}

.left-arrow.testimonial-homepage-two {
  background-color: #1c1c1c;
  top: auto;
  bottom: 104px;
  left: auto;
  right: 6%;
}

.left-arrow.testimonial-homepage {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #f9cb13;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.cta-ver-2-form-wrapper {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.hero-content-container {
  width: 720px;
}

.hero-content-container.homepage-two {
  z-index: 1;
  width: 600px;
  align-self: center;
}

.hero-content-container.homepage-three {
  width: 800px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.heading-title-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.heading-title-container.no-spacing {
  width: 600px;
  display: block;
}

.heading-title-container.our-trainer {
  width: 560px;
  grid-row-gap: 16px;
}

.heading-title-container.our-value-about-us-one {
  width: 720px;
  text-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.heading-title-container.align-center {
  text-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.heading-title-container.our-goal-about-two {
  width: 800px;
  text-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.heading-title-container.our-value-about-us-three {
  width: 760px;
  grid-row-gap: 24px;
  text-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.heading-title-container.our-mission-about-us-three {
  width: 560px;
}

.heading-title-container.our-value-class-two {
  width: 496px;
}

.heading-title-container.classes-one {
  width: 520px;
}

.heading-title-container.classes-two {
  width: 520px;
  text-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.heading-title-container.medium-container {
  width: 520px;
}

.heading-title-container.page-overview {
  width: 920px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.heading-title-container.pricing-faq {
  text-align: center;
  align-items: center;
}

.running-text-content {
  min-width: auto;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: none;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.image-wrapper {
  width: auto;
}

.image-wrapper.facilities-image {
  z-index: -1;
  width: 700px;
  height: 560px;
}

.image-wrapper.testimonial-homepage-one {
  width: 592px;
  overflow: hidden;
}

.image-wrapper.testimonial-homepage-two {
  width: 50%;
  height: 100%;
  background-image: url("../images/overlay-20image.svg");
  background-position: 100%;
  background-repeat: repeat;
  position: relative;
}

.image-wrapper.homepage-two {
  width: 812px;
  background-image: url("../images/hero-20homepage-20two-20image.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.image-wrapper.lightbox {
  width: 520px;
  height: 520px;
  background-image: url("../images/lightbox-20thumbnail.webp");
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-wrapper.lightbox.about-us-two {
  height: 100%;
}

.image-wrapper.about-us-hero-image {
  flex: 1;
}

.image-wrapper.our-mission-image {
  width: 612px;
}

.image-wrapper.featured-class {
  width: 360px;
  height: 280px;
}

.image-wrapper.featured-class-two {
  width: 552px;
  height: 280px;
  overflow: hidden;
}

.image-wrapper.class {
  height: 280px;
}

.image-wrapper.featured-blog {
  width: auto;
  height: 580px;
}

.image-wrapper.blog {
  width: 280px;
  height: 200px;
  flex: none;
  display: flex;
  overflow: hidden;
}

.image-wrapper.blog-thumbnail {
  height: 280px;
}

.image-wrapper.trainer-avatar {
  width: auto;
  height: auto;
}

.image-wrapper.page-display {
  width: auto;
  border: .5px solid #53535c;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 50px 5px rgba(0, 0, 0, .1);
}

.testimonial-image {
  width: 100%;
  height: 100%;
}

.our-class-content-wrapper {
  overflow: visible;
}

.facilities-ellipse {
  width: 12px;
  height: 12px;
  background-color: #f9cb13;
  border-radius: 100%;
}

.testimonial-content-block {
  width: 560px;
  height: 400px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 40px;
  display: flex;
}

.testimonial-customer-container {
  grid-column-gap: 24px;
  align-items: center;
  display: flex;
}

.testimonial-customer-container.homepage-three {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
}

.testimonial-customer-container.about-us-three {
  grid-column-gap: 12px;
}

.gym-facilities-content-block {
  width: 616px;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.gym-facilities-content-block.homepage-two {
  position: static;
}

.gym-facilities-content-block.homepage-three {
  width: 100%;
  max-width: 100%;
  position: static;
}

.testimonial-slider-wrapper {
  overflow: hidden;
}

.right-arrow {
  width: 56px;
  height: 56px;
  background-color: #f9cb13;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
}

.right-arrow.testimonial-homepage-one {
  background-color: #f9cb13;
  transition: all .2s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0;
  right: -90%;
}

.right-arrow.testimonial-homepage-one:hover {
  background-color: #e6af07;
  transform: scale(1.1);
}

.right-arrow.testimonial-homepage-two {
  background-color: #1c1c1c;
  top: auto;
  bottom: 104px;
  left: auto;
  right: 0%;
}

.right-arrow.testimonial-homepage-three {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #f9cb13;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.cta-ver-2-top-container {
  grid-column-gap: 56px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.marquee-section {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}

.marquee-section.homepage-two, .marquee-section.homepage-three {
  top: -110px;
  transform: rotate(0);
}

.collection-item {
  height: 100%;
}

.collection-item.homepage-one, .collection-item.homepage-two {
  overflow: hidden;
}

.collection-item.featured-class {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  display: flex;
}

.collection-item.featured-class-two {
  width: 100%;
}

.collection-item.detail-class {
  width: 100%;
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.testimonial-container {
  height: 100%;
}

.testimonial-container.about-us-one {
  grid-column-gap: 72px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.tag-text {
  color: #e6af07;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.tag-text.type-class {
  text-align: center;
  border: 1px solid #53535c;
  border-radius: 100px;
  margin-bottom: 0;
  padding: 8px 12px;
}

.tag-text.type-class.black {
  background-color: #28282b;
}

.tag-text.type-class.yellow {
  color: #f9cb13;
  text-align: center;
  border-color: #e6af07;
}

.tag-text.class-categories {
  margin-bottom: 0;
}

.tag-text.pricing-tag {
  color: #fcde48;
  text-align: center;
  border: 1px solid #f9cb13;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 0;
  padding: 12px 20px;
  display: flex;
}

.testimonial-slider {
  height: 584px;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}

.hero-content-wrapper.homepage-two {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-content-wrapper.homepage-three {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.our-class-wrapper {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  display: flex;
}

.slide-nav {
  line-height: 1.2;
  display: none;
}

.homepage-hero-section {
  height: auto;
  background-image: url("../images/hero-20background-20image.svg");
  background-position: 0 0;
  background-size: auto;
  padding-top: 208px;
  padding-bottom: 140px;
}

.homepage-hero-section.homepage-one {
  height: auto;
  background-image: url("../images/home-20a-20hero-20background.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  padding-top: 240px;
  padding-bottom: 240px;
}

.homepage-hero-section.homepage-two {
  height: auto;
  background-image: none;
  padding-top: 188px;
  padding-bottom: 116px;
  position: relative;
}

.cta-ver-2-bottom-container {
  grid-column-gap: 56px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.text-style-h6 {
  color: var(--gray-50-501);
  letter-spacing: 0;
  text-transform: uppercase;
  word-break: normal;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 900;
  line-height: 26px;
}

.text-style-h6.text-color-black {
  color: var(--gray-900);
}

.special-text-s-bold.text-color-gray-400 {
  color: var(--gray-400);
}

.our-class-background-image {
  height: 280px;
  cursor: pointer;
  background-image: url("../images/background-image.svg");
  background-position: 50%;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.our-class-background-image:hover {
  background-image: url("../images/background-image.svg");
  background-position: 50%;
  background-size: cover;
}

.our-class-background-image.featured {
  height: 100%;
  background-image: url("../images/background-image.svg");
  background-position: 50%;
  background-size: cover;
}

.our-class-content-block {
  z-index: 1;
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.our-class-title-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.overlay {
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 28, 28, .7);
  transition: opacity .2s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-graphics {
  position: relative;
  bottom: -14%;
  left: auto;
  right: -64%;
}

.hero-graphics._2 {
  top: auto;
  bottom: -66%;
  right: 3%;
}

.facilities-item-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.slide {
  padding-bottom: 0;
  padding-right: 0;
}

.marquee-wrapper {
  height: 320px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.home-blog-wrapper {
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.home-blog-wrapper.homepage-three {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
}

.quick-stack {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding: 0;
}

.ellipse-10px {
  width: 10px;
  height: 10px;
  background-color: #f9cb13;
  border-radius: 100%;
}

.testimonial-overlay {
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 1px;
  left: auto;
  right: -1px;
}

.collection-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-wrapper {
  width: 100%;
}

.collection-list-wrapper.featured-class {
  height: 100%;
}

.button-group {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-top: 28px;
  display: flex;
}

.button-group.align-center {
  justify-content: center;
}

.collection-list {
  height: 100%;
}

.collection-list.trainer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.collection-list.homepage-three-class {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list.blog {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list.class {
  grid-column-gap: 40px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list.featured-blog {
  grid-column-gap: 120px;
  flex-direction: row;
  display: flex;
}

.collection-list.class-detail {
  grid-column-gap: 64px;
  justify-content: flex-start;
  display: flex;
}

.collection-list.pricing-one, .collection-list.pricing-two {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.our-class-item-wrapper {
  width: 100%;
  height: 100%;
}

.blog-home-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.blog-home-section.homepage-three {
  padding-top: 96px;
  padding-bottom: 96px;
}

.trainer-container {
  height: 100%;
  filter: grayscale();
  background-image: url("../images/background-image.svg");
  background-position: 50%;
  background-size: cover;
  align-items: flex-end;
  padding: 32px;
  transition: all .5s;
  display: flex;
  position: relative;
}

.trainer-container:hover {
  filter: none;
  transform: translate(0);
}

.trainer-container.about-us-one {
  width: 100%;
  height: auto;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: none;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}

.trainer-container.about-us-one:hover {
  transform: translate(0, -20px);
}

.trainer-container.about-us-two {
  width: 100%;
  height: auto;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: none;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}

.trainer-container.about-us-two:hover {
  transform: translate(0, -20px);
}

.trainer-name-container {
  z-index: 1;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  padding: 32px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.trainer-name-container.about-us-one {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding: 0;
  position: static;
}

.text-color-gray-200 {
  color: #e5e5e8;
}

.blog-button-wrapper {
  width: 200px;
  border-left: 1px solid #404047;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-item-component {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-bottom: 1px solid #404047;
  justify-content: space-between;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.blog-date-block {
  width: 240px;
  flex: none;
}

.blog-header-container {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.home-blog-title-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  word-break: break-all;
  flex-direction: column;
  display: flex;
}

.split-header-container {
  flex-direction: row;
  display: flex;
}

.split-header-container.blog-homepage-three {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
}

.cta-services-wrapper {
  align-items: center;
  display: flex;
}

.text-color-black {
  color: #1c1c1c;
}

.cta-graphics-element {
  position: absolute;
}

.cta-graphics-element._4 {
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.cta-graphics-element._3 {
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.cta-graphics-element._1 {
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.cta-graphics-element._2 {
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.slider {
  background-color: rgba(0, 0, 0, 0);
}

.slider.testimonial-homepage-three {
  height: 100%;
}

.cta-features-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.cta-section {
  margin-bottom: 108px;
}

.hero-form-component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: flex-start;
  display: flex;
}

.outline-button {
  width: 158px;
  color: #000;
  text-align: center;
  letter-spacing: .56px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 99px;
  justify-content: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  transition: all .2s;
}

.outline-button:hover {
  background-color: #f4f4f5;
  transform: scale(1.05);
}

.cta-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f9cb13;
  flex-direction: column;
  align-items: center;
  padding: 48px 88px;
  display: flex;
  position: relative;
}

.cta-heading-container {
  width: 560px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 520px 1fr;
  grid-auto-columns: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-form-block {
  margin-bottom: 0;
}

.cta-features-services-wrapper {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  display: flex;
}

.cta-heading-block {
  width: 520px;
}

.class-link-wrapper {
  height: 400px;
  text-align: center;
  background-image: url("../images/background-image.svg"), linear-gradient(#000, #fff);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 40px;
  display: flex;
  position: relative;
  transform: skew(-5deg);
}

.gradient-overlay {
  z-index: -1;
  width: 100%;
  height: 40%;
  mix-blend-mode: multiply;
  background-image: linear-gradient(to top, #000, #fff);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blog-card-component {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  transition: all .2s;
  display: flex;
}

.blog-card-component:hover {
  transform: translate(0, -20px);
}

.homepage-blog-thumbnail-image {
  height: 240px;
  object-fit: cover;
}

.icon-wrapper.our-value-icon {
  width: 56px;
  height: 56px;
}

.icon-wrapper.our-value-icon.about-us-two {
  width: 40px;
  height: 40px;
}

.lightbox-wrapper {
  width: 520px;
  position: relative;
  overflow: hidden;
}

.lightbox-icon {
  transition: all .3s;
}

.lightbox-icon:hover {
  transform: scale(1.2);
}

.achievment-wrapper {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  display: flex;
}

.our-value-column-container {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.our-value-column-container.about-us-two {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-columns: 1fr 1fr;
}

.our-value-column-container.class-one {
  grid-column-gap: 48px;
  grid-row-gap: 56px;
  grid-template-columns: 1fr 1fr;
}

.achievment-content-container {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-split-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.our-value-section {
  background-color: #28282b;
  border-top: 1px solid #53535c;
  border-bottom: 1px solid #53535c;
  padding-top: 80px;
  padding-bottom: 80px;
}

.our-value-section.class-one {
  padding-top: 96px;
  padding-bottom: 96px;
}

.our-value-section.pricing-two {
  background-color: #17171a;
  border-top-style: none;
  border-bottom-style: none;
  padding-top: 0;
}

.testimonial-content-container {
  width: 540px;
  height: 300px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.text-style-h2 {
  letter-spacing: -.03em;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-style: italic;
  font-weight: 900;
  line-height: 56px;
}

.text-style-h2.text-color-yellow-400 {
  color: #f9cb13;
}

.achievment-item-component {
  width: 100%;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.our-goal-content-container {
  width: 480px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.about-us-hero-section {
  background-image: url("../images/about-20us-20hero-201.webp");
  background-position: 50%;
  background-size: cover;
  padding-top: 188px;
  padding-bottom: 120px;
}

.about-us-hero-section.about-us-two {
  background-image: none;
  padding-bottom: 0;
}

.about-us-hero-section.about-us-three {
  background-image: none;
  padding-bottom: 56px;
}

.achievment-section {
  padding-top: 144px;
  padding-bottom: 144px;
}

.our-value-wrapper {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  display: flex;
}

.our-value-wrapper.about-us-two {
  flex-direction: row;
  justify-content: space-between;
}

.our-value-wrapper.class-one {
  grid-column-gap: 96px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.sub-paragraph-wrapper {
  width: 480px;
}

.our-value-item-name {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.our-value-item-name.about-us-two {
  text-align: left;
  align-items: flex-start;
}

.our-goal-wrapper {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.our-goal-wrapper.about-us-two {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
}

.our-goal-section {
  padding-top: 128px;
  padding-bottom: 128px;
}

.our-goal-section.about-us-two {
  padding-top: 80px;
  padding-bottom: 112px;
}

.our-value-item-component {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.our-value-item-component.about-us-two {
  align-items: flex-start;
}

.about-us-hero-content-wrapper.about-us-two {
  flex-direction: column;
  position: relative;
}

.about-us-hero-content-wrapper.about-us-three {
  grid-row-gap: 86px;
  flex-direction: column;
  display: flex;
}

.trainer-wrapper {
  grid-row-gap: 72px;
  flex-direction: column;
  display: flex;
}

.about-us-heading-container {
  width: 800px;
  grid-row-gap: 32px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.about-us-heading-container.about-us-three {
  width: auto;
  grid-column-gap: 32px;
  text-align: left;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.trainer-section.about-us-one {
  padding-top: 96px;
  padding-bottom: 96px;
}

.trainer-section.about-us-two {
  background-color: #f9cb13;
  margin-bottom: 80px;
  padding-top: 96px;
  padding-bottom: 96px;
}

.about-us-image-container {
  z-index: -1;
  flex-direction: row;
  display: flex;
  position: relative;
  top: -120px;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.tag-container.trainer-about-us-two {
  width: 160px;
}

.our-value-content-container {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  display: flex;
}

.our-value-content-container.about-us-two {
  width: 560px;
}

.trainer-testimonial-section {
  padding-top: 112px;
  padding-bottom: 112px;
}

.team-wrapper {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  display: flex;
}

.team-wrapper.about-us-two {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.testimonial-trainer-container {
  grid-column-gap: 24px;
  align-items: center;
  display: flex;
}

.trainer-testimonial-container {
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
}

.trainer-testimonial-container.about-us-two {
  width: 100%;
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.trainer-testimonial-wrapper {
  grid-column-gap: 72px;
  justify-content: space-between;
  display: flex;
}

.trainer-card-container._2 {
  padding-top: 40px;
}

.trainer-heading-container {
  grid-column-gap: 16px;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.trainer-testimonial-heading-container {
  width: 100%;
  align-self: stretch;
}

.trainer-testimonial-component {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.sub-heading-wrapper.trainer-about-us-two {
  width: 400px;
}

.our-value-content-component {
  grid-row-gap: 32px;
  border: 1px solid var(--gray-800);
  background-color: var(--gray-800);
  border-radius: 4px;
  flex-direction: column;
  padding: 28px 20px;
  transition: all .5s;
  display: flex;
}

.our-value-content-component:hover {
  border: 1px solid var(--gray-600);
}

.our-value-component {
  grid-column-gap: 32px;
  display: flex;
}

.about-us-quote-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.customer-testimonial-component {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.customer-testimonial-block {
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.about-us-three-hero-content-container {
  grid-row-gap: 56px;
  flex-direction: column;
  display: flex;
}

.customer-avatar-image {
  width: 32px;
  height: 32px;
  border-radius: 100%;
}

.about-us-our-value-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.about-us-quote-section {
  background-color: #28282b;
  flex-direction: column;
  padding-top: 86px;
  padding-bottom: 86px;
  display: flex;
}

.about-us-quote-container {
  width: 1000px;
  grid-row-gap: 56px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.about-us-our-mission-section {
  padding-top: 80px;
  padding-bottom: 120px;
}

.customer-avatar-block {
  flex-direction: column;
}

.about-us-hero-image {
  height: 560px;
}

.our-value-content-block {
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.paragraph-wrapper {
  width: 516px;
}

.paragraph-wrapper.heading-about-us-three {
  width: 50%;
}

.our-mission-image {
  width: 100%;
}

.our-mission-wrapper {
  grid-column-gap: 80px;
  align-items: center;
  display: flex;
}

.our-value-image {
  height: 320px;
  object-fit: cover;
  border-radius: 2px;
}

.faq-container {
  cursor: pointer;
  border-bottom: 1px solid #53535c;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  overflow: hidden;
}

.faq-toggle {
  flex-direction: row;
  display: flex;
}

.faq-icon-line {
  width: 100%;
  height: 2px;
  background-color: #fff;
}

.faq-icon-line.horizontal {
  width: 24px;
  height: 4px;
  justify-content: flex-end;
  align-items: center;
}

.faq-icon-line.vertical {
  width: 4px;
  height: 100%;
  display: flex;
  position: absolute;
}

.faq-content-wrapper {
  width: 100%;
  flex-direction: column;
  display: flex;
}

.faq-heading-container {
  width: 424px;
}

.class-tabs {
  grid-column-gap: 80px;
  grid-row-gap: 0px;
  flex-flow: column wrap;
  display: flex;
}

.accordion-spacer {
  min-height: 28px;
}

.faq-question-container {
  width: 100%;
  grid-column-gap: 24px;
  justify-content: flex-start;
  margin-right: 24px;
}

.featured-class-container {
  width: 900px;
  grid-column-gap: 72px;
  grid-row-gap: 72px;
}

.featured-class-container.class-two {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  justify-items: stretch;
  display: flex;
}

.tab-link {
  color: #fff;
  background-color: #17171a;
  border: 1px solid #404047;
  border-radius: 100px;
  padding: 8px 16px;
  transition: all .2s;
}

.tab-link:hover {
  background-color: #28282b;
  transform: scale(1.02);
}

.tab-link.ss--current {
  color: #f9cb13;
  background-color: rgba(0, 0, 0, 0);
  border-color: #e6af07;
}

.class-section {
  padding-top: 164px;
  padding-bottom: 120px;
}

.class-section.class-two {
  height: 628px;
  background-image: url("../images/class-20two-20header-20image.webp");
  background-position: 50%;
  background-size: cover;
  padding-top: 164px;
  position: relative;
}

.class-section.class-three {
  padding-top: 64px;
  padding-bottom: 64px;
}

.faq-wrapper {
  grid-column-gap: 104px;
  justify-content: space-between;
  padding-top: 112px;
  padding-bottom: 112px;
  display: flex;
}

.class-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  display: flex;
}

.classes-header-section {
  height: 468px;
  background-image: url("../images/classes-20one-20header-20image.webp");
  background-position: 50%;
  background-size: cover;
  padding-top: 188px;
  padding-bottom: 120px;
}

.tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-bottom: 80px;
  display: flex;
}

.faq-toggle-icon {
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.faq-answer-wrapper {
  padding-right: 24px;
}

.class-tag-container {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.featured-class-content-contaner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.featured-class-content-contaner.class-two {
  width: 600px;
  background-color: #f9cb13;
  align-items: flex-start;
  padding-top: 32px;
  padding-left: 72px;
  padding-right: 72px;
}

.featured-class-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.featured-class-title-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.featured-class-wrapper {
  grid-column-gap: 72px;
  transition: all .2s;
  display: flex;
}

.featured-class-wrapper:hover {
  background-color: #28282b;
  padding: 24px;
}

.class-title-block {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.class-link-container {
  transition: all .2s;
}

.class-link-container:hover {
  transform: translate(0, -20px);
}

.class-link-container.class-one-page {
  width: 100%;
  grid-row-gap: 20px;
  flex-direction: column;
  transition: all .2s;
  display: flex;
}

.class-link-container.class-one-page:hover {
  transform: translate(0, -20px);
}

.class-link-container.class-page-two {
  width: 100%;
  grid-row-gap: 0px;
  flex-direction: column;
  transition: all .2s;
  display: flex;
}

.class-link-container.class-page-two:hover {
  transform: translate(0, -20px);
}

.class-image {
  width: 100%;
  height: 280px;
  object-fit: cover;
}

.class-content-section {
  position: relative;
  bottom: 116px;
}

.class-content-container {
  grid-row-gap: 56px;
  flex-direction: column;
  display: flex;
}

.class-content-wrapper {
  grid-row-gap: 88px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.class-information-container {
  grid-row-gap: 16px;
  background-color: var(--gray-800);
  flex-direction: column;
  padding: 32px 24px;
  display: flex;
}

.featured-blog-container {
  align-items: center;
  display: flex;
}

.latest-blog-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.featured-blog-wrapper {
  justify-content: space-between;
}

.featured-blog-content-container {
  width: 100%;
  grid-column-gap: 120px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-title-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.featured-blog-imge {
  width: 720px;
  height: 580px;
  object-fit: cover;
}

.featured-blog-title-container {
  width: 520px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 116px;
  display: flex;
}

.blog-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-description-block {
  height: 56px;
  overflow: hidden;
}

.contact-us-form-container {
  flex-direction: column;
  display: flex;
}

.location-container {
  width: 720px;
  grid-column-gap: 56px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.textarea-field {
  height: 100%;
  border: 1px solid #d5d5d9;
  border-radius: 6px;
  margin-bottom: 24px;
  padding: 10px 16px;
}

.location-title-container {
  width: 100%;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.direct-contact-container {
  grid-column-gap: 56px;
  display: flex;
}

.how-to-contact-us-wrapper {
  grid-row-gap: 72px;
  flex-direction: column;
  display: flex;
}

.button-text {
  color: #f9cb13;
  letter-spacing: 0;
  text-transform: none;
  background-color: rgba(0, 0, 0, 0);
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  display: none;
}

.contact-us-header-section {
  height: 1048px;
  background-image: url("../images/contact-20us-20header-20image-20-1-.webp");
  background-position: 50% 0;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.direct-contact-title-block {
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.how-to-contact-us-section {
  background-color: #28282b;
  padding-top: 80px;
  padding-bottom: 80px;
}

.contact-us-header-wrapper {
  width: 520px;
  grid-row-gap: 80px;
  text-align: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 148px;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.our-location-section {
  background-color: #f9cb13;
  margin-bottom: 80px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.submit-button {
  width: 100%;
  height: 44px;
  color: #1c1c1c;
  text-align: center;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #f9cb13;
  border-radius: 100px;
  justify-content: center;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  transition: all .2s;
}

.submit-button:hover {
  background-color: #e6af07;
  transform: scale(1.05);
}

.text-area-wrapper {
  height: 144px;
  display: flex;
}

.direct-contact-component {
  width: 100%;
  grid-row-gap: 40px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.our-location-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-outline {
  color: #1c1c1c;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.contact-us-form-wrapper {
  grid-row-gap: 40px;
  background-color: #28282b;
  border: 1px solid #707079;
  border-radius: 16px;
  flex-direction: column;
  flex: none;
  padding: 48px 40px;
  display: flex;
}

.header-blog-section {
  padding-top: 148px;
  padding-bottom: 80px;
}

.subscription-form-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.subscription-heading-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.blog-information-container {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-published-date-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.blog-heading-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.other-blog-wrapper {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  border-top: 1px solid #404047;
  flex-direction: column;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.rich-text-blog-container {
  width: 788px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}

.author-image {
  width: 48px;
  height: 48px;
  border-radius: 100%;
}

.blog-subscription-container {
  width: 788px;
  background-color: #28282b;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 48px;
  display: flex;
}

.subscription-form-block {
  width: 520px;
}

.blog-heading-wrapper {
  width: 680px;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog-author-name-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.main-blog-section {
  padding-bottom: 80px;
}

.blog-author-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.blog-thumbnail-image {
  height: 100%;
  filter: grayscale();
  object-fit: cover;
}

.trainer-detail-wrapper {
  grid-column-gap: 96px;
  display: flex;
}

.insturctor-detail-section {
  padding-top: 148px;
  padding-bottom: 80px;
}

.trainer-information-container {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.trainer-link-icon-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.social-trainer-icon-block {
  background-color: #404047;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: all .2s;
  display: flex;
}

.social-trainer-icon-block:hover {
  background-color: #53535c;
}

.trainer-detail-content-container {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.trainer-detail-image {
  width: 100%;
}

.trainer-detail-block {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.class-detail-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
}

.class-trainer-container {
  grid-column-gap: 24px;
  border-top: 1px solid #53535c;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.trainer-avatar {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 100px;
}

.class-main-image {
  height: 100%;
  object-fit: cover;
}

.detail-class-block {
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: stretch;
  padding-bottom: 40px;
  display: flex;
}

.class-plan-block {
  grid-column-gap: 24px;
  align-items: center;
  display: flex;
}

.class-split-container {
  width: 100%;
  grid-column-gap: 64px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.information-class-container {
  grid-column-gap: 48px;
  background-color: #28282b;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 40px;
  padding: 40px 48px;
  display: flex;
}

.information-class-block {
  width: 100%;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.information-class-component {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.rich-text-class-container {
  width: 768px;
  margin-left: auto;
  margin-right: auto;
}

.main-blog-image {
  height: 560px;
  background-image: url("../images/background-image.svg");
  background-position: 50%;
  background-size: cover;
}

.changelog-wrapper {
  grid-row-gap: 80px;
  flex-direction: column;
  display: flex;
}

.changelog-content-container {
  width: 432px;
  grid-row-gap: 28px;
  background-color: #28282b;
  border: 1px solid #53535c;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 48px;
  display: flex;
}

.changelog-section {
  padding-top: 164px;
  padding-bottom: 120px;
}

.changelog-title-block {
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.license-content-wrapper {
  grid-row-gap: 80px;
  flex-direction: column;
  display: flex;
}

.license-content-container {
  grid-row-gap: 12px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.license-content-container.medium-container {
  width: 520px;
}

.license-description-block {
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.license-link-block {
  grid-column-gap: 32px;
  display: flex;
}

.license-content-component {
  width: 100%;
  grid-row-gap: 32px;
  flex-direction: column;
  padding: 0;
  display: flex;
}

.license-wrapper {
  grid-column-gap: 112px;
  justify-content: space-between;
  display: flex;
}

.license-section {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 148px;
  padding-bottom: 80px;
}

.page-list-content-block {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: center;
  background-color: #28282b;
  border: 1px solid #53535c;
  border-radius: 20px;
  flex-direction: column;
  align-items: stretch;
  padding: 48px;
  transition: all .3s;
  display: flex;
}

.page-list-content-block:hover {
  background-image: linear-gradient(#28282b 67%, rgba(191, 186, 186, .1));
  transform: translate(0, -20px);
}

.page-list-component {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-direction: column;
  display: flex;
}

.image-page-overview-wrapper {
  height: 764px;
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #28282b;
  border: 1px solid #53535c;
  border-radius: 20px;
  grid-template: "."
  / auto 450px auto;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.page-overview-wrapper {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.page-list-container {
  grid-column-gap: 48px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.page-display-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.template-feature-wrapper {
  grid-row-gap: 64px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.display-page-marquee-holder {
  flex-direction: column;
  display: flex;
}

.template-features-block {
  grid-row-gap: 32px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.template-features-block.border-right {
  border-right: 1px solid #53535c;
}

.display-page-component {
  height: 100%;
  grid-row-gap: 20px;
  border: 1px solid #53535c;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.display-page-component.split {
  height: 382px;
}

.template-feature-section {
  background-color: #28282b;
  padding-top: 96px;
  padding-bottom: 96px;
}

.template-features-component {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #1c1c1c;
  border: 1px solid #53535c;
  border-radius: 20px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.hero-section {
  padding-top: 188px;
  padding-bottom: 120px;
}

.template-features-content-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.page-list-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  display: flex;
}

.page-list-section {
  padding-top: 96px;
  padding-bottom: 96px;
}

.template-features-container {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.template-features-container.border-top {
  border-top: 1px solid #53535c;
}

.display-page-container {
  min-height: 100vw;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.display-page-container.split {
  grid-row-gap: 35px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.icon-56x56 {
  width: 56px;
}

.utility-section {
  background-image: url("../images/background-20back-20.webp");
  background-position: 50%;
  background-size: auto;
  padding: 120px 80px;
}

.utility-container {
  max-width: 496px;
  border: 1px solid var(--gray-700);
  background-color: var(--gray-800);
  border-radius: 16px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px;
}

.login-form-container {
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.utility-brand-wrapper {
  flex-direction: column;
  align-self: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.utility-brand-wrapper:hover {
  transform: scale(1.1);
}

.form-header {
  grid-row-gap: 12px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-field-wrapper {
  width: 100%;
  height: 48px;
  background-color: var(--gray-50-501);
  border-radius: 6px;
  align-items: center;
  padding: 10px 16px;
  display: flex;
}

.login-form-block {
  width: 100%;
  margin-bottom: 0;
}

.textfield-custom {
  border: 1px solid var(--white);
  color: var(--white);
  margin-bottom: 0;
}

.form {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.form-footer {
  width: 100%;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.pricing-header-section {
  height: 628px;
  background-image: url("../images/class-20two-20header-20image.webp");
  background-position: 50%;
  background-size: cover;
  padding-top: 188px;
  padding-bottom: 120px;
}

.pricing-header-section.pricing-two {
  background-image: linear-gradient(87deg, #17171a 27%, rgba(0, 0, 0, 0) 73%), url("../images/class-20two-20header-20image.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.pricing-header-wrapper {
  width: 520px;
}

.pricing-header-wrapper._1 {
  margin-left: auto;
  margin-right: auto;
}

.pricing-faq-header {
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.pricing-faq-wrapper {
  width: 800px;
  grid-row-gap: 72px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pricing-faq-section {
  padding-bottom: 112px;
}

.pricing-faq-section.pricing-one {
  padding-top: 64px;
}

.pricing-section.pricing-one {
  position: relative;
  bottom: 194px;
}

.pricing-section.pricing-two {
  background-color: var(--yellow-400);
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  bottom: 116px;
}

.pricing-component {
  grid-row-gap: 32px;
  border: 1px solid var(--gray-500);
  background-color: var(--gray-800);
  border-radius: 24px;
  flex-direction: column;
  padding: 48px;
  display: flex;
}

.pricing-component.pricing-two {
  background-color: var(--gray-900);
}

.pricing-top-block {
  display: flex;
}

.pricing-top-block.pricing-two {
  justify-content: space-between;
}

.price-block {
  flex-direction: row;
  align-items: flex-end;
  display: flex;
}

.text-style-h1 {
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 52px;
  font-style: italic;
  font-weight: 900;
  line-height: 60px;
}

.text-style-h1.text-color-white {
  color: var(--white);
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-weight: 900;
}

.pricing-span-text {
  color: var(--gray-50-501);
  font-size: 20px;
  font-weight: 600;
  line-height: 48px;
}

.pricing-content-container {
  grid-row-gap: 16px;
  border-top: 2px solid var(--gray-500);
  flex-direction: column;
  padding-top: 24px;
  display: flex;
}

.features-column {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.pricing-features-component {
  grid-column-gap: 16px;
  align-items: flex-start;
  display: flex;
}

.pricing-action-container {
  flex-direction: column;
  display: flex;
}

.product-section {
  padding-top: 164px;
  padding-bottom: 64px;
}

.product-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border: 1px solid var(--gray-700);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 40px 24px;
  display: grid;
}

.product-features-item {
  grid-column-gap: 12px;
  align-items: center;
  display: flex;
}

.product-container {
  grid-row-gap: 32px;
  border-right: 1px solid #404047;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.product-features-column {
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.product-description-container {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.product-price-container {
  grid-row-gap: 24px;
  flex-direction: column;
  padding-left: 40px;
  display: flex;
}

.other-class-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.field-label, .quantity, .buy-now-button {
  display: none;
}

.default-state {
  flex-direction: column;
  display: flex;
}

.price-container {
  align-items: flex-end;
  display: flex;
}

.checkout-form {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.checkout-section {
  padding-top: 164px;
  padding-bottom: 96px;
}

.block-header {
  border-style: solid;
  border-color: var(--gray-600);
  background-color: var(--gray-800);
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.apple-pay {
  height: 48px;
}

.block-content {
  border-right-color: var(--gray-600);
  border-bottom-color: var(--gray-600);
  border-left-color: var(--gray-600);
  background-color: rgba(0, 0, 0, 0);
}

.order-confirmation-section {
  padding-top: 164px;
  padding-bottom: 96px;
}

.order-confirmation {
  background-color: rgba(0, 0, 0, 0);
}

.paypal-checkout-section {
  padding-top: 164px;
  padding-bottom: 96px;
}

.paypal-checkout-form {
  background-color: rgba(0, 0, 0, 0);
}

.checkout-form-container {
  margin-right: 40px;
}

.order-form-summary-container {
  top: 100px;
}

.paypal-confirmation-container {
  margin-right: 40px;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 496px;
  grid-row-gap: 16px;
  border: 1px solid var(--gray-500);
  background-color: var(--gray-800);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  padding: 46px;
  display: flex;
}

.utility-page-form {
  grid-row-gap: 24px;
  border: 1px solid var(--gray-500);
  background-color: var(--gray-800);
  border-radius: 6px;
  flex-direction: column;
  align-items: stretch;
  padding: 48px;
  display: flex;
}

.nav-dropdown-container {
  grid-template-rows: auto;
  margin-top: 20px;
}

.nav-dropdown-container._2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.navbar-link-menu-container {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.dropdown-link {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .2s;
}

.dropdown-link:hover {
  color: #d5d5d9;
}

.nav-link-wrapper.vertical {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.nav-menu-container {
  grid-column-gap: 24px;
  background-color: #28282b;
  border: 1px solid #53535c;
  border-radius: 6px;
  grid-template-rows: auto;
  grid-template-columns: minmax(360px, 1fr) minmax(200px, 1.25fr);
  padding: 32px;
}

.cart-container {
  background-color: var(--gray-900);
}

.cart-item {
  padding-left: 0;
  padding-right: 0;
}

.div-block {
  margin-left: 0;
  margin-right: 0;
}

.checkout-actions {
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.cart-header {
  border-bottom-color: var(--gray-600);
}

.cart-footer {
  border-top-color: var(--gray-600);
}

.our-trainer-image {
  height: 320px;
  object-fit: cover;
}

.trainer-header-section {
  height: 468px;
  background-image: url("../images/instructor-20header-20background.webp");
  background-position: 50%;
  background-size: cover;
  padding-top: 172px;
  padding-bottom: 104px;
}

.trainer-header-section.pricing-one {
  background-image: url("../images/instructor-20header-20background.webp");
  background-position: 50%;
  background-size: cover;
}

.trainer-header-wrapper {
  width: 900px;
  grid-row-gap: 32px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.class-categories-section {
  padding-top: 164px;
  padding-bottom: 96px;
}

.class-categories-wrapper {
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.image-wrapper-2 {
  width: auto;
}

.image-wrapper-2.class {
  height: 280px;
}

.product-categories-section {
  padding-top: 164px;
  padding-bottom: 100px;
}

.product-categories-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.product-category-content-container {
  width: 432px;
  grid-row-gap: 28px;
  background-color: #28282b;
  border: 1px solid #53535c;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 48px;
  display: flex;
}

.product-category-title-block {
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.cart-quantity-hide {
  display: none;
}

.icon-40x40 {
  width: 40px;
}

@media screen and (max-width: 991px) {
  .nav-button-wrapper {
    grid-column-gap: 0px;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .button-hidden-on-tablet-mobile {
    display: none;
  }

  .nav-menu-wrapper {
    grid-row-gap: 24px;
    background-color: #404047;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
  }

  .footer-our-location-container {
    text-align: center;
    align-items: center;
  }

  .main-container {
    padding-left: 6%;
    padding-right: 6%;
  }

  .main-container.no-padding-right {
    padding-right: 6%;
  }

  .main-container.testimonial-home-two {
    padding-left: 6%;
  }

  .main-container.featured-blog {
    padding-right: 6.6%;
  }

  .nav-link {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-link.dropdown {
    margin-top: 0;
    margin-bottom: 0;
  }

  .dropdown-menu-wrapper {
    position: static;
  }

  .footer-wrapper {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .footer-bottom-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: center;
  }

  .footer-menu-wrapper {
    justify-content: center;
    padding-left: 0;
  }

  .brand-logo-wrapper, .footer-logo-wrapper {
    margin-right: 0;
  }

  .navbar-right-container {
    display: flex;
  }

  .dropdown-toggle.navlink {
    justify-content: flex-start;
    align-items: center;
    margin: 0;
  }

  .copyright-footer-container {
    text-align: center;
    justify-content: center;
  }

  .section-title-block.testimonial-title {
    width: 420px;
  }

  .section-title-block.heading-about-us-three {
    width: auto;
  }

  .footer-top-container {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .footer-logo-container {
    width: auto;
    text-align: center;
    align-items: center;
    padding-right: 0;
  }

  .dropdown-nav-menu {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .style-guide-color-grid {
    flex-wrap: wrap;
    display: flex;
  }

  .gym-facilities-content-wrapper {
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .gym-facilities-content-wrapper.homepage-two, .gym-facilities-content-wrapper.homepage-three {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .marquee-container {
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: visible;
  }

  .our-class-sub-container {
    width: auto;
  }

  .cta-ver-2-wrapper {
    padding: 80px 58px;
  }

  .testimonial-content-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column-reverse;
  }

  .testimonial-content-wrapper.homepage-two {
    height: auto;
    flex-direction: column-reverse;
  }

  .testimonial-content-wrapper.homepage-three {
    width: auto;
  }

  .our-class-collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .marquee-component._1 {
    top: 0;
    transform: translate(0, 32px)rotate(4deg);
  }

  .marquee-component._2 {
    bottom: 0;
    transform: translate(0, -64px)rotate(-4deg);
  }

  .facilities-column-container.homepage-two {
    grid-column-gap: 20px;
    grid-row-gap: 12px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    justify-content: flex-start;
    display: flex;
  }

  .our-class-header-container {
    grid-template-columns: 1fr 1fr;
  }

  .our-class-header-container.homepage-three {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex;
  }

  .testimonial-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .marquee-item-component {
    min-width: 100%;
  }

  .our-class-heading-block {
    width: auto;
  }

  .left-arrow {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .left-arrow.testimonial-homepage-one {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 72px;
  }

  .left-arrow.testimonial-homepage-two {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 80px;
  }

  .left-arrow.testimonial-homepage {
    top: auto;
    bottom: 15%;
    left: 0%;
    right: auto;
  }

  .cta-ver-2-form-container {
    width: 100%;
  }

  .hero-content-container, .hero-content-container.homepage-three, .heading-title-container.our-value-about-us-one, .heading-title-container.align-center {
    width: auto;
  }

  .heading-title-container.our-goal-about-two {
    width: 100%;
    text-align: left;
    align-items: flex-start;
    margin-left: 0;
  }

  .heading-title-container.our-value-about-us-three, .heading-title-container.our-mission-about-us-three, .heading-title-container.page-overview {
    width: auto;
  }

  .image-wrapper {
    display: flex;
  }

  .image-wrapper.facilities-image {
    width: auto;
  }

  .image-wrapper.testimonial-homepage-one {
    width: 100%;
    display: block;
  }

  .image-wrapper.testimonial-homepage-two {
    width: auto;
    background-image: none;
  }

  .image-wrapper.homepage-two {
    width: 100%;
    background-position: 0%;
    background-repeat: repeat;
    background-size: auto;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .image-wrapper.lightbox {
    width: 100%;
  }

  .image-wrapper.lightbox.about-us-two {
    height: 520px;
  }

  .image-wrapper.about-us-hero-image {
    transform: skew(-5deg);
  }

  .image-wrapper.our-mission-image, .image-wrapper.featured-blog {
    width: auto;
  }

  .image-wrapper.blog {
    width: 100%;
  }

  .image-wrapper.our-location {
    width: 100%;
    height: 100%;
  }

  .image-wrapper.trainer-detail-image {
    width: 320px;
    height: 400px;
  }

  .image-wrapper.page-display {
    width: auto;
  }

  .testimonial-image {
    height: 100%;
  }

  .our-class-content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial-content-block {
    width: auto;
    height: 300px;
    justify-content: space-between;
    margin-right: 0;
  }

  .gym-facilities-content-block {
    width: auto;
    position: static;
  }

  .testimonial-slider-wrapper {
    height: 100%;
  }

  .right-arrow {
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .right-arrow.testimonial-homepage-one, .right-arrow.testimonial-homepage-two {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .right-arrow.testimonial-homepage-three {
    top: auto;
    bottom: 15%;
    left: auto;
    right: 0%;
  }

  .cta-ver-2-top-container {
    grid-row-gap: 24px;
    flex-direction: column;
    display: flex;
  }

  .marquee-section.homepage-three {
    top: -54px;
  }

  .testimonial-slider, .homepage-hero-section {
    height: auto;
  }

  .cta-ver-2-bottom-container {
    width: 500px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .cta-ver-2-header-block {
    width: auto;
  }

  .text-style-h6 {
    word-break: normal;
  }

  .our-class-background-image.featured {
    background-position: 50%;
  }

  .our-class-content-block {
    display: flex;
  }

  .hero-graphics {
    display: none;
  }

  .marquee-wrapper {
    height: 240px;
  }

  .testimonial-overlay {
    display: none;
  }

  .collection-list.trainer {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .collection-list.homepage-three-class {
    grid-template-columns: 1fr 1fr;
  }

  .collection-list.blog {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: grid;
  }

  .collection-list.class {
    grid-template-columns: 1fr 1fr;
  }

  .collection-list.featured-blog {
    flex-direction: column;
  }

  .collection-list.pricing-two {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .blog-button-wrapper {
    height: auto;
  }

  .blog-date-block {
    width: 120px;
  }

  .blog-header-container {
    flex-direction: column;
  }

  .home-blog-title-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .split-header-container.blog-homepage-three {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-graphics-element._4, .cta-graphics-element._3, .cta-graphics-element._1, .cta-graphics-element._2 {
    width: 120px;
  }

  .cta-wrapper {
    background-image: none;
    padding: 64px 40px;
  }

  .cta-heading-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .cta-features-services-wrapper {
    justify-content: center;
  }

  .class-link-wrapper {
    overflow: hidden;
  }

  .blog-card-component, .lightbox-wrapper {
    width: 100%;
  }

  .our-value-column-container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr 1fr;
  }

  .achievment-content-container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
  }

  .heading-split-container {
    flex-direction: column;
  }

  .achievment-item-component {
    text-align: left;
    align-items: flex-start;
  }

  .our-goal-content-container {
    width: auto;
    text-align: center;
    align-items: center;
  }

  .about-us-hero-section {
    background-position: 50%;
  }

  .about-us-hero-section.about-us-two {
    padding-top: 140px;
    padding-bottom: 0;
  }

  .achievment-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .our-value-wrapper.about-us-two {
    flex-direction: column;
  }

  .sub-paragraph-wrapper {
    width: auto;
  }

  .our-goal-wrapper {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    align-items: flex-start;
  }

  .our-goal-wrapper.about-us-two {
    align-items: stretch;
  }

  .about-us-heading-container {
    width: auto;
  }

  .about-us-heading-container.about-us-three {
    flex-direction: column;
  }

  .about-us-image-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .our-value-content-container.about-us-two {
    width: 100%;
  }

  .sub-heading-wrapper.trainer-about-us-two {
    width: auto;
  }

  .our-value-component {
    grid-column-gap: 24px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .about-us-our-value-section, .about-us-our-mission-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .about-us-hero-image {
    height: 420px;
  }

  .paragraph-wrapper.heading-about-us-three {
    width: auto;
  }

  .our-mission-wrapper {
    grid-row-gap: 64px;
    flex-direction: column;
    align-items: flex-start;
  }

  .our-value-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }

  .faq-heading-container {
    width: 100%;
  }

  .featured-class-container {
    width: auto;
  }

  .faq-wrapper {
    grid-row-gap: 80px;
    flex-direction: column;
  }

  .classes-header-section {
    height: auto;
  }

  .tabs-menu {
    flex-wrap: wrap;
  }

  .class-content-wrapper {
    width: auto;
  }

  .class-information-container {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .featured-blog-content-container {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-direction: column;
  }

  .featured-blog-title-container {
    width: auto;
    padding-top: 60px;
  }

  .location-container {
    width: 100%;
    flex-direction: column;
  }

  .direct-contact-container {
    grid-row-gap: 40px;
  }

  .menu-button {
    color: var(--gray-50-501);
    padding: 8px;
  }

  .menu-button.ss--open {
    background-color: rgba(0, 0, 0, 0);
    padding: 8px;
  }

  .our-location-wrapper {
    grid-row-gap: 40px;
    flex-flow: column wrap;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .our-location-image {
    width: 100%;
  }

  .rich-text-blog-container {
    width: auto;
    padding-left: 10%;
    padding-right: 10%;
  }

  .blog-subscription-container, .blog-heading-wrapper {
    width: auto;
  }

  .trainer-detail-wrapper {
    grid-row-gap: 80px;
    flex-direction: column;
    align-items: center;
  }

  .trainer-detail-content-container {
    text-align: center;
    align-items: center;
  }

  .trainer-detail-image {
    object-fit: cover;
  }

  .trainer-detail-block {
    align-items: center;
  }

  .class-main-image {
    width: 100%;
  }

  .class-split-container {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .rich-text-class-container {
    width: auto;
  }

  .main-blog-image {
    background-position: 100%;
  }

  .license-content-container.medium-container {
    width: auto;
  }

  .page-list-content-block {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-page-overview-wrapper {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .page-list-container {
    grid-template-columns: 1fr;
  }

  .page-display-image {
    width: 100%;
    object-fit: cover;
  }

  .template-feature-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .hero-section {
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .page-list-wrapper {
    flex-direction: column;
    display: flex;
  }

  .page-list-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .utility-section {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-faq-wrapper {
    width: auto;
  }

  .nav-menu-container {
    background-color: rgba(0, 0, 0, 0);
    border-style: none;
    grid-template-columns: auto auto;
    padding: 0;
  }

  .our-trainer-image {
    width: 100%;
    height: 200px;
  }

  .trainer-header-section {
    height: auto;
  }

  .trainer-header-wrapper {
    width: auto;
  }

  .image-wrapper-2 {
    width: auto;
    display: flex;
  }

  .about-us-header-image {
    object-fit: cover;
  }
}

@media screen and (max-width: 767px) {
  .style-guide-button-grid {
    flex-wrap: wrap;
  }

  .main-container.no-padding-right {
    padding-right: 6%;
  }

  .main-container.testimonial-home-two {
    padding-left: 6%;
  }

  .form-field.subscription {
    width: 100%;
    flex: 0 auto;
  }

  .button-primary {
    text-align: center;
  }

  .copyright-footer-container {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    text-align: center;
    flex-direction: column;
  }

  .section-title-block.testimonial-title {
    width: 320px;
  }

  .button-secondary {
    text-align: center;
  }

  .elipse-4px {
    display: none;
  }

  .style-guide-color-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .marquee-container {
    overflow: visible;
  }

  .our-class-sub-container {
    padding-top: 0;
  }

  .cta-ver-2-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .testimonial-content-wrapper.homepage-two {
    height: auto;
  }

  .our-class-collection-list {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .our-class-header-container {
    grid-row-gap: 32px;
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .left-arrow.testimonial-homepage-one {
    width: 48px;
    height: 48px;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 60px;
  }

  .left-arrow.testimonial-homepage-two {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 80px;
  }

  .left-arrow.testimonial-homepage {
    bottom: 10%;
  }

  .hero-content-container {
    width: auto;
  }

  .hero-content-container.homepage-two {
    width: auto;
    position: static;
  }

  .heading-title-container.no-spacing, .heading-title-container.our-trainer, .heading-title-container.our-value-class-two, .heading-title-container.classes-one, .heading-title-container.medium-container {
    width: auto;
  }

  .image-wrapper.testimonial-homepage-two {
    display: block;
  }

  .image-wrapper.homepage-two {
    background-position: 18%;
  }

  .image-wrapper.trainer-image, .image-wrapper.featured-class {
    width: 100%;
  }

  .image-wrapper.featured-class-two {
    width: auto;
  }

  .image-wrapper.featured-blog {
    height: 400px;
  }

  .testimonial-content-block {
    height: 400px;
    justify-content: space-between;
  }

  .gym-facilities-content-block {
    width: auto;
  }

  .gym-facilities-content-block.homepage-two {
    width: auto;
    padding-left: 0;
  }

  .right-arrow.testimonial-homepage-one {
    width: 48px;
    height: 48px;
  }

  .right-arrow.testimonial-homepage-two {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .right-arrow.testimonial-homepage-three {
    bottom: 10%;
  }

  .testimonial-container.about-us-one {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .tag-text.type-class {
    text-align: center;
  }

  .homepage-hero-section {
    height: auto;
  }

  .homepage-hero-section.homepage-one {
    background-position: 50% 100%;
  }

  .cta-ver-2-bottom-container, .cta-ver-2-header-block {
    width: auto;
  }

  .our-class-background-image {
    background-position: 50%;
    background-size: cover;
  }

  .our-class-background-image.featured {
    background-position: 50%;
  }

  .collection-list.trainer {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .collection-list.homepage-three-class {
    grid-template-columns: 1fr;
  }

  .collection-list.blog {
    flex-wrap: wrap;
    grid-template-columns: 1fr;
  }

  .collection-list.class, .collection-list.pricing-one, .collection-list.pricing-two {
    grid-template-columns: 1fr;
  }

  .blog-item-component {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .blog-header-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .split-header-container.blog-homepage-three {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-heading-container, .cta-heading-block {
    width: auto;
  }

  .class-link-wrapper {
    background-position: 50%, 0 0;
    transform: none;
  }

  .testimonial-content-container {
    width: auto;
    height: auto;
  }

  .about-us-hero-section.about-us-two {
    height: auto;
    padding-bottom: 80px;
  }

  .about-us-hero-section.about-us-three {
    padding-top: 124px;
  }

  .achievment-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .our-value-wrapper.class-one {
    grid-row-gap: 64px;
    flex-direction: column;
  }

  .about-us-hero-content-wrapper.about-us-two {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    display: flex;
  }

  .about-us-hero-content-wrapper.about-us-three {
    grid-row-gap: 48px;
  }

  .about-us-image-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    position: static;
  }

  .team-wrapper.about-us-two {
    grid-template-columns: 1fr 1fr;
  }

  .trainer-testimonial-container {
    position: static;
  }

  .trainer-testimonial-wrapper {
    grid-row-gap: 72px;
    flex-direction: column;
  }

  .trainer-card-container._2 {
    padding-top: 0;
  }

  .trainer-heading-container {
    flex-direction: column;
  }

  .sub-heading-wrapper.trainer-about-us-two {
    width: auto;
    margin-top: 32px;
  }

  .our-value-component {
    grid-template-columns: 1fr;
  }

  .customer-testimonial-component {
    grid-column-gap: 24px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr;
  }

  .customer-testimonial-block {
    grid-row-gap: 24px;
  }

  .about-us-hero-image {
    height: 320px;
  }

  .paragraph-wrapper {
    width: auto;
  }

  .featured-class-container.class-two {
    height: auto;
    flex-direction: column;
  }

  .class-section {
    padding-top: 120px;
  }

  .classes-header-section {
    height: auto;
  }

  .featured-class-content-contaner.class-two {
    width: auto;
    padding-bottom: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .featured-class-wrapper {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .class-image {
    width: 100%;
  }

  .class-information-container {
    grid-row-gap: 16px;
  }

  .latest-blog-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .featured-blog-imge {
    width: auto;
    height: auto;
  }

  .location-container, .direct-contact-container {
    flex-wrap: wrap;
  }

  .menu-button {
    padding: 8px;
  }

  .subscription-form-block, .blog-thumbnail-image {
    width: 100%;
  }

  .class-split-container {
    grid-template-columns: 1fr;
  }

  .information-class-container {
    grid-row-gap: 40px;
    flex-wrap: wrap;
  }

  .main-blog-image {
    background-position: 100%;
    background-size: cover;
  }

  .license-wrapper {
    grid-row-gap: 112px;
    flex-direction: column;
  }

  .page-list-content-block {
    padding-left: 32px;
    padding-right: 32px;
  }

  .template-features-block.border-right {
    border-bottom: 1px solid #53535c;
    border-right-style: none;
  }

  .template-features-container {
    grid-row-gap: 0px;
    flex-direction: column;
    display: flex;
  }

  .utility-container {
    padding-left: 28px;
    padding-right: 28px;
  }

  .pricing-header-wrapper {
    width: auto;
  }

  .pricing-top-block.pricing-two {
    grid-row-gap: 40px;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .product-wrapper {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .product-container {
    border-right-style: none;
  }

  .product-price-container {
    padding-left: 0;
  }

  .checkout-form-container {
    width: 100%;
  }

  .paypal-confirmation-container {
    margin-right: 0;
  }

  .nav-menu-container {
    grid-row-gap: 24px;
    grid-template-columns: auto;
  }

  .our-trainer-image {
    width: 100%;
    height: 280px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-family: Archivo, sans-serif;
    font-weight: 900;
  }

  .button-hidden-on-tablet-mobile {
    display: none;
  }

  .style-guide-color-container {
    width: 100%;
  }

  .nav-menu-wrapper {
    height: auto;
  }

  .footer-our-location-container {
    text-align: left;
    align-items: flex-start;
  }

  .footer-link-text.ss--current:hover {
    color: #a2a2ab;
  }

  .form-field.hero {
    width: 100%;
  }

  .button-primary.hero-button {
    align-self: stretch;
  }

  .footer-menu-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 48px;
    flex-wrap: nowrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .navbar-right-container {
    display: flex;
  }

  .copyright-footer-container {
    text-align: center;
  }

  .section-title-block.testimonial-title {
    width: auto;
  }

  .rich-text-block blockquote {
    font-size: 24px;
    line-height: 32px;
  }

  .footer-logo-container {
    text-align: left;
    align-items: flex-start;
    padding-right: 0;
  }

  .typography-information-block {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-wrap: wrap;
  }

  .style-guide-color-grid {
    grid-template-columns: 1fr 1fr;
  }

  .cta-benefit-container {
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .marquee-container {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .cta-ver-2-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .testimonial-content-wrapper.homepage-two {
    height: auto;
  }

  .our-class-collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .marquee-component._1 {
    padding-top: 9px;
    padding-bottom: 0;
  }

  .marquee-component._2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .facilities-column-container {
    flex-wrap: wrap;
    display: flex;
  }

  .facilities-column-container.homepage-two {
    flex-flow: column;
    display: flex;
  }

  .testimonial-section {
    padding-bottom: 110px;
  }

  .left-arrow.testimonial-homepage-one {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 64px;
  }

  .left-arrow.testimonial-homepage-two {
    width: 48px;
    height: 48px;
    top: auto;
    bottom: -8%;
    left: auto;
    right: 80px;
  }

  .left-arrow.testimonial-homepage {
    bottom: 0%;
  }

  .cta-ver-2-form-wrapper {
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: stretch;
  }

  .hero-content-container {
    max-width: 100%;
  }

  .heading-title-container {
    text-align: left;
    align-items: flex-start;
  }

  .heading-title-container.classes-one, .heading-title-container.classes-two {
    width: auto;
  }

  .image-wrapper.facilities-image {
    display: none;
  }

  .image-wrapper.homepage-two {
    background-position: 30%;
  }

  .image-wrapper.lightbox {
    height: 300px;
  }

  .image-wrapper.lightbox.about-us-two {
    height: 420px;
  }

  .image-wrapper.featured-class, .image-wrapper.featured-class-two {
    width: auto;
  }

  .image-wrapper.trainer-detail-image {
    width: auto;
    height: auto;
  }

  .image-wrapper.trainer-avatar {
    overflow: hidden;
  }

  .facilities-ellipse {
    width: 20px;
    height: 20px;
  }

  .testimonial-content-block {
    height: auto;
    justify-content: space-between;
    align-items: stretch;
  }

  .testimonial-customer-container {
    grid-row-gap: 24px;
    flex-flow: column wrap;
    align-items: flex-start;
  }

  .testimonial-customer-container.homepage-three {
    align-items: center;
  }

  .gym-facilities-content-block {
    padding-left: 0;
    position: static;
  }

  .gym-facilities-content-block.homepage-two {
    width: 100%;
  }

  .testimonial-slider-wrapper.homepage-one {
    overflow: visible;
  }

  .right-arrow.testimonial-homepage-one {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0;
  }

  .right-arrow.testimonial-homepage-two {
    width: 48px;
    height: 48px;
    top: auto;
    bottom: -8%;
    left: auto;
    right: 0%;
  }

  .right-arrow.testimonial-homepage-three {
    bottom: 0%;
  }

  .collection-item.featured-class {
    grid-row-gap: 42px;
    flex-direction: column;
  }

  .hero-content-wrapper.homepage-two {
    height: auto;
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .homepage-hero-section.homepage-one {
    background-position: 59%;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .homepage-hero-section.homepage-two {
    padding-top: 64px;
  }

  .cta-ver-2-bottom-container {
    grid-row-gap: 40px;
    align-items: flex-start;
  }

  .our-class-content-block {
    align-items: center;
    padding: 16px;
  }

  .marquee-wrapper {
    height: auto;
  }

  .collection-column {
    grid-template-columns: 1fr;
  }

  .button-group {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .button-group.align-center {
    grid-row-gap: 16px;
    align-items: center;
  }

  .collection-list.trainer {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .collection-list.homepage-three-class {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .collection-list.blog {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-wrap: wrap;
  }

  .collection-list.pricing-one, .collection-list.pricing-two {
    grid-row-gap: 32px;
  }

  .blog-button-wrapper {
    display: none;
  }

  .blog-header-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .home-blog-title-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .split-header-container.blog-homepage-three {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-graphics-element._4, .cta-graphics-element._3, .cta-graphics-element._1, .cta-graphics-element._2 {
    display: none;
  }

  .hero-form-component {
    flex-direction: column;
  }

  .cta-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-form-block {
    width: 100%;
  }

  .cta-features-services-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: center;
  }

  .hero-form-container {
    width: 100%;
  }

  .class-link-wrapper {
    background-image: url("../images/background-image.svg");
    background-position: 50%;
    background-size: cover;
    transform: none;
  }

  .class-text-container {
    z-index: 2;
    position: relative;
  }

  .gradient-overlay {
    z-index: 1;
    height: 36%;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .our-value-column-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .our-value-column-container.about-us-two, .our-value-column-container.class-one {
    grid-row-gap: 56px;
    grid-template-columns: 1fr;
  }

  .achievment-content-container {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .our-value-section.pricing-two {
    padding-top: 80px;
  }

  .about-us-hero-section.about-us-two {
    padding-bottom: 0;
  }

  .about-us-image-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .tag-container.trainer-about-us-two {
    width: auto;
  }

  .team-wrapper.about-us-two {
    flex-direction: column;
    display: flex;
  }

  .testimonial-trainer-container {
    grid-row-gap: 24px;
    flex-flow: wrap;
    align-items: flex-start;
  }

  .trainer-testimonial-component {
    grid-row-gap: 40px;
  }

  .customer-testimonial-component {
    grid-template-columns: 1fr;
  }

  .about-us-hero-image {
    height: 280px;
  }

  .paragraph-wrapper {
    width: auto;
  }

  .class-tabs {
    grid-row-gap: 0px;
    padding-top: 0;
  }

  .featured-class-container.class-two {
    height: auto;
    flex-direction: column;
  }

  .class-section.class-two {
    height: 460px;
  }

  .classes-header-section {
    height: auto;
  }

  .tabs-menu {
    margin-bottom: 80px;
  }

  .class-tag-container {
    grid-row-gap: 8px;
  }

  .featured-class-content-contaner.class-two {
    padding-left: 24px;
    padding-right: 24px;
  }

  .class-content-section {
    position: static;
  }

  .class-information-container {
    grid-row-gap: 10px;
    padding: 28px 12px;
  }

  .contact-us-header-section {
    padding-top: 148px;
  }

  .contact-us-header-wrapper {
    width: auto;
    position: static;
  }

  .menu-button.ss--open {
    padding: 8px;
  }

  .our-location-wrapper {
    justify-content: flex-start;
  }

  .contact-us-form-wrapper {
    padding: 32px 20px;
  }

  .icon {
    color: var(--gray-100);
  }

  .subscription-form-container {
    flex-direction: column;
    align-items: center;
  }

  .blog-information-container {
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: center;
  }

  .blog-published-date-container {
    text-align: center;
    align-items: center;
  }

  .blog-subscription-container {
    text-align: center;
    padding: 28px;
  }

  .blog-author-name-container {
    text-align: center;
    align-items: center;
  }

  .blog-author-container {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }

  .trainer-detail-wrapper {
    grid-row-gap: 48px;
  }

  .information-class-container {
    padding: 40px 28px;
  }

  .main-blog-image {
    height: 400px;
    background-position: 84%;
    background-repeat: no-repeat;
  }

  .changelog-content-container {
    width: auto;
  }

  .changelog-section {
    padding-bottom: 96px;
  }

  .page-list-content-block {
    padding-left: 24px;
    padding-right: 24px;
  }

  .image-page-overview-wrapper {
    height: 420px;
    grid-template-columns: 1fr 1fr;
    display: none;
  }

  .utility-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pricing-header-section {
    height: auto;
  }

  .pricing-section.pricing-one, .pricing-section.pricing-two {
    position: static;
  }

  .pricing-component {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pricing-features-component {
    align-items: center;
  }

  .product-container {
    padding-right: 0;
  }

  .block-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .paypal-checkout-form {
    padding: 0;
  }

  .nav-dropdown-container {
    grid-template-columns: 1fr;
  }

  .nav-dropdown-container._2 {
    grid-template-rows: auto;
  }

  .dropdown-link {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-link-wrapper.vertical {
    grid-row-gap: 32px;
  }

  .nav-menu-container {
    grid-row-gap: 32px;
    grid-template-columns: auto;
  }

  .trainer-header-section {
    height: auto;
  }

  .trainer-header-wrapper {
    width: auto;
    text-align: left;
    align-items: flex-start;
  }

  .product-category-content-container {
    width: auto;
  }
}

#ss-node-_754e84f6-1205-c246-9750-fd73a98bc878-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc87d-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc882-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc887-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc88c-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc891-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc897-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc89c-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8a1-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8a6-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8ab-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8b0-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8b5-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8ba-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8bf-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8c4-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8ca-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8cf-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8dd-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8e0-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8e3-2c104e83, #ss-node-_754e84f6-1205-c246-9750-fd73a98bc8e7-2c104e83, #ss-node-_3cc833ac-1263-abc8-c123-bd173edde45e-3edde45a, #ss-node-_3cc833ac-1263-abc8-c123-bd173edde46a-3edde45a, #ss-node-_3cc833ac-1263-abc8-c123-bd173edde49c-3edde45a, #ss-node-_3cc833ac-1263-abc8-c123-bd173edde49e-3edde45a, #ss-node-_3cc833ac-1263-abc8-c123-bd173edde4a0-3edde45a, #ss-node-cb365354-2da0-723c-023f-2347260349ac-3dd3f09f, #ss-node-cb365354-2da0-723c-023f-2347260349b0-3dd3f09f, #ss-node-cb365354-2da0-723c-023f-2347260349c8-3dd3f09f, #ss-node-_48f66dd7-68cf-e502-1348-78b57ec742fb-e1bf3f01, #ss-node-_5b05ddac-1742-8499-60dc-1c0fb69d76ed-f0eb6b86, #ss-node-_5b05ddac-1742-8499-60dc-1c0fb69d76ef-f0eb6b86, #ss-node-_5b05ddac-1742-8499-60dc-1c0fb69d76f1-f0eb6b86, #ss-node-_3be5d82d-885e-2ff2-0dd6-afacad6c223d-fb82fb7c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#ss-node-_3be5d82d-885e-2ff2-0dd6-afacad6c226c-fb82fb7c {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

#ss-node-_3be5d82d-885e-2ff2-0dd6-afacad6c226d-fb82fb7c {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#ss-node-_3be5d82d-885e-2ff2-0dd6-afacad6c2275-fb82fb7c, #ss-node-_3be5d82d-885e-2ff2-0dd6-afacad6c227d-fb82fb7c, #ss-node-_24d63c9a-7588-0643-88f9-a4eb8748b7ca-4b14a222, #ss-node-ab9c4e7d-78c9-4954-b131-0423f09bb608-043319fa, #ss-node-ab9c4e7d-78c9-4954-b131-0423f09bb60f-043319fa, #ss-node-ab9c4e7d-78c9-4954-b131-0423f09bb616-043319fa, #ss-node-ab9c4e7d-78c9-4954-b131-0423f09bb61d-043319fa, #ss-node-c3260b7a-9562-8a74-ec22-96c69c21de49-f97113ce, #ss-node-c3260b7a-9562-8a74-ec22-96c69c21de53-f97113ce, #ss-node-c3260b7a-9562-8a74-ec22-96c69c21de5d-f97113ce, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f684-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f685-40085b2b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f686-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f690-40085b2b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f699-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f69a-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f6a1-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f6a2-40085b2b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f6a3-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f6ad-40085b2b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f6f6-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f6fb-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f700-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f706-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f70b-40085b2b, #ss-node-_2705411e-de9c-6b80-3e9b-b17d00a44a8c-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f711-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f716-40085b2b, #ss-node-_05e38c84-1b31-39b7-60d2-6a35140ac964-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f727-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f72c-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f732-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f737-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f73d-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f742-40085b2b, #ss-node-fd1c1d04-d7c4-b941-8163-c72e2f64f748-40085b2b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #ss-node-_3be5d82d-885e-2ff2-0dd6-afacad6c226c-fb82fb7c {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #ss-node-_3be5d82d-885e-2ff2-0dd6-afacad6c226d-fb82fb7c {
    grid-area: span 20 / span 1 / span 20 / span 1;
  }

  #ss-node-_3be5d82d-885e-2ff2-0dd6-afacad6c2275-fb82fb7c, #ss-node-_3be5d82d-885e-2ff2-0dd6-afacad6c227d-fb82fb7c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

/* SquadStats brand lockup: S mark + full name, side by side with breathing room */
.brand {
  width: auto;
  max-width: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.02em;
  white-space: nowrap;
  text-decoration: none;
}

.logo-s {
  width: auto;
  height: 39px;
  display: block;
  flex: 0 0 auto;
}

.brand-word {
  line-height: 1;
}

/* Navbar shows only the S mark; the full name stays in the footer and in the link's aria-label */
.brand-logo-wrapper.brand {
  gap: 0;
}

.brand-logo-wrapper.brand .brand-word {
  display: none;
}

/* Intro (js/intro.js): black screen with the name, the S takes its place and flies to the navbar */
html.intro-pending body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9999;
  background-color: #000;
}

html.intro-lock {
  overflow: hidden;
}

/* keep the scrollbar's space reserved so locking/unlocking scroll during the intro never shifts the page */
html {
  scrollbar-gutter: stable;
}

.intro {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  transition: opacity 0.7s ease;
}

.intro.is-leaving {
  opacity: 0;
  pointer-events: none;
}

.intro-word {
  color: #fff;
  font-size: clamp(40px, 7vw, 84px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.intro.show-word .intro-word {
  opacity: 1;
  transform: none;
}


/* Home hero: one sentence per line (two lines); on phones each sentence wraps within itself */
.hero-content-container.homepage-three h1 {
  width: max-content;
  max-width: calc(100vw - 32px);
  align-self: center;
}

.hero-line {
  display: block;
  white-space: nowrap;
}

.hero-content-container.homepage-three p {
  text-wrap: balance;
}

@media screen and (max-width: 991px) {
  .hero-content-container.homepage-three h1 {
    font-size: 44px;
    line-height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .hero-content-container.homepage-three h1 {
    font-size: 38px;
    line-height: 44px;
  }
}

@media screen and (max-width: 639px) {
  .hero-line {
    white-space: normal;
    text-wrap: balance;
  }
}

/* Home hero background: 3x2 B&W sports collage (desktop/tablet), rugby only on phones */
.homepage-hero-section {
  background-image: none;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.hero-collage {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  background-color: #000;
}

.hero-collage::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, .55);
}

.hero-collage picture {
  display: contents;
}

.hero-collage source {
  display: none;
}

.hero-collage-tile {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
}

.hero-collage-rugby-main { object-position: 35% 45%; }
.hero-collage-football { object-position: 60% 60%; }
.hero-collage-athletics { object-position: 55% 40%; }
.hero-collage-weightlifting { object-position: 50% 35%; }
.hero-collage-rugby-scrum { object-position: 55% 65%; }
.hero-collage-crossfit { object-position: 60% 55%; }

@media screen and (max-width: 767px) {
  .hero-collage {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }

  /* phones show a single photo: football, the most global sport (the others aren't downloaded) */
  .hero-collage-tile:not(.hero-collage-football) {
    display: none;
  }

  .hero-collage-football {
    object-position: 76% 50%;
  }
}

/* Marquee: seamless CSS loop (content is duplicated, so -50% lands on an identical frame).
   Runs on the compositor; js/marquee.js pauses it while off-screen. */
.marquee-wrapper {
  overflow-x: clip; /* the long strip must not widen the page; the tilted bands still show vertically */
}

.marquee-component._1, .marquee-component._2 {
  width: calc(100% + 200px); /* keep the template's bleed; the long strip overflows to the right only */
}

.marquee-container {
  width: max-content;
  grid-column-gap: 0;
  animation: marquee-scroll 45s linear infinite;
}

.marquee-item-component {
  min-width: 0; /* the template forces 100% on tablet/phone, which breaks the copy-sized loop */
  padding-right: 32px;
}

.marquee-wrapper.is-paused .marquee-container {
  animation-play-state: paused;
}

@keyframes marquee-scroll {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(var(--marquee-shift, -50%), 0, 0); } /* -1/3 once js adds the third copy */
}

@media (prefers-reduced-motion: reduce) {
  .marquee-container {
    animation: none;
  }
}

/* keep a phrase on one line where it fits; let it wrap on small phones so it never overflows */
.keep-together {
  white-space: nowrap;
}

@media screen and (max-width: 479px) {
  .keep-together {
    white-space: normal;
  }
}

/* Scroll reveal (js/reveal.js): gentle fade-up, compositor-only properties */
.reveal {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.is-in {
  opacity: 1;
  transform: none;
}

/* Footer: the name only (the navbar already shows the S) */
.footer-logo-wrapper.brand {
  gap: 0;
}

.footer-logo-wrapper.brand .logo-s {
  display: none;
}

/* ============================================================
   Cookie consent (js/cookies.js, same manager as the live site), styled with this site's palette
   ============================================================ */
.cc-root {
  --cc-bg: #17171a;
  --cc-surface: #1f1f23;
  --cc-surface-high: #28282b;
  --cc-border: #34343a;
  --cc-text: #fff;
  --cc-muted: #a3a3ad;
  --cc-accent: #f9cb13;
  --cc-ease: cubic-bezier(0.22, 1, 0.36, 1);
  font-family: 'Inter Variable', sans-serif;
  color: var(--cc-text);
}

.cc-root .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 18px;
  border-radius: 100px;
  border: 1px solid transparent;
  font: inherit;
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s var(--cc-ease), border-color 0.2s var(--cc-ease), color 0.2s var(--cc-ease);
}

.cc-root .btn-gold { background-color: var(--cc-accent); color: #1c1c1c; font-weight: 700; }
.cc-root .btn-gold:hover { background-color: #ffd93d; }
.cc-root .btn-ghost { background-color: transparent; color: var(--cc-text); border-color: var(--cc-border); }
.cc-root .btn-ghost:hover { background-color: var(--cc-surface-high); border-color: #4a4a52; }
.cc-root .btn:focus-visible, .cc-close:focus-visible { outline: 2px solid var(--cc-accent); outline-offset: 2px; }

.cc-banner {
  position: fixed;
  z-index: 200;
  left: 16px;
  right: 16px;
  bottom: max(16px, env(safe-area-inset-bottom));
  max-width: 940px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  padding: 18px 20px;
  background-color: var(--cc-surface);
  border: 1px solid var(--cc-border);
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

.cc-banner[hidden], .cc-overlay[hidden] { display: none; }
.cc-banner-text { flex: 1 1 360px; min-width: 0; }
.cc-title { margin: 0; font-size: 14px; font-weight: 700; letter-spacing: -0.01em; }
.cc-desc { margin: 6px 0 0; font-size: 13px; line-height: 1.55; color: var(--cc-muted); }
.cc-desc a, .cc-panel-intro a { color: var(--cc-accent); text-decoration: underline; text-underline-offset: 2px; }
.cc-banner-actions { display: flex; flex-wrap: wrap; flex: 0 0 auto; gap: 8px; }

.cc-overlay {
  position: fixed;
  inset: 0;
  z-index: 210;
  display: grid;
  place-items: center;
  padding: 20px;
  background-color: rgba(6, 6, 10, 0.66);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.cc-panel {
  width: 100%;
  max-width: 540px;
  max-height: min(88vh, 88dvh);
  overflow-y: auto;
  padding: 26px;
  background-color: var(--cc-surface);
  border: 1px solid var(--cc-border);
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

.cc-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cc-panel-head h2 { margin: 0; font-family: inherit; font-size: 18px; font-style: normal; font-weight: 700; letter-spacing: -0.02em; line-height: 1.3; text-transform: none; color: var(--cc-text); }
.cc-close {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 8px;
  background: none;
  color: var(--cc-muted);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.18s var(--cc-ease), color 0.18s var(--cc-ease);
}
.cc-close:hover { background-color: var(--cc-surface-high); color: var(--cc-text); }
.cc-panel-intro { margin: 8px 0 0; font-size: 13.5px; line-height: 1.6; color: var(--cc-muted); }
.cc-cats { display: flex; flex-direction: column; gap: 10px; margin: 18px 0; }
.cc-cat { padding: 16px; background-color: var(--cc-bg); border: 1px solid var(--cc-border); border-radius: 12px; }
.cc-cat-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.cc-cat h3 { margin: 0; font-family: inherit; font-size: 14px; font-style: normal; font-weight: 600; line-height: 1.4; text-transform: none; color: var(--cc-text); }
.cc-cat p { margin: 5px 0 0; font-size: 12.5px; line-height: 1.55; color: var(--cc-muted); }
.cc-always { flex: 0 0 auto; padding-top: 3px; font-size: 11px; font-weight: 600; white-space: nowrap; color: var(--cc-accent); }
.cc-panel-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.cc-policy-link { margin-left: auto; font-size: 13px; color: var(--cc-muted); text-decoration: underline; text-underline-offset: 2px; }
.cc-policy-link:hover { color: var(--cc-text); }

.cc-switch { position: relative; display: inline-block; flex: 0 0 auto; width: 44px; height: 26px; cursor: pointer; }
.cc-switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.cc-slider { position: absolute; inset: 0; background-color: var(--cc-surface-high); border: 1px solid var(--cc-border); border-radius: 999px; transition: background-color 0.2s var(--cc-ease), border-color 0.2s var(--cc-ease); }
.cc-slider::before { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background-color: var(--cc-muted); transition: transform 0.2s var(--cc-ease), background-color 0.2s var(--cc-ease); }
.cc-switch input:checked + .cc-slider { background-color: var(--cc-accent); border-color: var(--cc-accent); }
.cc-switch input:checked + .cc-slider::before { transform: translateX(18px); background-color: #1c1c1c; }
.cc-switch input:focus-visible + .cc-slider { outline: 2px solid var(--cc-accent); outline-offset: 2px; }

@media (hover: none) {
  .cc-root .btn { height: 44px; }
}

@media (max-width: 600px) {
  .cc-banner { left: 10px; right: 10px; bottom: max(10px, env(safe-area-inset-bottom)); gap: 14px; padding: 16px; }
  .cc-banner-actions { width: 100%; }
  .cc-banner-actions .btn { flex: 1 1 auto; }
  .cc-panel { padding: 22px; }
}

/* footer "Cookie preferences" trigger, styled like the footer text links */
.cookie-prefs-link {
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.cookie-prefs-link:hover { text-decoration: underline; text-underline-offset: 2px; }

/* page-to-page navigation: crossfade instead of a hard cut, navbar stays put */
@view-transition { navigation: auto; }
.navbar-component { view-transition-name: site-nav; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .28s; animation-timing-function: cubic-bezier(.2, 0, 0, 1); }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}
/* template content hidden inline until reveal.js runs: show it from the first paint, so the page
   crossfade never captures an empty hero (reveal.js re-hides only what is below the fold) */
[data-ss-id][style*="opacity:0"], [data-ss-id][style*="opacity: 0"] { opacity: 1 !important; }

/* features grid: every card the same height whatever the copy wraps to.
   Descriptions are written to 110 characters, but words still break differently,
   so reserve the tallest wrap (4 lines). Between 992 and 1279px three columns are too
   narrow for that (5-7 lines), so the grid drops to two columns there. */
.features-grid .class-title-block p { min-height: 4lh; }
@media (min-width: 992px) and (max-width: 1279px) {
  .collection-list.class.features-grid { grid-template-columns: 1fr 1fr; }
}

/* language switcher (navbar, right of LOGIN; stays visible next to the burger on tablet/mobile) */
.navbar-right-container { display: flex; align-items: center; gap: 12px; }
.lang-switch { position: relative; }
.lang-switch > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 6px;
  min-height: 44px; padding: 0 12px; border: 1px solid rgba(252,252,252,.24); border-radius: 100px;
  color: #fcfcfc; font-size: 14px; font-weight: 700; letter-spacing: .56px; line-height: 24px;
  transition: border-color .2s, color .2s; user-select: none; }
.lang-switch > summary::-webkit-details-marker { display: none; }
.lang-switch > summary:hover, .lang-switch[open] > summary { border-color: #f9cb13; color: #f9cb13; }
.lang-switch > summary:focus-visible { outline: 2px solid #f9cb13; outline-offset: 2px; }
.lang-switch svg { width: 16px; height: 16px; flex: 0 0 auto; }
.lang-switch .lang-chevron { transition: transform .2s; }
.lang-switch[open] .lang-chevron { transform: rotate(180deg); }
.lang-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 1000; min-width: 196px;
  margin: 0; padding: 6px; list-style: none; background: #1c1c20; border: 1px solid rgba(252,252,252,.12);
  border-radius: 14px; box-shadow: 0 16px 40px rgba(0,0,0,.45); }
.lang-menu a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px;
  padding: 0 12px; border-radius: 10px; color: #e6e6ea; font-size: 15px; text-decoration: none; }
.lang-menu a:hover, .lang-menu a:focus-visible { background: rgba(252,252,252,.06); color: #fcfcfc; outline: none; }
.lang-menu a[aria-current="true"] { color: #f9cb13; }
.lang-menu a span { color: #8b8b95; font-size: 12px; font-weight: 700; letter-spacing: .56px; }
@media (max-width: 479px) {
  .lang-switch > summary { padding: 0 10px; }
}

/* translations: a single long word (e.g. FR "CONFIDENTIALITÉ") must never push a heading past the
   viewport. overflow-wrap only breaks words that cannot fit, so English layout is unchanged. */
h1, h2, h3, h4 { overflow-wrap: break-word; }
:lang(fr) h1, :lang(fr) h2 { hyphens: auto; }

/* phones: the footer menu is a 2-column grid, so the 3rd column (support + legal links) sits alone
   on its own row. Let it use the full row so long legal labels (FR/IT/PT, kept verbatim from the
   live site because the stores link to them) stay on one line. */
@media screen and (max-width: 479px) {
  .footer-menu-wrapper > .footer-menu-link-container:nth-child(3) { grid-column: 1 / -1; }
}

/* App Store / Google Play buttons (mobile-app platform section) */
/* both badges share one column width (the wider one), so App Store and Google Play match */
.store-badges { display: inline-grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 24px; }
.store-badge { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 8px 20px 8px 16px; border: 1px solid rgba(252, 252, 252, .24); border-radius: 12px; color: #fcfcfc; text-decoration: none; transition: border-color .2s, color .2s; }
.store-badge:hover, .store-badge:focus-visible { border-color: #f9cb13; }
.store-badge svg { width: 24px; height: 24px; flex: none; }
.store-badge span { display: flex; flex-direction: column; font-size: 17px; font-weight: 600; line-height: 1.15; }
.store-badge small { font-size: 11px; font-weight: 400; opacity: .7; }

/* Mobile-app page: app screenshots inside an iPhone frame (images/app, made with tools/phone_frame.py) */
.phone-list.collection-list.trainer { grid-template-columns: repeat(5, 1fr); grid-template-rows: auto; margin-top: -40px; }
.phone-list .trainer-container { filter: none; }
.phone-list .image-wrapper.our-trainer-image { height: auto; overflow: visible; background: none; }
.phone-list img.our-trainer-image { width: 100%; height: auto; object-fit: contain; }
.app-more { margin-top: -32px; color: var(--gray-200, #a2a2ab); }
.app-more span { color: #fcfcfc; font-weight: 600; }
.app-more-link { align-self: flex-start; margin-top: -40px; color: #f9cb13; text-decoration: underline; text-underline-offset: 4px; }
.app-more-link:hover { color: #fcfcfc; }
@media screen and (max-width: 1199px) {
  .phone-list.collection-list.trainer { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 24px; padding-bottom: 8px; scrollbar-width: none; }
  .phone-list.collection-list.trainer::-webkit-scrollbar { display: none; }
  .phone-list > .ss-dyn-item { flex: 0 0 240px; scroll-snap-align: start; }
  .phone-list .trainer-container.about-us-one:hover { transform: none; }
}
@media screen and (max-width: 479px) {
  .phone-list > .ss-dyn-item { flex-basis: 64vw; }
}

/* Mobile-app page: screenshot zoom viewer (js/shot-viewer.js) */
.phone-list .trainer-container { cursor: pointer; }
.phone-list .trainer-container:focus-visible { outline: 2px solid #f9cb13; outline-offset: 8px; border-radius: 8px; }
html:has(.shot-viewer[open]), html:has(.shot-viewer[open]) body { overflow: hidden; }
.shot-viewer { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(12, 12, 14, .9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); color: #fcfcfc; overscroll-behavior: contain; }
.shot-viewer::backdrop { background: transparent; }
.shot-viewer[open] { display: block; animation: shot-fade .2s ease-out; }
.shot-viewer-inner { height: 100%; display: flex; align-items: center; justify-content: center; gap: 40px; padding: 72px 24px 24px; }
.shot-figure { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 20px; min-width: 0; }
.shot-viewer[open] .shot-img { animation: shot-zoom .25s cubic-bezier(.2, .8, .2, 1); }
.shot-img { width: auto; height: min(74vh, 880px); height: min(74dvh, 880px); max-width: 100%; object-fit: contain; }
.shot-figure figcaption { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; max-width: 420px; }
.shot-count { font-size: 13px; color: #a2a2ab; letter-spacing: .08em; }
.shot-close, .shot-nav { flex: none; display: grid; place-items: center; width: 52px; height: 52px; padding: 0; border: 1px solid rgba(252, 252, 252, .24); border-radius: 50%; background: rgba(28, 28, 32, .9); color: #fcfcfc; cursor: pointer; transition: border-color .2s, color .2s; }
.shot-close:hover, .shot-nav:hover, .shot-close:focus-visible, .shot-nav:focus-visible { border-color: #f9cb13; color: #f9cb13; outline: none; }
.shot-close svg, .shot-nav svg { width: 22px; height: 22px; }
.shot-close { position: absolute; top: 16px; right: 16px; }
@keyframes shot-fade { from { opacity: 0; } }
@keyframes shot-zoom { from { opacity: 0; transform: scale(.94); } }
@media (prefers-reduced-motion: reduce) { .shot-viewer[open], .shot-viewer[open] .shot-img { animation: none; } }
@media screen and (max-width: 767px) {
  .shot-viewer-inner { flex-wrap: wrap; align-content: center; gap: 16px 24px; padding: 72px 16px 24px; }
  .shot-figure { order: -1; flex: 0 0 100%; gap: 14px; }
  .shot-img { height: min(62vh, 640px); height: min(62dvh, 640px); }
  .shot-close { top: 12px; right: 12px; width: 48px; height: 48px; }
}
@media screen and (max-height: 560px) and (orientation: landscape) {
  .shot-viewer-inner { flex-wrap: nowrap; padding: 12px 72px 12px 16px; gap: 16px; }
  .shot-figure { order: 0; flex: 0 1 auto; flex-direction: row; gap: 20px; }
  .shot-img { height: calc(100vh - 24px); height: calc(100dvh - 24px); }
  .shot-figure figcaption { align-items: flex-start; text-align: left; max-width: 240px; }
}

/* Very narrow phones (≤374px): the longest words of the translated headings (DEMANDEZ, DESEMPENHO,
   RESPONSABILIDADE…) don't fit at the template sizes, so they'd break mid-word or overflow */
@media screen and (max-width: 374px) {
  h1, .hero-content-container.homepage-three h1 { font-size: 32px; }
  h2 { font-size: 28px; }
  .text-style-h2 { font-size: 32px; }
  .cta-ver-2-header-block .text-style-h3 { font-size: 30px; }
  .rich-text-block.legal-text h2, .rich-text-block.legal-text h3 { font-size: 18px; }
  .blog-heading-block { min-width: 0; max-width: 100%; }
}
/* cookie tables in the legal text scroll sideways on phones instead of widening the page */
@media screen and (max-width: 767px) {
  .legal-text table { display: block; max-width: 100%; overflow-x: auto; }
}
/* FAQ closing block ("Write to us and we'll answer."): plain h2 at 44px is too wide for its padded box on phones */
@media screen and (max-width: 479px) {
  .rich-text-blog-container section h2 { font-size: 32px; }
}

/* Home: navbar demo button hidden while the hero demo button is visible (js/nav-cta.js).
   Its space stays reserved so LOGIN and the language switch never move. */
.nav-cta-gated .navbar-right-container .button-primary.navbar { opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s; }
.nav-cta-gated.nav-cta-on .navbar-right-container .button-primary.navbar { opacity: 1; visibility: visible; transform: none; transition: opacity .25s ease, transform .25s ease, visibility 0s; }
@media (prefers-reduced-motion: reduce) { .nav-cta-gated .navbar-right-container .button-primary.navbar { transition: none; } }

/* Home hero: single demo button (same as the navbar one), centred under the centred text */
.hero-form-container { display: flex; justify-content: center; }
/* Demo CTA block at the foot of every page: one button instead of the email form */
.cta-ver-2-form-container { display: flex; }
#demo { scroll-margin-top: 96px; }
@media screen and (max-width: 767px) {
  .hero-form-container .button-primary.navbar,
  .cta-ver-2-form-container .button-primary.navbar { min-height: 44px; display: inline-flex; align-items: center; }
}

/* Blog (tools/blog/render.py): category over the title, sources and photo credit at the end */
.blog-heading-block .tag-text { margin-bottom: 16px; }
.rich-text-block .blog-sources { padding-left: 20px; }
.rich-text-block .blog-sources li { font-size: 15px; line-height: 1.5; color: #a2a2ab; margin-bottom: 8px; }
.rich-text-block .blog-sources a { color: #f9cb13; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.rich-text-block .blog-credit { font-size: 13px; color: #a2a2ab; margin-top: 24px; }
.featured-blog-imge, .blog-image, .homepage-blog-thumbnail-image { object-fit: cover; }

/* Marquee on tablet/phone: keep the X, but with the template's 4° and full-height bands the two hide
   each other on a narrow screen. Slimmer bands and a steeper angle make them cross only in the middle,
   so both read on each side, like on desktop. */
@media screen and (max-width: 991px) {
  .marquee-wrapper { height: 230px; }
  .marquee-component._1, .marquee-component._2 { position: absolute; top: 50%; bottom: auto; left: 0; }
  .marquee-component._1 { padding-top: 0; transform: translateY(-50%) rotate(7deg); }
  .marquee-component._2 { transform: translateY(-50%) rotate(-7deg); }
  .marquee-container { padding-top: 12px; padding-bottom: 12px; }
  .marquee-component .text-style-h6 { font-size: 15px; }
  .marquee-wrapper { position: relative; }
}
@media screen and (max-width: 479px) {
  .marquee-wrapper { height: 190px; }
  .marquee-component._1 { transform: translateY(-50%) rotate(10deg); }
  .marquee-component._2 { transform: translateY(-50%) rotate(-10deg); }
}

/* Blog titles on phones: long single words (MONITORAGGIO, SEGUIMIENTO…) don't fit at 48px */
@media screen and (max-width: 479px) {
  .blog-heading-block .text-style-h2, .blog-title-block .text-style-h2 { font-size: 32px; }
  .blog-heading-block, .featured-blog-title-container, .blog-title-block { min-width: 0; max-width: 100%; }
}
/* the template splits blog excerpts mid-word (break-all); break between words instead */
.home-blog-title-container, .blog-description-block { word-break: normal; overflow-wrap: break-word; }
/* article sub-headings on phones: the template size splits long words (PREVENCIÓN, RAZONABLEMENTE) */
@media screen and (max-width: 479px) {
  .rich-text-blog-container .rich-text-block h2 { font-size: 26px; line-height: 1.15; }
  .rich-text-blog-container .rich-text-block h3 { font-size: 20px; }
}
@media screen and (max-width: 479px) {
  .blog-heading-block h1, .blog-title-block h1, .rich-text-blog-container .rich-text-block h2,
  .rich-text-blog-container .rich-text-block h3 { hyphens: auto; -webkit-hyphens: auto; }
}
@media screen and (max-width: 374px) {
  .rich-text-blog-container .rich-text-block h2 { font-size: 23px; }
  .blog-heading-block .text-style-h2, .blog-title-block .text-style-h2 { font-size: 28px; }
}
/* demo CTA benefits: each one on a single line; they stack when the row runs out of room */
.cta-benefit-container { flex-wrap: wrap; }
.cta-benefit-component .body-s-medium-text { white-space: nowrap; }

/* feature pages: web-app screenshot in the article */
.rich-text-block img.web-shot { width: 100%; height: auto; border-radius: 12px; border: 1px solid rgba(252, 252, 252, .12); }
/* the same viewer for the web-app screenshots of the feature pages: one wide image, no prev/next */
.rich-text-block img.web-shot { cursor: pointer; }
.shot-viewer.is-single .shot-nav, .shot-viewer.is-single .shot-count, .shot-title:empty { display: none; }
.shot-viewer.is-wide .shot-img { width: min(100%, 1600px); height: auto; max-height: 80vh; max-height: 80dvh; border-radius: 12px; border: 1px solid rgba(252, 252, 252, .12); }
.shot-viewer.is-wide .shot-figure { flex: 1 1 auto; }
.rich-text-block img.web-shot:focus-visible { outline: 2px solid #f9cb13; outline-offset: 6px; }

/* Intro: Safari composites the navbar (backdrop-filter) on its own layer and can paint it above the black
   for a frame. Hide the navbar while the black is up and fade it in with the black's fade-out; also put
   the black itself on its own layer. */
html.intro-pending body::after, .intro { transform: translateZ(0); will-change: opacity; }
.navbar-component { transition: opacity .7s ease; }
html.intro-pending .navbar-component, html.intro-lock .navbar-component { opacity: 0; transition: none; }
@media (prefers-reduced-motion: reduce) { .navbar-component { transition: none; } }

/* FAQ / glossary: eyebrow over the title, questions that look expandable, anchors clear of the fixed navbar */
.legal-page .blog-heading-block { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.legal-text [id] { scroll-margin-top: 104px; }
.legal-text summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 28px; }
.legal-text summary::-webkit-details-marker { display: none; }
.legal-text summary::after { content: ""; flex: none; width: 9px; height: 9px; margin-right: 4px; border-right: 2px solid #f9cb13; border-bottom: 2px solid #f9cb13; transform: rotate(45deg) translateY(-2px); transition: transform .2s ease; }
.legal-text details[open] > summary::after { transform: rotate(-135deg) translateY(-2px); }
.legal-text .faq-actions { margin-top: 24px; }
.legal-text .faq-actions a { text-decoration: none; color: inherit; }
.legal-page .blog-information-container { justify-content: center; }
.rich-text-block.legal-text section h2 { margin-bottom: 12px; }
.rich-text-block.legal-text .faq-actions { margin-top: 28px; }

/* 404: each row is the link, not just its text (44px+ touch target) */
.notfound-links li { padding: 0; }
.notfound-links a { display: block; padding: 14px 12px; }
/* touch targets ≥44px on mobile: cookie banner buttons, "see all features" link */
@media (max-width: 767px) {
  .cc-root .btn { height: 44px; }
  .app-more-link { display: inline-block; padding-block: 8px; margin-top: -48px; }
}

/* login inside the collapsed (≤991px) menu: the web app also works on phones */
.nav-menu-login { display: none; }
@media (max-width: 991px) {
  .nav-menu-login { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; min-height: 44px; margin: 4px 0 0; }
}
/* the open menu centres inline content: keep the login button on the links' left edge */
[data-nav-menu-open] .nav-menu-login { display: flex; width: fit-content; }
/* phones: badges stack, both the full column width */
@media (max-width: 429px) {
  .store-badges { display: grid; grid-template-columns: 1fr; }
}
@media (max-width: 374px) {
  .cta-benefit-component .body-s-medium-text { white-space: normal; }
}
/* "Google Play" stays on one line in the two-column phone layout */
.store-badge { padding: 8px 14px; gap: 8px; }
.store-badge span { white-space: nowrap; }
/* Phones/tablets: thicker bands, and the X pulled up so it covers the bottom edge of the hero photo,
   the way the desktop bands overlap the collage. */
@media screen and (max-width: 991px) {
  /* The photo's bottom edge must stay under a band at every x. At the screen edges each band drifts
     tan(angle)·50vw from the centre, so once that drift exceeds half a band (33px) the X moves down
     by the difference: the upper band then covers the edge all the way across. */
  .marquee-section.homepage-three { position: relative; z-index: 2; margin-top: calc(-61px + max(0px, 6.14vw - 31px)); }
  .marquee-container { padding-top: 20px; padding-bottom: 20px; }
  .marquee-component .text-style-h6 { font-size: 17px; }
}
@media screen and (max-width: 479px) {
  .marquee-section.homepage-three { margin-top: calc(-41px + max(0px, 8.82vw - 31px)); }
}
/* phones and small tablets: the badge pair sits centred on the screen */
@media (max-width: 767px) {
  .store-badges { display: grid; width: fit-content; margin-left: auto; margin-right: auto; }
}
@media (max-width: 429px) {
  .store-badges { width: 100%; max-width: 320px; }
}

/* language switch: the brand intro fades in over the old page before it navigates */
.intro.is-entering { opacity: 0; }
/* arriving from a covered navigation: the name is already showing, no second fade-in */
.intro.no-anim .intro-word { transition: none; }
/* the page that receives a covered navigation already shows the name while it loads */
html.intro-arrived.intro-pending body::after {
  content: "SquadStats"; display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: clamp(40px, 7vw, 84px); font-weight: 700; letter-spacing: -0.02em; line-height: 1;
}
/* covered navigation: the arriving page's navbar stays in the root layer, under the black */
html.intro-pending .navbar-component { view-transition-name: none; }
/* covered navigation: a short fade to black that is finished before the page changes */
.intro.is-entering, .intro.is-covering { transition-duration: .35s; }
.intro.is-covering .intro-word { transition-duration: .35s; }