html {
  -webkit-text-size-adjust: 100%;
  -ms-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: #0000;
}

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;
}

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;
}

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: webflow-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^="w-icon-"], [class*=" w-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: webflow-icons !important;
}

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

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

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

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

.w-block {
  display: block;
}

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

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

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

.w-hidden {
  display: none;
}

.w-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.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

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

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !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;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !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;
}

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

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

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

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

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-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;
}

.w-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;
}

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

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

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

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

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

.w-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-col {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.w-widget {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

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

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

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

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

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

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

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

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

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

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

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

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

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

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

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

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

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

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

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

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

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

.w-slider-nav-invert > div {
  background-color: #2226;
}

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

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

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

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

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

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

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

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

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

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

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

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

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

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

.w-dropdown-btn, .w-dropdown-toggle, .w-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;
}

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

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

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

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

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

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

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

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

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

.w-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: #000000e6;
  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;
  inset: 0;
  -webkit-transform: translate(0);
}

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

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

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

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

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

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

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

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

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

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

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

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

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

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

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

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

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-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;
}

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

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

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

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

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

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

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

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

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

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

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

.w-tabs {
  position: relative;
}

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

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

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

.w-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: Clashdisplay;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804287_ClashDisplay-Bold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804289_ClashDisplay-Bold.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804283_ClashDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashdisplay;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804288_ClashDisplay-Light.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80429a_ClashDisplay-Light.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042a1_ClashDisplay-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashdisplay;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804284_ClashDisplay-Extralight.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804285_ClashDisplay-Extralight.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804286_ClashDisplay-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashdisplay;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80428c_ClashDisplay-Medium.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042a2_ClashDisplay-Medium.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804292_ClashDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashdisplay;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80428f_ClashDisplay-Regular.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80428e_ClashDisplay-Regular.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80428d_ClashDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashdisplay;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80429b_ClashDisplay-Semibold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80429f_ClashDisplay-Semibold.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804291_ClashDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashdisplay variable;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80429d_ClashDisplay-Variable.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042a6_ClashDisplay-Variable.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042a0_ClashDisplay-Variable.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042a7_GeneralSans-Bold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042c4_GeneralSans-Bold.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042a4_GeneralSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042bc_GeneralSans-BoldItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042a9_GeneralSans-BoldItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042b6_GeneralSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042a8_GeneralSans-Extralight.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042c2_GeneralSans-Extralight.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042bd_GeneralSans-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042c1_GeneralSans-ExtralightItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042c3_GeneralSans-ExtralightItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042be_GeneralSans-ExtralightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042cd_GeneralSans-Italic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80430e_GeneralSans-VariableItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042d2_GeneralSans-Italic.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042fa_GeneralSans-VariableItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042d3_GeneralSans-Italic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042fe_GeneralSans-VariableItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042ce_GeneralSans-Light.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042f8_GeneralSans-Light.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042d0_GeneralSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042c7_GeneralSans-LightItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042c5_GeneralSans-LightItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042c8_GeneralSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042de_GeneralSans-Medium.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042d8_GeneralSans-Medium.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042d9_GeneralSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042d6_GeneralSans-Regular.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042db_GeneralSans-Regular.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042d1_GeneralSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042f2_GeneralSans-MediumItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042dc_GeneralSans-MediumItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042d7_GeneralSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042fb_GeneralSans-Semibold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042f7_GeneralSans-Semibold.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042ed_GeneralSans-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042f1_GeneralSans-SemiboldItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042f6_GeneralSans-SemiboldItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042f5_GeneralSans-SemiboldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans variable;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80430d_GeneralSans-Variable.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042ff_GeneralSans-Variable.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8042fd_GeneralSans-Variable.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804353_Satoshi-BoldItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80435b_Satoshi-BoldItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80430f_Satoshi-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804355_Satoshi-Italic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80435d_Satoshi-Italic.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804358_Satoshi-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80435e_Satoshi-Light.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804356_Satoshi-Light.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80435a_Satoshi-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804361_Satoshi-LightItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804367_Satoshi-LightItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804360_Satoshi-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804364_Satoshi-Medium.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80436a_Satoshi-Medium.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80436c_Satoshi-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804369_Satoshi-Regular.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804363_Satoshi-Regular.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804371_Satoshi-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804375_Satoshi-MediumItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804362_Satoshi-MediumItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80436e_Satoshi-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80434e_Satoshi-Black.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80434d_Satoshi-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804312_Satoshi-BlackItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804373_Satoshi-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804350_Satoshi-Bold.woff") format("woff"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804354_Satoshi-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bebasneue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65381818cd528716f27a652d_BebasNeue-Regular.ttf") format("truetype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65381a8ea7f56e07c8477e73_BebasNeue-Regular.ttf") format("truetype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/653818ae138d8284666bb925_BebasNeue.otf") format("opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65381a327130b00734063619_BebasNeue-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bebasneue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65381a8e8d8d4407029d1bbc_BebasNeue-Book.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bebasneue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65381a8f1bf915589c15eef3_BebasNeue-Light.ttf") format("truetype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65381a32258e550313046b93_BebasNeue-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bebasneue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65381a8e3637f74e1b293b2d_BebasNeue-Thin.ttf") format("truetype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65381a32af8b13a21e18cd0f_BebasNeue-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bebasneue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65381a8e4bf8e10fd4db7732_BebasNeue-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65381a32c79ff20370646197_BebasNeue-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda91549e8d1bcefac66_HelveticaNeueItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804280_SpaceGrotesk-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80427e_SpaceGrotesk-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804281_SpaceGrotesk-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80427c_SpaceGrotesk-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80427a_SpaceGrotesk-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bebasneue Book;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65381a3253974302fcefd4ac_BebasNeue-Book.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druk Trial;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6556a01e8e321db1b34a4867_Druk-Bold-Trial.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue Roman;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda9db8937de7cdba07e_HelveticaNeueRoman.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda91549e8d1bcefac8f_HelveticaNeueThin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda84529dd33e0b596ce_HelveticaNeueBlack.otf") format("opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda99457b5f44ff3e59a_HelveticaNeueHeavy.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda8f24fb25a95591218_HelveticaNeueBoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda9e73482cf0fd31691_HelveticaNeueThinItalic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda91549e8d1bcefacab_HelveticaNeueUltraLightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda9c3836ba218e3f153_HelveticaNeueMedium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda9d761ab321248b253_HelveticaNeueUltraLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda9ed63ee8014be40d0_HelveticaNeueMediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda87295bcd9b992df66_HelveticaNeueBold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda84118c2d3463fc44b_HelveticaNeueBlackItalic.otf") format("opentype"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda9868ac29579079a85_HelveticaNeueHeavyItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda9d761ab321248b22f_HelveticaNeueLight.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda9a061f7f7b290b50c_HelveticaNeueLightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/661bdda9db8937de7cdba07e_HelveticaNeueRoman.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --deon-green: #6cba16;
  --black: #080808;
  --light-outline: #fff3;
  --white: #fff;
  --dark-outline: #e4e9ec;
  --body-display: #667479;
  --active-border: #99a7ac;
  --light-grey-background: #fff;
  --black-2: #07090c;
  --modal-bkg: #22222240;
  --red-text: #a74030;
  --nike-navy: #2f2f3c;
  --neon-green: #83e21a;
  --button-black: #1d1d1d;
  --rival-red: #7c1315;
  --ai-background: #222;
  --dashback: #f4f8fa;
  --rival-blue: #142a4a;
  --gradient-white: #f4f8fa;
  --top-subtxt: #6a6f74;
  --underline-title: #e5e6ec;
  --green-600: #7eb607;
  --subtext: #636363;
  --green-500: #95d310;
  --green-500-2: #95d310;
  --green-600-2: #7eb607;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-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;
}

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

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

.w-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

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

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

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

.w-commerce-commercecheckoutdiscounts {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  flex-wrap: wrap;
  padding: 20px;
  display: flex;
}

.w-commerce-commercecheckoutdiscountsinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  flex: 1;
  width: auto;
  min-width: 0;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutdiscountsinput::placeholder {
  color: #999;
}

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

.w-commerce-commercecheckoutdiscountsbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 38px;
  margin-left: 8px;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

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

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

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

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-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;
}

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

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

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

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

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

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

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

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

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

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

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

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

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-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;
}

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

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

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-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;
}

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

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

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

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

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

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

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

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

.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper, .w-commerce-commercedownloadswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercedownloadslist {
  margin-bottom: -20px;
}

.w-commerce-commercedownloadsitem {
  grid-column-gap: 16px;
  grid-template-columns: 1fr max-content;
  align-items: center;
  margin-bottom: 20px;
  display: grid;
}

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

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

.w-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;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

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

  .w-layout-blockcontainer {
    max-width: none;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

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

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

  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  letter-spacing: -.02em;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Oswald, sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.35em;
}

h2 {
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3em;
}

h3 {
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3em;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3em;
}

h5 {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  line-height: 20px;
}

a {
  color: var(--deon-green);
  font-weight: 600;
  text-decoration: none;
}

li {
  font-family: Montserrat, sans-serif;
}

blockquote {
  letter-spacing: 1px;
  text-transform: uppercase;
  border-left: 5px solid #e2e2e2;
  margin-bottom: 15px;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 22px;
}

.section-hero {
  background-color: var(--black);
  flex-direction: row;
  justify-content: center;
  min-height: 100vh;
  display: flex;
}

.wrapper-slider {
  border-radius: 20px;
  justify-content: center;
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider {
  background-color: var(--black);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1500px;
  height: 100%;
}

.slider.clip {
  overflow: hidden;
}

.slide-content {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 120px;
  padding-bottom: 140px;
  display: flex;
}

.slide-content.flex-bottom {
  align-items: flex-end;
  padding-bottom: 120px;
}

.slider-background-wrapper {
  justify-content: center;
  width: 100vw;
  display: flex;
  position: absolute;
  inset: 0% auto;
  overflow: hidden;
}

.slider-background-wrapper.small {
  width: 100%;
  height: 100%;
}

.slider-background {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c0_ImageOP004.jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.slider-background.three {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c2_Image005%201.jpg");
}

.slider-background.four {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c3_Image002%201.jpg");
}

.slider-background.five {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c9_Image012%201.jpg");
}

.slider-background.six {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043cb_Image013%201.jpg");
}

.slider-background.seven {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043ca_Image016%201.jpg");
}

.slide-nav {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 48px;
  min-height: 12px;
  margin: auto;
  padding: 0;
  font-size: 6px;
  display: flex;
  inset: auto 0 48px;
  transform: none;
}

.slide-nav.tablet-mobile-slide-nav {
  align-items: flex-end;
  height: 36px;
  display: none;
  bottom: 0;
}

.slide-nav.small {
  height: 12px;
}

.slide-arrow {
  border: 1px solid var(--light-outline);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
  inset: auto auto 48px 0;
}

.slide-arrow.right {
  left: auto;
  right: 0;
}

.body {
  background-color: var(--white);
  color: #000;
  margin-top: 0;
  font-family: Generalsans, sans-serif;
}

.slide-heading {
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 80px;
  font-weight: 600;
  line-height: 1.25em;
}

.slide-heading.xl {
  font-size: 120px;
  line-height: 1em;
}

.slide-heading.small {
  letter-spacing: .07em;
  font-size: 36px;
  line-height: 1.35em;
}

.slider-arrow {
  width: 15px;
}

.grid-wrapper {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 20px;
  display: grid;
  position: relative;
}

.grid-wrapper.clip {
  justify-content: center;
  justify-items: center;
  overflow: hidden;
}

.nav-link {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.2em;
  text-decoration: none;
  display: flex;
  position: static;
}

.nav-link.w--current {
  color: #fff;
}

.section {
  z-index: 10;
  justify-content: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
  position: relative;
}

.section.no-padding {
  padding: 0;
}

.section.no-bottom-padding {
  padding-bottom: 0;
  display: none;
}

.section.clip {
  overflow: hidden;
}

.section.grey {
  background-color: #f4f8fa;
}

.section.no-top-padding {
  padding-top: 0;
}

.section.bottom-border {
  border-bottom: 1px solid var(--dark-outline);
}

.overlay {
  background-color: #0808084d;
  position: absolute;
  inset: 0%;
}

.overlay.gradient {
  background-color: #08080800;
  background-image: linear-gradient(#07090c00 30%, #07090c1a 55%, #07090c40);
}

.overlay.light {
  background-color: #0808080d;
}

.slide-intro {
  z-index: 100;
  grid-column-gap: 24px;
  grid-row-gap: 36px;
  color: #fff;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  max-width: 800px;
  display: grid;
  position: relative;
}

.slide-intro.small {
  grid-row-gap: 24px;
  max-width: 400px;
}

.button {
  color: #000;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 14px 23px 14px 28px;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: flex;
}

.button.dark {
  background-color: var(--black);
  color: #fff;
  line-height: 1.5em;
}

.mask, .clip {
  overflow: visible;
}

.nav-content {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  color: #fff;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  justify-items: center;
  display: grid;
}

.brand {
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  width: 110px;
  padding-left: 0;
  font-family: Clashdisplay, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.navbar {
  background-color: #fff0;
  flex-direction: column;
  justify-content: center;
  height: 65px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-menu {
  display: flex;
}

.menu-wrapper {
  grid-column-gap: 54px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  display: grid;
}

.back-button-content {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  letter-spacing: 5px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  place-items: center;
  font-size: 11px;
  text-decoration: none;
  display: grid;
}

.subtitle {
  color: var(--body-display);
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3em;
  display: none;
}

.subtitle.light {
  color: #fff;
}

.subtitle.small {
  letter-spacing: 3px;
  font-size: 11px;
}

.cart-item-wrapper {
  border-top: 1px #e5ebf0;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.option-list {
  color: var(--body-display);
  text-transform: none;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6em;
}

.default-state {
  flex: 0 auto;
  justify-content: space-between;
  height: 100%;
  max-height: 100vh;
  padding: 0;
  overflow: hidden;
}

.dynamic-quantity {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  letter-spacing: 0;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: center;
  place-items: center;
  display: grid;
}

.cart-footer {
  border-top-style: solid;
  border-top-color: var(--dark-outline);
  flex: 0 auto;
  padding: 28px 40px 24px;
}

.product-quantity {
  color: #596066;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #f4f8fa00;
  border-style: solid;
  border-color: #e5ebf0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 18px;
  margin-bottom: 0;
  margin-left: 6px;
  padding: 1px 0 0 3px;
  font-size: 10px;
  font-weight: 300;
  line-height: .8em;
  transition: border-color .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.product-quantity:focus {
  border-color: var(--active-border);
}

.cart-button {
  color: #000;
  background-color: #3898ec00;
  padding: 0;
  display: flex;
  position: static;
}

.checkout-actions {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.cart-top {
  z-index: 50;
  background-color: var(--light-grey-background);
  color: var(--black);
  letter-spacing: .02em;
  text-transform: none;
  border-bottom: 1px #e5ebf0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  padding: 0 40px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.cart-item-bottom {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.order-details {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-left: 24px;
  margin-right: 0;
  display: flex;
}

.cart-list {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  border-top: 1px none var(--dark-outline);
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  margin-left: 40px;
  margin-right: 16px;
  padding: 36px 24px 36px 0;
  display: grid;
  overflow: auto;
}

.inside-cart-quantity {
  grid-column-gap: 2px;
  grid-row-gap: 16px;
  letter-spacing: 0;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  font-size: 12px;
  display: grid;
}

.cart-content {
  z-index: 5000;
  cursor: pointer;
  background-color: #080808b3;
}

.cart-item {
  border-top: 1px #f4f8fa;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.cart-line-item {
  color: #000;
  letter-spacing: .02em;
  text-transform: none;
  border-bottom: 1px solid #e5ebf0;
  margin-bottom: 30px;
  padding-bottom: 28px;
  font-size: 15px;
}

.cart-container {
  box-shadow: none;
  cursor: default;
  background-color: #fff0;
  min-width: 380px;
  max-width: 625px;
  max-height: 100vh;
  margin-top: 0;
  padding-top: 0;
  overflow: hidden;
}

.cart-image {
  object-fit: cover;
  width: 90px;
  min-width: 90px;
  max-width: 90px;
  height: 100%;
}

.quantity-cart-item {
  color: var(--body-display);
  letter-spacing: 4px;
  text-transform: uppercase;
  align-items: center;
  font-size: 11px;
  display: flex;
}

.close-cart {
  border-bottom-style: none;
  padding: 0 48px 0 0;
}

.close-button {
  color: #596066;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8px 0;
  text-decoration: none;
  display: flex;
}

.cart-quantity {
  color: #fff;
  letter-spacing: 0;
  background-color: #fff0;
  min-width: 0;
  height: auto;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  font-weight: 400;
}

.cart-item-top {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.cart-item-top.small {
  margin-bottom: 12px;
}

.cart-title {
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 9px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.cart-title.small {
  margin-bottom: 4px;
}

.cart-item-title {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.cart-bottom {
  justify-content: space-between;
  display: flex;
}

.checkout-button {
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 100px;
  flex: 1;
  justify-content: center;
  min-height: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-style: italic;
  font-weight: 800;
  display: flex;
}

.checkout-button:hover {
  background-color: var(--deon-green);
}

.remove-button {
  color: #596066;
  letter-spacing: 0;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  font-size: 12px;
  text-decoration: none;
  display: flex;
}

.price {
  color: var(--body-display);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.price.large {
  font-size: 15px;
  font-weight: 400;
}

.invert-image {
  filter: invert();
  width: 16px;
}

.right-nav {
  grid-column-gap: 18px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  display: grid;
}

.cart-wrapper {
  grid-column-gap: 9px;
  grid-row-gap: 16px;
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  font-size: 12px;
  display: grid;
}

.stacked-content {
  z-index: 20;
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  display: grid;
  position: relative;
}

.stacked-content.large {
  grid-row-gap: 140px;
  grid-template-rows: auto;
}

.stacked-content.medium {
  grid-row-gap: 80px;
}

.stacked-content.centered {
  text-align: center;
  justify-content: center;
  justify-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.stacked-content.small {
  grid-row-gap: 26px;
}

.wrapper-intro {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.wrapper-intro.centered {
  text-align: center;
  grid-template-columns: 1fr;
  justify-items: center;
}

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

.dynamic-price {
  color: var(--body-display);
  text-transform: uppercase;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  place-items: flex-end end;
  font-size: 14px;
  font-weight: 300;
  line-height: 1em;
  display: flex;
}

.product-title {
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14.5px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.3em;
}

.product-title.large {
  font-size: 26px;
}

.background-product {
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.indicator-fill {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.card-image-wrapper {
  background-color: #f4f8fa;
  height: 100%;
}

.card-info {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  padding: 14px 16px 18px;
  display: grid;
}

.image-indicator {
  z-index: 20;
  height: 5px;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.image-card {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-card.two {
  z-index: 2;
}

.image-card.three {
  z-index: 1;
  display: block;
}

.image-card.one {
  z-index: 3;
}

.card-image {
  background-color: #f4f8fa;
  flex-direction: column;
  justify-content: flex-end;
  height: 35vw;
  min-height: 100%;
  max-height: 650px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-image.extra-large {
  height: 44vw;
  max-height: 700px;
}

.card-image.large {
  height: 44vw;
  max-height: 725px;
}

.product-card {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: var(--black);
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
}

.related-products {
  grid-column-gap: 6px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.page-wrapper {
  color: var(--black);
  background-color: #fff;
  font-family: Generalsans, sans-serif;
  font-weight: 400;
  display: none;
}

.nav-base {
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.background {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804399_Image001.jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.background.shop-background {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043df_Image005.jpeg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043cc_Image007%202.jpg");
  background-position: 50%, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
  font-family: Montserrat, sans-serif;
}

.background.faq-background {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c7_Image004%202.jpg");
}

.background.checkout-background {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6608c9f29296b283f04cd05f_Triathletes-training-on-sunset-beach.jpg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c6_Image001%201.jpg");
  background-position: 100% 40%, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
}

.background.contact-background {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c3_Image002%201.jpg");
}

.action-heading-wrapper {
  color: #fff;
  white-space: nowrap;
  align-items: center;
  min-height: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  overflow: hidden;
}

.dual-button {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.rotating-text {
  padding-right: 60px;
}

.background-wrapper {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.footer {
  background-color: var(--black);
  position: sticky;
  inset: auto 0% 0%;
}

.page-content {
  z-index: 10;
  background-color: #fff;
  position: relative;
}

.page-content.top-pad {
  padding-top: 65px;
}

.slider-testimonials {
  background-color: #ddd0;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-bottom: 60px;
  display: flex;
}

.testimonial {
  text-align: center;
  width: 100%;
  max-width: 600px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.mask-testimonials {
  width: 60%;
  overflow: visible;
}

.testimonial-arrow {
  border: 1px none var(--dark-outline);
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.hover-arrow {
  z-index: 5;
  border: 1px none var(--dark-outline);
  background-color: var(--black-2);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: none;
  position: fixed;
  inset: -38px auto auto -30px;
}

.arrow-cover {
  z-index: 25;
  position: absolute;
  inset: 0%;
}

.centered-intro {
  grid-column-gap: 40px;
  grid-row-gap: 36px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: center;
  max-width: 525px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.body-display {
  color: var(--body-display);
  font-size: 18px;
  line-height: 1.65em;
}

.body-display.light {
  color: #fff;
}

.body-display.small {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  display: block;
}

.body-display.extra-small {
  color: var(--black);
  font-family: Helvetica Neue, sans-serif;
  font-size: 15px;
}

.body-display.large {
  font-size: 20px;
}

.wrapper-testimonials {
  padding-top: 36px;
  padding-bottom: 36px;
  display: flex;
  overflow: visible;
}

.product-slider {
  background-color: #ddd0;
  justify-content: center;
  height: 100%;
  display: flex;
}

.product-mask {
  width: 33.33%;
  overflow: visible;
}

.product-slide-card {
  padding-left: 3px;
  padding-right: 3px;
}

.dark-slide-arrow {
  border: 1px none var(--dark-outline);
  background-color: var(--black);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  bottom: 90px;
}

.action-section {
  justify-content: center;
  align-items: stretch;
  min-height: 750px;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.featured-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 0;
  display: grid;
}

.featured-item-image {
  background-color: #f4f8fa;
  justify-content: center;
  align-items: center;
  min-height: 35vw;
  display: flex;
  position: relative;
}

.featured-item-image.second {
  background-color: var(--light-grey-background);
  margin-top: 10vw;
}

.featured-item-image.third {
  margin-top: 20vw;
}

.heading {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.35em;
}

.heading.large {
  letter-spacing: -.04em;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-style: italic;
  font-weight: 800;
}

.heading.small {
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
}

.heading.extra-large {
  letter-spacing: -.05em;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-style: italic;
  font-weight: 800;
}

.sticky-heading {
  grid-column-gap: 12px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  max-width: 300px;
  margin-bottom: 20vw;
  padding-left: 0;
  padding-right: 60px;
  display: grid;
  position: sticky;
  top: 120px;
}

.underline-link {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  border-bottom: 1px none var(--dark-outline);
  color: var(--body-display);
  letter-spacing: 4px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: grid;
}

.underline-link.light {
  color: #fff;
  border-bottom-color: #ffffff80;
}

.arrow-icon {
  width: 14px;
}

.arrow-icon.invert {
  filter: none;
}

.arrow-icon.large {
  width: 18px;
}

.image {
  width: 17vw;
  max-width: 275px;
  height: 13vw;
  max-height: 200px;
  margin-top: 0;
  margin-bottom: -36px;
  position: relative;
  overflow: hidden;
}

.image.full-width {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-bottom: 0;
}

.full-width-slider-wrapper {
  justify-content: center;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.basic-slider {
  background-color: #ddd0;
  justify-content: center;
  width: 100%;
  max-width: 1500px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.basic-mask {
  width: 100%;
  overflow: visible;
}

.basic-slide-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  min-height: 700px;
  margin-left: 3px;
  margin-right: 3px;
  padding: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.basic-slide-content {
  z-index: 25;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 475px;
  position: relative;
}

.stacked-intro {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.stacked-intro.center {
  justify-items: center;
}

.stacked-intro.small {
  grid-row-gap: 18px;
}

.stacked-intro.large {
  grid-row-gap: 48px;
}

.stacked-intro.centered {
  text-align: center;
  justify-content: center;
  justify-items: center;
}

.stacked-intro.medium {
  grid-row-gap: 36px;
}

.action-background {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043cc_Image007%202.jpg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.footer-content {
  grid-column-gap: 16px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 300px;
  display: grid;
}

.shop-hero {
  color: #fff;
  justify-content: center;
  min-height: 500px;
  padding-top: 250px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.product-gallery {
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: -3px;
  display: flex;
}

.collection-item {
  width: 50%;
  min-width: 50%;
  margin-bottom: 3px;
  padding: 3px 3px 0;
  position: relative;
  overflow: hidden;
}

.collection-item:first-child {
  min-width: 100%;
  height: 100%;
  max-height: none;
  padding-top: 0;
}

.collection-list-wrapper {
  padding-left: 3px;
  padding-right: 3px;
  position: sticky;
  top: 65px;
}

.back-button-wrapper {
  position: absolute;
  inset: 36px auto auto 5vw;
}

.product-thumbnail {
  position: relative;
  top: 75px;
}

.product-wrapper {
  grid-column-gap: 6.5vw;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(auto, 500px);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.product-sidebar {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start stretch;
  align-items: start;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 0;
  display: grid;
  position: sticky;
  top: 65px;
}

.product-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-page-title {
  letter-spacing: -.05em;
  text-transform: none;
  margin-bottom: 5px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}

.product-price {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  color: var(--body-display);
  letter-spacing: .04em;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  font-size: 18px;
  font-weight: 300;
  display: grid;
}

.product-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px none var(--dark-outline);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.product-block:last-child {
  border-bottom-style: none;
}

.product-block.no-bottom-padding {
  padding-bottom: 0;
}

.block-title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--body-display);
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  display: grid;
}

.block-title {
  color: var(--black);
  letter-spacing: .15em;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.product-option {
  border-color: var(--dark-outline);
  color: var(--body-display);
  text-align: center;
  letter-spacing: .1em;
  white-space: nowrap;
  border-radius: 3px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
  margin-left: 3px;
  margin-right: 3px;
  padding: 16px 24px;
  font-size: 14px;
  line-height: 1em;
  transition: color .3s cubic-bezier(.25, .46, .45, .94), border-color .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.product-option:hover {
  border-color: var(--active-border);
}

.product-option.w--ecommerce-pill-selected {
  border-color: var(--body-display);
  color: var(--black);
  background-color: #fff;
}

.button-group {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: auto;
  justify-content: space-between;
  justify-items: start;
  margin-bottom: 0;
  margin-left: -3px;
  margin-right: -3px;
  display: flex;
}

.add-to-cart-button {
  background-color: var(--black);
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  border-radius: 100px;
  justify-content: center;
  width: 100%;
  min-height: 60px;
  margin-top: 24px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  display: flex;
}

.add-to-cart-button:hover {
  background-color: var(--deon-green);
}

.add-to-cart-button.grey {
  background-color: var(--dark-outline);
  color: #000;
  margin-top: 12px;
}

.product-gallery-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.add-to-cart {
  border-top: 1px #e4e9ec99;
  border-bottom: 1px none var(--light-grey-background);
  padding-top: 0;
  padding-bottom: 12px;
}

.feature-list {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-radius: 0;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.product-details {
  grid-column-gap: 28px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 24px;
  display: grid;
}

.add-to-cart-default {
  margin-bottom: 0;
}

.feature-item {
  grid-column-gap: 22px;
  grid-row-gap: 20px;
  color: var(--body-display);
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  font-weight: 400;
  display: grid;
}

.feature-icon {
  opacity: .55;
  filter: none;
  width: 22px;
}

.tab-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--dark-outline);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.tab-title {
  z-index: 25;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--black);
  letter-spacing: .15em;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  font-weight: 500;
  display: grid;
  position: relative;
}

.hover-cover {
  background-color: var(--light-grey-background);
  display: none;
  position: absolute;
  inset: 0%;
}

.tab-bottom-content {
  border-top: 1px none var(--dark-outline);
  margin-left: auto;
  margin-right: auto;
  padding: 28px 24px;
}

.tab-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 28px 0;
  text-decoration: none;
  transition: padding .5s cubic-bezier(.25, .46, .45, .94);
  position: relative;
  overflow: hidden;
}

.tab-top:hover {
  padding-left: 0;
  padding-right: 0;
}

.lottie-tab-icon {
  z-index: 10;
  opacity: .5;
  filter: invert();
  width: 14px;
  position: relative;
}

.tab-bottom {
  border-top: 1px none var(--dark-outline);
  background-color: var(--light-grey-background);
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.tab-item {
  border-bottom: 1px solid var(--dark-outline);
  flex-direction: column;
  display: flex;
}

.product-page-hero {
  justify-content: center;
  display: flex;
}

.shop-grid {
  grid-column-gap: 6px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  padding-top: 0;
  display: grid;
}

.instagram-grid {
  grid-column-gap: 6px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr auto 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 6px;
  display: grid;
}

.instagram-image {
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  min-height: 16vw;
  font-size: 22px;
  line-height: 1.2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.instagram-image.middle {
  color: #07090c;
  letter-spacing: .15em;
  letter-spacing: .15em;
  min-width: 33.33vw;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}

.instagram-image-wrapper {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.instagram-background {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b80438f_Image003.jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.instagram-background.three {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c6_Image001%201.jpg");
}

.instagram-background.four {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c8_Image008%201.jpg");
}

.instagram-background.one {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8e1_women%20jump%20rope%20exercise.jpeg");
}

.instagram-background.four {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8eb_ironman%20finisher.jpeg");
  background-position: 50% 0;
}

.instagram-background.two {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8dc_ironman%20cycling.jpeg");
}

.instagram-background.three {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8e6_women%20medicine%20ball%20workout.jpeg");
  background-position: 50%;
}

.product-showcase {
  grid-column-gap: 6px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 6px;
  display: grid;
}

.showcase-image {
  max-height: 100vh;
  margin-bottom: -65px;
  padding-bottom: 65px;
  position: sticky;
  top: 65px;
  overflow: hidden;
}

.showcase-products {
  grid-column-gap: 6px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.showcase-products.single-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.hide-slide-nav {
  display: none;
}

.link-wrapper {
  display: flex;
}

.width-small {
  max-width: 425px;
}

.flying-image-wrapper {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: end;
  width: 22vw;
  height: 22vw;
  display: flex;
  position: relative;
}

.flying-image-item {
  width: 22vw;
  height: 22vw;
  position: absolute;
  overflow: hidden;
}

.flying-image-item.two {
  transform: rotate(-5deg);
}

.flying-image-item.one {
  transform: rotate(5deg);
}

.flying-background {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.flying-image {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043df_Image005.jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.flying-image.one {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043db_Image024%201.jpg");
}

.flying-image.two {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043da_Image020%201.jpg");
}

.flying-image.three {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043d9_Image017%201.jpg");
  transform: rotate(0);
}

.about-us-hero {
  z-index: 25;
  flex-direction: column;
  min-height: 110vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-intro {
  justify-content: center;
  padding-top: 180px;
  padding-bottom: 48px;
  display: flex;
}

.hero-image-grid {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.hero-image-wrapper {
  min-width: 33.33vw;
  height: 100%;
  min-height: 45vw;
  position: relative;
  overflow: hidden;
}

.hero-image {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.dual-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 160px;
  padding-bottom: 180px;
  display: grid;
}

.scroll-link {
  width: 24px;
}

.product-detail-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(auto, 500px);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: -65px;
  display: grid;
}

.large-showcase-image {
  align-items: center;
  min-height: 100vh;
  max-height: 100vh;
  margin-right: 6.5vw;
  padding-top: 65px;
  padding-bottom: 80px;
  padding-right: 48px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.showcase-grid {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  width: 100%;
  padding-top: 65px;
  display: grid;
}

.showcase-grid-image {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.button-text {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.button-text-wrapper {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.slider-background-base {
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.menu-category {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 0;
  text-decoration: none;
  display: grid;
  position: relative;
  overflow: hidden;
}

.cart-form-wrapper {
  z-index: 25;
  color: var(--black);
  background-color: #fff;
  max-height: 100vh;
  margin-top: -60px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.slider-arrow-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.link-arrow-wrapper {
  overflow: hidden;
}

.promo-strip {
  height: 48px;
  display: flex;
  overflow: hidden;
}

.rotating-promo-text {
  grid-column-gap: 10vw;
  grid-row-gap: 16px;
  letter-spacing: 5px;
  text-transform: uppercase;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-right: 10vw;
  font-size: 11px;
  display: grid;
}

.scroll-trigger {
  margin-top: 100vh;
  position: absolute;
  inset: 0%;
}

.half-grid {
  grid-column-gap: 100px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 50vw 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.half-grid.reverse {
  grid-template-columns: 1fr 50vw;
}

.half-image {
  min-height: 700px;
  position: relative;
  overflow: hidden;
}

.half-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  max-width: 600px;
  padding-top: 150px;
  padding-bottom: 150px;
  display: grid;
}

.checkout-form {
  background-color: #0000;
  padding: 0;
  font-family: Helvetica Neue, sans-serif;
}

.checkout-grid {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  font-family: Helvetica Neue, sans-serif;
  display: grid;
}

.checkout-right {
  background-color: #fff;
  min-width: 500px;
  padding: 80px 10px 160px 0;
  position: relative;
  top: 0;
}

.checkout-left {
  grid-column-gap: 48px;
  grid-row-gap: 36px;
  border-right: 1px #d9d9d9;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0 60px;
  display: grid;
}

.field {
  border-color: var(--modal-bkg);
  color: var(--body-display);
  background-color: #fff0;
  border-radius: 2px;
  height: 52px;
  margin-bottom: 24px;
  padding: 14px 20px;
  font-size: 15px;
  transition: border-color .4s cubic-bezier(.25, .46, .45, .94);
}

.field:focus, .field.-wfp-focus {
  border-color: var(--active-border);
}

.field.no-margin {
  border-style: none none solid;
  border-color: var(--modal-bkg);
  margin-bottom: 0;
}

.field.short-margin {
  margin-bottom: 12px;
}

.field.large {
  height: auto;
  min-height: 150px;
}

.block-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff0;
  border: 1px #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
}

.block-header {
  background-color: #fff0;
  border-style: none;
  padding: 0 0 36px;
}

.customer-wrapper {
  margin-bottom: 0;
}

.field-label {
  color: var(--body-display);
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 9px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.6em;
}

.field-label.red {
  color: #ac4b4b;
  border-radius: 4px;
  margin-bottom: 0;
  padding: 0 0 0 12px;
  font-size: 9px;
  line-height: 1.3em;
}

.shipping-method-list {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  border-left-style: none;
  border-right-style: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.shipping-method {
  border: 1px solid var(--dark-outline);
  border-radius: 2px;
  padding: 18px;
}

.sticky-checkout-sidebar {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-radius: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 450px;
  padding: 20px 50px;
  font-size: 16px;
  display: grid;
  position: sticky;
  top: 120px;
}

.web-payments {
  width: 100%;
  margin-bottom: -8px;
}

.checkout-nav {
  z-index: 25;
  background-color: #fff0;
  position: absolute;
  inset: 0% 0% auto;
}

.checkout-banner {
  grid-column-gap: 16px;
  grid-row-gap: 120px;
  color: #fff;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  min-height: 260px;
  padding-top: 160px;
  padding-bottom: 60px;
  display: grid;
}

.order-item {
  border-top: 1px none var(--dark-outline);
  justify-content: flex-start;
  margin-bottom: 0;
  padding: 0;
}

.order-item:nth-child(odd) {
  border-radius: 4px;
}

.order-image {
  border-radius: 2px;
  min-height: 100%;
  overflow: hidden;
}

.order-item-image {
  object-fit: cover;
  width: 68px;
  height: 100%;
  min-height: 100%;
}

.order-item-list {
  grid-column-gap: 0px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-height: 425px;
  margin-bottom: 0;
  display: grid;
  overflow: auto;
}

.order-items {
  margin-bottom: 0;
}

.order-summary {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.summary-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.order-quantity {
  color: var(--body-display);
  font-size: 12px;
}

.quantity-number {
  margin-left: 2px;
  font-family: Helvetica Neue, sans-serif;
}

.submit-button {
  background-color: var(--black);
  letter-spacing: 4px;
  text-transform: uppercase;
  border-radius: 100px;
  justify-content: center;
  height: 52px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 11px;
  display: flex;
}

.summary-text {
  color: var(--body-display);
  font-family: Helvetica Neue, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.summary-text.dark {
  color: var(--black);
}

.summary-text.dark-bold {
  color: var(--black);
  font-weight: 500;
}

.discounts {
  background-color: #0000;
  border-style: none;
  padding: 0;
}

.discount-button-wrapper {
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: var(--dark-outline);
  color: var(--black);
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 0 100px 100px 0;
  align-items: stretch;
  height: auto;
  margin-left: 0;
  padding: 6px;
  font-size: 11px;
  display: flex;
}

.discount-code {
  border-style: solid none solid solid;
  border-color: var(--dark-outline);
  color: var(--body-display);
  background-color: #0000;
  border-radius: 100px 0 0 100px;
  height: 52px;
  padding-left: 30px;
}

.discount-code:focus {
  border-style: solid none solid solid;
  border-color: var(--dark-outline);
}

.column {
  padding-left: 3px;
  padding-right: 3px;
}

.row {
  margin-left: -3px;
  margin-right: -3px;
}

.checkout-component {
  background-color: #fff;
  border: 1px solid #e4e9ec00;
  border-radius: 2px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px;
  font-family: Helvetica Neue, sans-serif;
  transition: border-color .4s cubic-bezier(.25, .46, .45, .94);
}

.checkout-component:hover {
  border: 1px solid var(--dark-outline);
}

.billing-address-toggle {
  color: var(--body-display);
  align-items: center;
  line-height: 1.3em;
}

.checkbox {
  border: 1px solid var(--dark-outline);
  background-color: #fff;
  border-radius: 2px;
  margin-top: 0;
  margin-right: 3px;
}

.checkbox-label {
  margin-bottom: 0;
}

.shipping-text {
  font-size: 15px;
  font-weight: 500;
}

.radio-button {
  border: 1px solid var(--dark-outline);
  background-color: var(--black);
  margin-right: 18px;
}

.shipping-title {
  margin-left: 0;
  margin-right: 0;
}

.apply-button {
  color: #000;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #e4e9ec00;
  border-radius: 100px;
  height: auto;
  padding: 0 20px 0 24px;
  font-size: 11px;
  line-height: 1.3em;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
}

.apply-button:hover {
  background-color: var(--dark-outline);
}

.empty-state {
  border: 1px solid var(--dark-outline);
  border-radius: 2px;
}

.checkout-nav-base {
  justify-content: flex-start;
  height: 80px;
  display: flex;
}

.contact-hero {
  justify-content: center;
  padding-top: 220px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.dual-contact {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, auto) 1fr;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
}

.contact-image {
  position: relative;
  overflow: hidden;
}

.contact-form-base {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  background-color: #fff;
  border-radius: 2px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 600px;
  padding: 80px 60px;
  display: grid;
}

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

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

.footer-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--light-outline);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 28px;
  padding-bottom: 28px;
  display: grid;
}

.footer-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 60px;
  display: grid;
}

.footer-navigation {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  place-items: start end;
  padding-right: 20px;
  display: grid;
}

.footer-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: start;
  align-items: center;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: grid;
}

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

.legal-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .8;
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: end;
  font-size: 9px;
  display: grid;
}

.legal-link {
  color: #fff;
  text-decoration: none;
}

.arrow-clip {
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.product-card-top {
  grid-column-gap: 9px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  display: grid;
}

.product-card-info {
  grid-column-gap: 16px;
  grid-row-gap: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.new-tag {
  align-items: center;
  height: 28px;
  margin-right: 9px;
  display: flex;
}

.new-tag.product-page-tag {
  border: 1px none var(--deon-green);
  color: var(--deon-green);
  margin-bottom: 12px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.label-text {
  border-left: 2px solid var(--deon-green);
  letter-spacing: 3px;
  text-transform: uppercase;
  padding-left: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2em;
}

.label-text.discount {
  color: var(--red-text);
  border-left-style: none;
  margin-top: 0;
  line-height: 1em;
}

.stacked-product-title {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tag-icon {
  width: 16px;
  margin-right: 2px;
}

.discount-label {
  align-items: center;
  height: 28px;
  display: flex;
}

.discount-label.product-page-tag {
  margin-bottom: 12px;
}

.discount-text {
  color: var(--active-border);
  margin-top: 3px;
  font-size: 13px;
  text-decoration: line-through;
}

.price-text {
  align-items: center;
  height: 28px;
  margin-top: 1px;
  font-size: 15px;
  display: flex;
}

.product-tags {
  display: flex;
}

.special-pay-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 100px;
}

.special-pay-button.large {
  width: 100%;
  height: 55px;
}

.special-pay-button.large:focus {
  border-radius: 100px;
}

.compare-price {
  color: var(--active-border);
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: line-through;
}

.dual-grid {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  display: grid;
}

.hyperlink {
  color: var(--body-display);
  transition: color .4s cubic-bezier(.25, .46, .45, .94);
}

.hyperlink:hover {
  color: var(--black-2);
}

.feature-background {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c7_Image004%202.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.feature-background.three {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c8_Image008%201.jpg");
}

.feature-background.two {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f8_health-team-app_battle-rope-workout.jpg");
}

.feature-background.one {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8fd_triathlete-swimming-in-lake-3.jpg");
}

.product-benefit-background {
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.customer-image-grid {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.customer-image {
  height: 28vw;
  position: relative;
}

.product-feature-image {
  max-width: none;
  height: 100%;
}

.product-detail-collection {
  margin-left: -6.5vw;
}

.hero-image-background {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043ce_Image015%201.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.hero-image-background.two {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c8_Image008%201.jpg");
}

.hero-image-background.three {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c9_Image012%201.jpg");
}

.hero-image-background.four {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043ca_Image016%201.jpg");
}

.about-background {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043cf_Image023%201.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.about-background.two {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043dc_Image021%201.jpg");
}

.about-background.three {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c5_Image014%201.jpg");
}

.stacked-description {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.featured-product-image {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804395_3.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.featured-product-image.one {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804388_1.png");
}

.featured-product-image.two {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804395_3.png");
}

.featured-product-image.three {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b804390_2.png");
}

.width-large {
  max-width: 700px;
}

.product-page-top {
  flex-direction: column;
  display: flex;
}

.footer-logo {
  width: 100%;
  min-width: 100%;
  max-width: none;
}

.hero-grid {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.section-banner {
  min-height: 700px;
  position: relative;
}

.hero-title {
  max-width: 600px;
}

.sidebar-grid {
  grid-column-gap: 140px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.faq-block {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.faq-grid {
  grid-column-gap: 16px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 800px;
  display: grid;
}

.faq-sidebar {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 120px;
  padding-top: 120px;
  display: grid;
  position: sticky;
  top: 0;
}

.faq-link-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  display: grid;
}

.story-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  grid-auto-columns: 1fr;
  place-content: center stretch;
  place-items: center;
  padding-left: 6px;
  padding-right: 6px;
  display: grid;
}

.story-image {
  border: 1px #000;
  width: 15vw;
  height: 21vw;
  position: relative;
  overflow: hidden;
}

.story-background-wrapper {
  position: absolute;
  inset: 0%;
}

.story-background {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c4_Image010%201.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.story-background.right-image {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c5_Image014%201.jpg");
}

.story-content {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.faq-right {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 120px 100px;
  display: flex;
}

.checkout-page {
  background-color: var(--light-grey-background);
}

.confirmation-block {
  font-size: 15px;
  line-height: 1.6em;
}

.cart-quantity-wrapper {
  grid-column-gap: 9px;
  grid-row-gap: 16px;
  letter-spacing: 5px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  font-size: 11px;
  display: grid;
}

.preloader {
  z-index: 9998;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff;
  display: none;
  position: fixed;
  inset: 0%;
}

.pagination-button {
  border-color: var(--dark-outline);
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #fafafa00;
  border-radius: 100px;
  padding: 10px 24px;
  font-size: 11px;
  text-decoration: none;
}

.pagination-button.right, .pagination-button.left {
  padding-right: 19px;
}

.pagination {
  justify-content: center;
  margin-bottom: -90px;
  padding-top: 48px;
}

.pagnation-wrapper {
  align-items: center;
  display: flex;
}

.pagination-text {
  grid-column-gap: 18px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.pagination-arrow {
  width: 14px;
}

.shop-collection-list {
  flex-direction: column;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.footer-categories {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.menu-base {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  justify-items: stretch;
  width: 100%;
  display: grid;
}

.search-input {
  color: #fff;
  background-color: #fff0;
  border: 1px #000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0 0 0 18px;
  font-size: 14px;
}

.search-input::placeholder {
  line-height: 1.2em;
}

.search-button {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #3898ec00;
  border-radius: 100px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-left: -12px;
  padding: 0 0 0 2px;
  font-size: 10px;
  display: none;
}

.search-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-right: 6px;
  display: none;
}

.search {
  border: 1px none var(--light-outline);
  color: #fff;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  min-width: 100%;
  height: 32px;
  margin-bottom: 0;
  padding-right: 32px;
  font-size: 12px;
  display: flex;
  position: relative;
  inset: 0%;
}

.search-icon {
  z-index: 25;
  border: 1px none var(--light-outline);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 1px 1px 0;
  display: flex;
}

.dropdown-search-list {
  z-index: 10;
  background-color: #0000;
  flex: 0 auto;
  display: none;
  position: relative;
}

.dropdown-search-list.w--open {
  justify-content: flex-end;
}

.dropdown-search {
  z-index: 25;
  outline-color: var(--light-outline);
  outline-offset: 0px;
  border: 1px solid #ffffff40;
  border-radius: 100px;
  outline-width: 1px;
  outline-style: none;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  min-width: 34px;
  min-height: 34px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.search-base {
  z-index: 5;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.search-toggle {
  z-index: 25;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
}

.search-toggle.w--open {
  margin-left: -32px;
}

.lottie-animation {
  opacity: .6;
  justify-content: center;
  align-items: center;
  width: 13px;
  display: flex;
}

.search-results {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.search-result-item {
  grid-column-gap: 36px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--dark-outline);
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  padding: 60px 0;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
  display: grid;
}

.result-info {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  display: grid;
}

.search-grid {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 24px;
  display: grid;
}

.search-result-list {
  grid-column-gap: 80px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.result-title {
  color: var(--black-2);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4em;
  text-decoration: none;
}

.search-result-bar {
  border: 1px solid var(--dark-outline);
  background-color: #fff;
  border-radius: 100px;
  margin-bottom: 0;
  padding: 4px;
  display: flex;
}

.search-result-input {
  background-color: #fff0;
  border: 1px #000;
  min-width: 350px;
  min-height: 50px;
  margin-bottom: 0;
  padding-left: 24px;
  font-size: 16px;
}

.search-result-button {
  background-color: var(--black-2);
  letter-spacing: 4px;
  text-transform: uppercase;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043a4_search(24x24)%402x%20(2).svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 100px;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  padding-left: 0;
  padding-right: 0;
  font-size: 11px;
}

.search-result-hero {
  background-color: var(--light-grey-background);
  color: var(--black-2);
  justify-content: center;
  padding-top: 180px;
  padding-bottom: 80px;
  display: flex;
}

.result-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 22vw;
}

.empty-cart {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
}

.empty-cart-content {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.error-state {
  color: var(--red-text);
  border-radius: 2px;
  margin: 12px 48px 0;
  padding-left: 18px;
}

.testimonial-slide-nav {
  height: 12px;
  padding-top: 0;
  font-size: 6px;
  inset: auto 0% 0%;
}

.footer-items {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.size-guide-popup {
  z-index: 5000;
  justify-content: center;
  align-items: center;
  padding-left: 9px;
  padding-right: 9px;
  display: none;
  position: fixed;
  inset: 0%;
}

.size-guide-content {
  z-index: 25;
  background-color: #fff;
  max-width: 475px;
  padding: 0;
  position: relative;
}

.popup-top {
  background-color: var(--light-grey-background);
  justify-content: space-between;
  padding: 18px 24px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.close-popup {
  grid-column-gap: 9px;
  grid-row-gap: 16px;
  color: var(--body-display);
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
  display: grid;
}

.size-guide-bottom {
  padding: 36px 24px 24px;
}

.close-icon {
  opacity: .75;
  width: 12px;
  min-width: 12px;
}

.close-background {
  background-color: #07090c59;
  position: absolute;
  inset: 0%;
}

.filter-bar {
  padding-top: 80px;
  padding-bottom: 6px;
  display: flex;
}

.filter-left {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.category-wrapper {
  flex-wrap: wrap;
  align-items: stretch;
  display: flex;
}

.category-item-wrapper {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.category-item {
  color: var(--body-display);
  letter-spacing: 5px;
  text-transform: uppercase;
  align-items: center;
  padding-right: 24px;
  font-size: 11px;
  line-height: 1.3em;
  text-decoration: none;
  display: flex;
}

.success-message {
  background-color: #ddd0;
  padding: 0;
}

.success-content {
  background-color: var(--light-grey-background);
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 400px;
  display: flex;
}

.width-medium {
  max-width: 550px;
}

.featured-product-list {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.slide-arrow-hidden {
  display: none;
}

.brand-logo {
  width: 100%;
}

.lightbox-link {
  width: 100%;
  min-width: 100%;
}

.error-message {
  border-left: 3px solid var(--red-text);
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 18px;
}

.width-extra-large {
  max-width: 975px;
}

.delete-me {
  z-index: 5000000;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #fff;
  border: 1px solid #f3f6f9;
  border-radius: .75rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 22rem;
  padding: 2rem;
  display: flex;
  position: fixed;
  inset: auto .5rem .5rem auto;
}

.hide-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #000;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.delete-me_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.delete-me_text-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.delete-me_text-description {
  line-height: 1.5;
}

.delete-me_link {
  color: #fff;
  background-color: #000;
  border-radius: 100px;
  padding: .65rem 1.3rem .7rem;
  line-height: 1.3;
  text-decoration: none;
}

.container-default {
  max-width: none;
  padding-left: 24px;
  padding-right: 24px;
}

.card-iphone-image {
  z-index: 1;
  width: 100%;
  position: relative;
}

.grid-wrapper-2 {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: block;
  position: relative;
}

.grid-wrapper-2.clip {
  justify-content: center;
  justify-items: center;
  overflow: hidden;
}

.screen-2 {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed92e_162022467_480500833138318_2443484408589304223_n.jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 5em;
  width: 89%;
  height: 97%;
  display: block;
  position: absolute;
}

.screen-2._2 {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed937_161856816_2916146785300003_162589793954507097_n.jpeg");
  display: block;
}

.screen-2._3 {
  z-index: -4;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed928_Mask%20Group%2023%402x.png");
  border-radius: 4.9em;
  display: block;
}

.screen-2.back {
  z-index: -5;
  background-color: #fff;
  background-image: none;
  width: auto;
}

.action-background-2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043cc_Image007%202.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  inset: 0%;
}

.hero-text-line {
  background-image: linear-gradient(to right, #7c1315, #be0b0e);
  border-radius: 20px;
  width: 3px;
  height: 160px;
  margin-top: 19px;
  position: relative;
  overflow: hidden;
}

.download-button-icon {
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  margin-right: 5px;
}

.hero-image-2 {
  width: 200%;
  margin-top: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
}

.hero-paragraph-2 {
  color: #fff;
  max-width: 700px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15.5px;
  font-weight: 300;
  line-height: 1.2em;
}

.grid-wrapper-copy {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.card-iphone {
  width: 50%;
  height: 700px;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 23px;
  overflow: hidden;
}

.product-slider-wrapper-2 {
  display: block;
}

.hero-description {
  color: #787878;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 300;
}

.hero-text-holder-1 {
  text-align: right;
  width: 50vw;
  overflow: hidden;
}

.categories-badges-item-wrapper {
  flex-direction: row;
  display: none;
}

.page-wrapper-2 {
  color: #080808;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 100px;
  margin-top: 0;
  font-family: Generalsans, sans-serif;
  font-weight: 400;
  display: block;
  position: static;
  top: 0;
}

.product-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: relative;
  top: -30px;
  overflow: hidden;
}

.store-header {
  margin-bottom: 26px;
}

.instagram-grid-2 {
  grid-column-gap: 6px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr auto 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 20px 6px;
  display: grid;
}

.hero-section-2 {
  margin-bottom: 20px;
  padding: 0 3% 136px;
  display: block;
  position: relative;
  overflow: hidden;
}

.sticky-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 240px;
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
}

.slider-background-2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6552a41187638e40685be394_active-lifestyle-health-pro.jpg");
  background-position: 50% 25%;
  background-repeat: repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.slider-background-2.three {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8d6_beach%20stretch.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-background-2.four {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8dc_ironman%20cycling.jpeg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c3_Image002%201.jpg");
  background-position: 50% 25%, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
}

.grid-wrapper-copy-2 {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.cta-holder {
  background-color: #0000;
  border: 2px solid #0000;
  border-radius: 90px;
  flex-direction: row;
  width: 350px;
  padding: 24px 12px 12px 0;
  display: flex;
}

.p2 {
  color: #858585;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.product-phone-demo-image {
  opacity: 1;
  object-fit: cover;
  border-radius: 40px;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.hero-text-sticky {
  flex-direction: row;
  justify-content: center;
  width: 100vw;
  display: flex;
  position: sticky;
  top: 75px;
  overflow: visible;
}

.flex-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.product-demo-sticky {
  z-index: 1;
  width: 400px;
  min-height: auto;
  padding-top: 0;
  position: sticky;
  top: auto;
}

.dark-slide-arrow-copy {
  background-color: #080808;
  border: 1px #e4e9ec;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  bottom: 90px;
}

.dark-slide-arrow-copy.right {
  margin-top: 220px;
  margin-bottom: 220px;
  margin-right: 0;
  padding: 0;
}

.section-2 {
  z-index: 10;
  justify-content: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: block;
  position: static;
  overflow: visible;
}

.section-2.clip {
  flex-wrap: wrap;
  padding-top: 100px;
  display: none;
  overflow: hidden;
}

.section-2.no-padding {
  padding: 0;
  display: block;
}

.section-2.no-padding.clip {
  display: block;
}

.product-phone-image {
  z-index: 1;
  width: 100%;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.small-title-2 {
  color: #aee1f9;
  margin-bottom: 20px;
  font-size: 2.3em;
  line-height: 1.4;
}

.slide-intro-2 {
  z-index: 100;
  grid-column-gap: 24px;
  grid-row-gap: 36px;
  color: #fff;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  max-width: 750px;
  display: grid;
  position: relative;
}

.card-iphone-overlay {
  z-index: 2;
  background-image: linear-gradient(to top, #fff 8%, #1d1e1e00);
  height: 30%;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.ellipses-holder {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.ellipses-holder._30-opacity {
  opacity: .3;
}

.ellipses-holder.cta {
  z-index: 1;
  display: none;
}

.hero-text-holder-3 {
  flex-direction: row;
  justify-content: center;
  width: 100vw;
  display: flex;
  position: absolute;
  top: 200px;
  overflow: hidden;
}

.h2-2 {
  color: #aee1f9;
  margin-top: 0;
  margin-bottom: 25px;
  padding-bottom: 0;
  font-size: 3em;
}

.heading-2 {
  letter-spacing: -.03em;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.35em;
}

.heading-2.large {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 300;
}

.iphone-lock-screen-image {
  opacity: 1;
  object-fit: cover;
  border-radius: 36px;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.circle {
  background-color: #f7f7f7;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
  position: absolute;
  inset: 20% auto auto 8%;
}

.circle._2 {
  box-shadow: none;
  background-color: #f7f7f7;
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 38% 5% auto auto;
}

.circle._4 {
  inset: 65% 5% auto auto;
}

.circle._5 {
  top: 80%;
}

.circle._3 {
  top: 46%;
}

.dark-slide-arrow-fix {
  background-color: #080808;
  border: 1px #e4e9ec;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  bottom: 90px;
}

.dark-slide-arrow-fix.left {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 220px;
  margin-bottom: 220px;
  padding: 0;
}

.button-2 {
  color: #000;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 14px 23px;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: flex;
}

.button-2.dark {
  color: #fff;
  background-color: #080808;
  line-height: 1.5em;
}

.dark-slide-arrow-2 {
  background-color: #080808;
  border: 1px #e4e9ec;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  bottom: 90px;
}

.product-phone-content {
  z-index: -1;
  position: absolute;
  inset: 36px 37px 35px 36px;
  overflow: hidden;
}

.heading-21 {
  letter-spacing: 2px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
}

.mg-bottom-0 {
  letter-spacing: -.03px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.subtitle-2 {
  color: #667479;
  letter-spacing: -.1px;
  text-transform: uppercase;
  margin-top: 0;
  padding-top: 0;
  font-family: Oswald, sans-serif;
  font-size: 13.5px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3em;
}

.collection-item-3 {
  background-color: #f6f5f9;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.collection-item-3:hover {
  color: #f4f8fa;
  background-color: #7c1315;
  background-image: linear-gradient(153deg, #7c1315, #ac0000);
  border: 1px solid #0000;
  box-shadow: 0 6px 30px 1px #0000001a;
}

.small-container {
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  margin-bottom: -450px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.small-container.left-align {
  align-items: flex-start;
  margin-bottom: 0;
}

.stacked-intro-2 {
  grid-column-gap: 14px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: grid;
}

.stacked-intro-2.centered {
  text-align: center;
  justify-content: center;
  justify-items: center;
  display: none;
}

.stacked-intro-2.small {
  grid-column-gap: 0px;
  grid-row-gap: 18px;
  justify-items: start;
  margin-right: 0;
  padding-left: 0;
}

.stacked-intro-2.large {
  grid-row-gap: 48px;
}

.stacked-intro-2.large.centered {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-right: 0;
  padding-right: 0;
  display: grid;
}

.story-background-2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f3_about_athleticus%20app_5.jpg");
  background-position: 35%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.story-background-2.right-image {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f0_coach-and-athlete-training.jpg");
  background-position: 50%;
}

.grid-2-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid-2-columns.title-and-categories {
  grid-template-columns: .6fr 1fr;
  margin-bottom: 64px;
}

.background-video {
  object-fit: cover;
  background-image: linear-gradient(to top, #00000040, #22222212);
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.circle-2 {
  background-color: #111030;
  border-radius: 100%;
  width: 200px;
  height: 200px;
  position: absolute;
  inset: 20% auto auto 8%;
  box-shadow: -7px 7px 18px 1px #0006;
}

.circle-2._4 {
  inset: 65% 5% auto auto;
}

.circle-2._3 {
  top: 46%;
}

.circle-2._5 {
  top: 80%;
}

.circle-2._2 {
  inset: 38% 5% auto auto;
}

.width-full {
  width: 100%;
}

.small-title {
  color: #1d1d1d;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Oswald, sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.1;
}

.slider-2 {
  background-color: #080808;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1500px;
  height: 100%;
}

.container-21 {
  width: 100%;
  max-width: 1300px;
  padding-left: 40px;
  padding-right: 40px;
}

.container-21.sticky {
  height: 91vh;
  position: sticky;
  top: 8%;
  bottom: 7%;
}

.section-4 {
  padding-bottom: 100px;
}

.background-container {
  z-index: 1;
  background-color: #111316;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.hidden {
  display: none;
}

.product-phone-image-holder {
  width: auto;
  display: block;
  position: relative;
}

.image-16 {
  display: none;
}

.iphone-image-3 {
  border-radius: 29px;
  width: 100%;
  padding-top: 0;
  position: absolute;
  inset: 0%;
}

.button-5 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #fa5853;
  background-image: linear-gradient(to right, #fa5853, #f46692 50%, #ffc444);
  border-radius: 5px;
  min-width: 180px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 13px 20px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: letter-spacing .3s, color .3s;
}

.button-5:hover {
  color: #fff;
  letter-spacing: 1px;
  text-decoration: none;
}

.button-5.download {
  background-color: #142a4a;
  background-image: none;
  border-radius: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.button-5.download:hover {
  letter-spacing: 0;
  background-color: #212121;
}

.width-large-2 {
  max-width: 700px;
  display: flex;
}

.subtitle---brix-copy {
  color: #4a3aff;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
}

.subtitle---brix-copy.hero-v2---brix {
  color: #323232;
  text-align: center;
  letter-spacing: 5px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.categories-badges-wrapper {
  justify-content: flex-end;
  display: flex;
}

.desktop-section {
  background-color: #fff0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  min-height: 600vh;
  max-height: 6000px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
  position: relative;
  top: 0;
}

.customer-image-2 {
  object-fit: contain;
  max-height: 115px;
}

.ig-section {
  z-index: 10;
  justify-content: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: block;
  position: relative;
}

.ig-section.no-padding {
  padding: 0;
  display: block;
}

.hero-product-demo {
  width: auto;
  height: auto;
  margin-bottom: 0;
  padding: 0;
  display: none;
  position: static;
}

.image-2 {
  margin-left: 0;
  padding-left: 20px;
}

.mobile-section {
  background-color: #080621;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 600vh;
  max-height: 6000px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  top: 0;
}

.mobile-section.mobile {
  display: none;
}

.grid-3-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3-columns.gap-row-80px {
  grid-row-gap: 80px;
}

.overlay-2 {
  background-color: #0808082b;
  position: absolute;
  inset: 0%;
}

.overlay-2.gradient {
  background-color: #08080800;
  background-image: linear-gradient(#07090c00 30%, #07090c1a 55%, #07090c40);
}

.background-overlay {
  z-index: 2;
  object-fit: cover;
  display: block;
  position: absolute;
  inset: 0%;
}

.card-item {
  background-color: #1d1e1f;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 40px #0000000d;
}

.card-item:hover {
  text-decoration: none;
}

.card-item.light {
  box-shadow: none;
  background-color: #fcfdff00;
  justify-content: space-between;
  padding-top: 0;
}

.testimonial-arrow-2 {
  border: 1px #e4e9ec;
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.slider-arrow-2 {
  color: #f4f8fa;
  width: 15px;
}

.empty-state-2 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 11px;
  padding: 26px 24px;
  box-shadow: 0 2px 12px #14142b14;
}

.arrow-icon-2 {
  color: var(--white);
  width: 14px;
}

.arrow-icon-2.invert {
  filter: none;
}

.screenshot-2 {
  object-fit: contain;
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.section-hero-2 {
  background-color: #080808;
  flex-direction: row;
  justify-content: center;
  min-height: 788px;
  max-height: 800px;
  display: flex;
}

.dual-button-2 {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.sticky-wrapper-main {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  height: 80%;
  margin-top: 0;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.sticky-content {
  margin-bottom: 0;
}

.product-phone-image-container {
  width: 100%;
}

.slide-arrow-2 {
  border: 1px solid #fff3;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
  inset: auto auto 48px 0;
}

.slide-arrow-2.left {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0000;
  flex-direction: row;
  width: 48px;
  padding: 0;
}

.slide-arrow-2.right {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0000;
  border-radius: 100%;
  flex-direction: row;
  width: 48px;
  height: 48px;
  min-height: auto;
  max-height: none;
  padding: 0;
  display: flex;
  left: auto;
  right: 0;
}

.sticky-wrapper-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 240px;
  margin-bottom: 237px;
  display: flex;
}

.iphone-image-4 {
  border-radius: 29px;
  width: 100%;
  padding-top: 0;
  display: none;
  position: absolute;
  inset: 0%;
}

.card-iphone-screelock {
  border-radius: 29px;
  width: 100%;
  padding-top: 0;
  position: absolute;
  inset: 0%;
}

.section-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: static;
}

.hero-text-holder-4 {
  text-align: left;
  width: 50vw;
  overflow: hidden;
}

.main-heading {
  color: #7c1315;
  letter-spacing: -2px;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: normal;
  background-image: linear-gradient(131deg, #1b3254, #142a4a 57%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 82px;
  font-style: italic;
  font-weight: 900;
  line-height: 80px;
}

.slider-arrow-wrapper-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.body-display-2 {
  color: #1d1d1d;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 1.65em;
}

.body-display-2.light {
  color: #fff;
}

.body-display-2.light.large {
  font-family: Generalsans, sans-serif;
  font-weight: 300;
}

.play-icon-holder {
  z-index: 7;
  cursor: pointer;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  transition: box-shadow .2s;
  position: absolute;
  inset: 50% auto auto 50%;
}

.play-icon-holder:hover {
  box-shadow: 0 0 9px 4px #0000004d;
}

.frame {
  border: 2px #080621;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-text-2 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
}

.subtitle---brix {
  color: #4a3aff;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
}

.subtitle---brix.hero-v2---brix {
  color: #323232;
  text-align: center;
  letter-spacing: 5px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.text-block-16 {
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
}

.phone-wrapper {
  z-index: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.hero-content-wrapper {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.card-phone-image-container {
  z-index: 0;
  border-radius: 14px;
  position: absolute;
  inset: 2.3% 4.9%;
  overflow: hidden;
}

.card-phone-image-container.on-dark {
  align-items: stretch;
  margin-top: -2px;
  padding-top: 0;
  display: block;
  inset: 4% 8.5% 10%;
}

.slide-heading-2 {
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.25em;
}

.slide-heading-2.xl {
  font-size: 120px;
  line-height: 1em;
}

.page-content-2 {
  z-index: 10;
  background-color: #fff;
  margin-bottom: 0;
  margin-left: 0;
  display: block;
  position: relative;
}

.hover-arrow-2 {
  z-index: 5;
  background-color: #07090c;
  border: 1px #e4e9ec;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: none;
  position: fixed;
  inset: -38px auto auto -30px;
}

.hero-image-block {
  object-fit: fill;
  width: 115%;
  max-height: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-right: 55px;
}

.underline-link-2 {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  color: #667479;
  letter-spacing: 4px;
  text-transform: uppercase;
  border-bottom: 1px #e4e9ec;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-left: 20px;
  padding-bottom: 0;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: grid;
}

.underline-link-2.light {
  color: #fff;
  border-bottom-color: #ffffff80;
}

.hero-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 210px;
  font-weight: 800;
  line-height: 1.2;
  overflow: hidden;
}

.hero-text._2 {
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #dadada, #f4f8fb);
  -webkit-background-clip: text;
  background-clip: text;
  width: 50vw;
  padding-left: 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 165px;
  font-style: italic;
  font-weight: 800;
}

.hero-text._1 {
  text-align: right;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #dadada, #f4f8fb);
  -webkit-background-clip: text;
  background-clip: text;
  width: 50vw;
  padding-right: 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 165px;
  font-style: italic;
  font-weight: 800;
}

.hero-grid-wrapper {
  grid-column-gap: 19px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: center;
}

.grid-wrapper-copy-3 {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.product-slider-wrapper-3 {
  display: block;
}

.hero-text-holder-5 {
  text-align: right;
  width: 50vw;
  overflow: hidden;
}

.page-wrapper-3 {
  color: #080808;
  background-color: #fff;
  font-family: Generalsans, sans-serif;
  font-weight: 400;
}

.instagram-grid-3 {
  grid-column-gap: 6px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr auto 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 20px 6px;
  display: grid;
}

.section-5 {
  z-index: 10;
  justify-content: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: block;
  position: relative;
}

.section-5.clip {
  flex-wrap: wrap;
  padding-top: 100px;
  display: none;
  overflow: hidden;
}

.section-5.no-padding {
  padding: 0;
  display: block;
}

.section-5.no-padding.clip {
  display: none;
}

.small-title-3 {
  color: #aee1f9;
  margin-bottom: 20px;
  font-size: 2.3em;
  line-height: 1.4;
}

.slide-intro-3 {
  z-index: 100;
  grid-column-gap: 24px;
  grid-row-gap: 36px;
  color: #fff;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  max-width: 750px;
  display: grid;
  position: relative;
}

.circle-3 {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #f7f7f747;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 20% auto auto 8%;
}

.circle-3._2 {
  box-shadow: none;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #f7f7f745;
  border-style: none;
  border-width: 1px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 11% 5% auto auto;
}

.circle-3._4 {
  inset: 65% 5% auto auto;
}

.circle-3._5 {
  top: 80%;
}

.circle-3._3 {
  top: 46%;
}

.heading-22 {
  letter-spacing: 2px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
}

.subtitle-3 {
  color: var(--nike-navy);
  letter-spacing: -.1px;
  text-transform: uppercase;
  margin-top: 0;
  padding-top: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3em;
}

.subtitle-3.small {
  letter-spacing: 3px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}

.subtitle-3.small.light {
  color: var(--white);
  letter-spacing: -1px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.stacked-intro-3 {
  grid-column-gap: 14px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: grid;
}

.stacked-intro-3.centered {
  text-align: center;
  justify-content: center;
  justify-items: center;
  display: none;
}

.stacked-intro-3.small {
  grid-column-gap: 0px;
  grid-row-gap: 18px;
  justify-items: start;
  margin-right: 0;
  padding-left: 0;
}

.stacked-intro-3.large {
  grid-row-gap: 48px;
}

.stacked-intro-3.large.centered {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-right: 0;
  padding-right: 40px;
  display: grid;
}

.story-background-3 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f3_about_athleticus%20app_5.jpg");
  background-position: 35%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.story-background-3.right-image {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f0_coach-and-athlete-training.jpg");
  background-position: 50%;
}

.circle-4 {
  background-color: #111030;
  border-radius: 100%;
  width: 200px;
  height: 200px;
  position: absolute;
  inset: 20% auto auto 8%;
  box-shadow: -7px 7px 18px 1px #0006;
}

.circle-4._4 {
  inset: 65% 5% auto auto;
}

.circle-4._3 {
  top: 46%;
}

.circle-4._5 {
  top: 80%;
}

.circle-4._2 {
  inset: 38% 5% auto auto;
}

.section-6 {
  padding-bottom: 100px;
}

.image-17 {
  display: none;
}

.iphone-image-5 {
  border-radius: 29px;
  width: 100%;
  padding-top: 0;
  position: absolute;
  inset: 0%;
}

.button-6 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #fa5853;
  background-image: linear-gradient(to right, #fa5853, #f46692 50%, #ffc444);
  border-radius: 5px;
  min-width: 180px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 13px 20px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: letter-spacing .3s, color .3s;
}

.button-6:hover {
  color: #fff;
  letter-spacing: 1px;
  text-decoration: none;
}

.button-6.download {
  background-color: #142a4a;
  background-image: none;
  border-radius: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.button-6.download:hover {
  letter-spacing: 0;
  background-color: #212121;
}

.overlay-3 {
  background-color: #0808082b;
  position: absolute;
  inset: 0%;
}

.overlay-3.gradient {
  background-color: #08080800;
  background-image: linear-gradient(#07090c00 30%, #07090c1a 55%, #07090c40);
}

.slider-arrow-3 {
  color: #f4f8fa;
  width: 15px;
}

.arrow-icon-3 {
  color: #080808;
  width: 14px;
}

.arrow-icon-3.invert {
  filter: none;
}

.iphone-image-2 {
  border-radius: 29px;
  width: 100%;
  padding-top: 0;
  position: absolute;
  inset: 0%;
}

.sticky-wrapper-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 240px;
  margin-bottom: 237px;
  display: flex;
}

.section-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: static;
}

.hero-text-holder-6 {
  text-align: left;
  width: 50vw;
  overflow: hidden;
}

.slider-arrow-wrapper-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.body-display-3 {
  color: #1d1d1d;
  text-align: center;
  margin-left: 0;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 1.65em;
}

.body-display-3.light {
  color: #fff;
}

.body-display-3.light.large {
  font-family: Generalsans, sans-serif;
  font-weight: 300;
}

.body-display-3.small {
  font-size: 15px;
}

.button-text-3 {
  color: #8d8d8d;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
}

.underline-link-3 {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  color: #667479;
  letter-spacing: 4px;
  text-transform: uppercase;
  border-bottom: 1px #e4e9ec;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: grid;
}

.underline-link-3.light {
  color: #fff;
  border-bottom-color: #ffffff80;
}

.grid-wrapper-copy-4 {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.product-slider-wrapper-4 {
  display: block;
}

.hero-text-holder-7 {
  text-align: right;
  width: 50vw;
  overflow: hidden;
}

.instagram-grid-4 {
  grid-column-gap: 6px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr auto 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 20px 6px;
  display: grid;
}

.section-8 {
  z-index: 10;
  justify-content: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: block;
  position: relative;
}

.section-8.clip {
  flex-wrap: wrap;
  padding-top: 100px;
  display: none;
  overflow: hidden;
}

.section-8.no-padding {
  padding: 0;
  display: block;
}

.section-8.no-padding.clip {
  display: none;
}

.small-title-4 {
  color: #aee1f9;
  margin-bottom: 20px;
  font-size: 2.3em;
  line-height: 1.4;
}

.slide-intro-4 {
  z-index: 100;
  grid-column-gap: 24px;
  grid-row-gap: 36px;
  color: #fff;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  max-width: 750px;
  display: grid;
  position: relative;
}

.heading-23 {
  letter-spacing: -.03em;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.35em;
}

.heading-23.large {
  text-align: center;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 200;
}

.stacked-intro-4 {
  grid-column-gap: 14px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: grid;
}

.stacked-intro-4.centered {
  text-align: center;
  justify-content: center;
  justify-items: center;
  display: none;
}

.stacked-intro-4.small {
  grid-column-gap: 0px;
  grid-row-gap: 18px;
  justify-items: start;
  margin-right: 0;
  padding-left: 0;
}

.stacked-intro-4.large {
  grid-row-gap: 48px;
}

.stacked-intro-4.large.centered {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-right: 0;
  padding-right: 40px;
  display: grid;
}

.story-background-4 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f3_about_athleticus%20app_5.jpg");
  background-position: 35%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.story-background-4.right-image {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f0_coach-and-athlete-training.jpg");
  background-position: 50%;
}

.circle-5 {
  background-color: #111030;
  border-radius: 100%;
  width: 200px;
  height: 200px;
  position: absolute;
  inset: 20% auto auto 8%;
  box-shadow: -7px 7px 18px 1px #0006;
}

.circle-5._4 {
  inset: 65% 5% auto auto;
}

.circle-5._3 {
  top: 46%;
}

.circle-5._5 {
  top: 80%;
}

.circle-5._2 {
  inset: 38% 5% auto auto;
}

.small-title-5 {
  color: #1d1d1d;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Oswald, sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.1;
}

.section-9 {
  padding-bottom: 100px;
}

.image-18 {
  display: none;
}

.iphone-image-6 {
  border-radius: 29px;
  width: 100%;
  padding-top: 0;
  position: absolute;
  inset: 0%;
}

.button-7 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #fa5853;
  background-image: linear-gradient(to right, #fa5853, #f46692 50%, #ffc444);
  border-radius: 5px;
  min-width: 180px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 13px 20px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: letter-spacing .3s, color .3s;
}

.button-7:hover {
  color: #fff;
  letter-spacing: 1px;
  text-decoration: none;
}

.button-7.download {
  background-color: #142a4a;
  background-image: none;
  border-radius: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.button-7.download:hover {
  letter-spacing: 0;
  background-color: #212121;
}

.overlay-4 {
  background-color: #0808082b;
  position: absolute;
  inset: 0%;
}

.overlay-4.gradient {
  background-color: #08080800;
  background-image: linear-gradient(#07090c00 30%, #07090c1a 55%, #07090c40);
}

.slider-arrow-4 {
  color: #f4f8fa;
  width: 15px;
}

.arrow-icon-4 {
  color: #080808;
  width: 14px;
}

.arrow-icon-4.invert {
  filter: none;
}

.iphone-image-7 {
  border-radius: 29px;
  width: 100%;
  padding-top: 0;
  position: absolute;
  inset: 0%;
}

.sticky-wrapper-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 240px;
  margin-bottom: 237px;
  display: flex;
}

.section-10 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: static;
}

.hero-text-holder-8 {
  text-align: left;
  width: 50vw;
  overflow: hidden;
}

.slider-arrow-wrapper-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.navmenu__dropdown-section-link {
  color: #1b1b1b;
  text-decoration: none;
  display: flex;
}

.navmenu__dropdown-section-link:hover, .navmenu__dropdown-section-link:focus {
  color: #7c1315;
}

.promo-strip-2 {
  color: #e4e9ec;
  background-color: #07090c;
  height: 40px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.navmenu__link-list {
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.option-list-2 {
  color: #667479;
  text-transform: none;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6em;
}

.navmenu__dropdown-right {
  grid-column-gap: 80px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .4fr;
  margin-right: 20px;
  padding-top: 40px;
  padding-bottom: 52px;
}

.error-message-2 {
  border-left: 3px solid #a74030;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 18px;
}

.navmenu__dropdown-section {
  margin-bottom: 40px;
}

.navmenu__dropdown-section.cc-last {
  margin-bottom: 0;
}

.text-block-23-copy {
  color: #080808;
  vertical-align: baseline;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  display: none;
}

.sidenav-items {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.search-base-2 {
  z-index: 5;
  justify-content: flex-start;
  width: 100%;
  padding-left: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.search-2 {
  color: #fff;
  border: 1px #fff3;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  min-width: 100%;
  height: 32px;
  margin-bottom: 0;
  padding-right: 0;
  font-size: 12px;
  display: flex;
  position: relative;
  inset: 0%;
}

.link-list__dropdown-wrapper {
  letter-spacing: 2px;
  text-transform: uppercase;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
  display: block;
  position: static;
}

.quantity-cart-item-2 {
  color: #667479;
  letter-spacing: 4px;
  text-transform: uppercase;
  align-items: center;
  font-size: 11px;
  display: flex;
}

.navmenu__dropdown-list-2 {
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 20px;
}

.navmenu__dropdown-section-link-heading {
  letter-spacing: 0;
  margin-right: 8px;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.5;
}

.cart-footer-2 {
  border-top-style: solid;
  border-top-color: #e4e9ec;
  flex: 0 auto;
  padding: 28px 40px 24px;
}

.product-quantity-2 {
  color: #596066;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #f4f8fa00;
  border-style: solid;
  border-color: #e5ebf0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 18px;
  margin-bottom: 0;
  margin-left: 6px;
  padding: 1px 0 0 3px;
  font-size: 10px;
  font-weight: 300;
  line-height: .8em;
  transition: border-color .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.product-quantity-2:focus {
  border-color: #99a7ac;
}

.search-icon-2 {
  z-index: 25;
  background-color: #0000;
  border: 1px #080808;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 0 1px;
  display: flex;
}

.dropdown-search-2 {
  z-index: 25;
  outline-offset: 0px;
  border: 1px solid #ffffff40;
  border-radius: 100px;
  outline: 1px #fff3;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  min-height: 34px;
  margin-left: 0;
  margin-right: 20px;
  display: block;
}

.navmenu__image {
  object-fit: cover;
  object-position: 50% 50%;
  margin-right: 24px;
}

.navmenu__dropdown-left {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-left: 20px;
  margin-right: 0;
  padding: 40px 0 52px;
  display: grid;
}

.right-nav-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-content: space-between center;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  padding-bottom: 0;
  display: flex;
}

.cart-wrapper-2 {
  grid-column-gap: 9px;
  grid-row-gap: 16px;
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  margin-left: 5px;
  font-size: 12px;
  display: grid;
}

.heading-24 {
  letter-spacing: -.03em;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.35em;
}

.heading-24.small {
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
}

.cart-form-wrapper-2 {
  z-index: 25;
  color: #080808;
  background-color: #fff;
  max-height: 100vh;
  margin-top: -60px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.brand-logo-2 {
  text-align: center;
  align-self: auto;
  width: 100px;
}

.stacked-intro-5 {
  grid-column-gap: 14px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: grid;
}

.stacked-intro-5.center {
  justify-items: center;
}

.burgermenu {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: auto;
  display: flex;
}

.user-log-in-log-out {
  text-transform: uppercase;
  background-color: #fff0;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
}

.text-block {
  color: #000;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}

.cart-top-2 {
  z-index: 50;
  color: #080808;
  letter-spacing: .02em;
  text-transform: none;
  background-color: #f4f8fa;
  border-bottom: 1px #e5ebf0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  padding: 0 40px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.navmenu__col-1-list {
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 10px;
  display: flex;
}

.nav-menu__flex-wide {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-8 {
  color: #fff;
  letter-spacing: 5px;
  margin-left: 0;
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}

.navmenu__dropdown-section-list {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-bottom: 0;
  padding-left: 0;
  display: grid;
}

.navmenu__section-link-row-2 {
  color: #1b1b1b;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: -1px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.navmenu__section-link-row-2:hover {
  color: #7c1315;
}

.navmenu__section-link-row-2.cc-last {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.navmenu__section-link-row-2.cc-first {
  border-top-style: none;
  border-top-width: 0;
  padding-top: 0;
}

.rotating-promo-text-2 {
  grid-column-gap: 10vw;
  grid-row-gap: 16px;
  color: #e4e9ec;
  letter-spacing: 5px;
  text-transform: uppercase;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-right: 10vw;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
  display: grid;
}

.nav-wrapper-copy {
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navmenu__dropdown-section-link-description-2 {
  color: #666;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2em;
}

.lottie-animation-2 {
  opacity: .6;
  justify-content: center;
  align-items: center;
  width: 13px;
  display: flex;
  position: static;
}

.price-2 {
  color: #667479;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
}

.price-2.large {
  font-size: 15px;
  font-weight: 400;
}

.navmenu__dropdown-container {
  z-index: 1;
  justify-content: space-between;
  max-width: 1280px;
  display: flex;
  position: static;
}

.navmenu__dropdown-container.cc-mobile {
  width: auto;
}

.ths14-menu-icon-bar {
  background-color: #171717;
  border-radius: 2px;
  width: 2px;
  height: 18px;
  margin-left: 3px;
  margin-right: 3px;
}

.new-nav {
  background-color: #fff0;
  flex-direction: column;
  justify-content: center;
  height: auto;
  display: block;
  position: static;
  inset: 0% 0% auto;
  overflow: visible;
}

.brand-copy {
  z-index: 5;
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  justify-content: center;
  align-items: stretch;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  font-family: Clashdisplay, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: block;
  position: absolute;
}

.brand-copy.w--current {
  justify-content: center;
  width: 200px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.navmenu__dropdown {
  object-fit: fill;
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.navmenu__dropdown.w--open {
  max-height: 90vh;
  overflow: auto;
}

.ths14-menu-icon-bar-last {
  background-color: #171717;
  border-radius: 2px;
  width: 2px;
  height: 18px;
  margin-left: 3px;
  margin-right: 3px;
}

.search-toggle-2 {
  z-index: 25;
  opacity: 1;
  background-color: #0000;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
}

.search-toggle-2.w--open {
  margin-left: -32px;
}

.navmenu__dropdown-section-heading-2 {
  color: #3a3a3a;
  letter-spacing: 0;
  text-transform: uppercase;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 28px;
  padding-bottom: 8px;
  font-family: Oswald, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.menu-nav {
  padding-left: 13px;
  font-family: Montserrat, sans-serif;
}

.navmenu__content-block-overlay-2 {
  background-color: #fafafa;
}

.navmenu__dropdown-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  grid-template-rows: auto;
  grid-template-columns: .5fr minmax(auto, 1280px) 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch;
  width: 100%;
  max-width: none;
  display: grid;
}

.dynamic-quantity-2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  letter-spacing: 0;
  background-color: #f7f7f7;
  border: 1px solid #d6d6d6;
  border-radius: 50px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: center;
  place-items: center;
  padding: 5px;
  display: grid;
  position: relative;
}

.cart-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  border-top: 1px #e4e9ec;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  margin-left: 40px;
  margin-right: 16px;
  padding: 36px 24px 36px 0;
  display: grid;
  overflow: auto;
}

.dropdown-search-list-2 {
  z-index: 10;
  background-color: #0000;
  flex: 0 auto;
  margin-left: 40px;
  padding-left: 5px;
  display: none;
  position: relative;
}

.dropdown-search-list-2.w--open {
  justify-content: flex-end;
}

.ths14-menu-icon-bar-middle {
  background-color: #171717;
  border-radius: 2px;
  width: 2px;
  height: 30px;
  margin-left: 3px;
  margin-right: 3px;
}

.search-input-2 {
  color: #fff;
  background-color: #fff0;
  border: 1px #000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 80px 0 0;
  font-family: Oswald, sans-serif;
  font-size: 13px;
  font-weight: 300;
  display: block;
}

.search-input-2::placeholder {
  color: #080808cc;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2em;
}

.cart-quantity-2 {
  color: #080808;
  letter-spacing: 0;
  background-color: #fff0;
  min-width: 0;
  height: auto;
  margin-left: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 800;
}

.navmenu__dropdown-block-2 {
  background-color: #fafafa;
  border-left: 1px #e4e4e4;
  flex: 0 0 34%;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 20px;
}

.search-button-2 {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #3898ec00;
  border-radius: 100px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-left: 0;
  padding: 0;
  font-size: 10px;
  display: none;
}

.navmenu__dropdown-section-link-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  transform: translate(0, 1px);
}

.text-block-33 {
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.cart-2 {
  color: #080808;
}

.side-nav-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: relative;
}

.nav-link-2 {
  color: #080808;
  letter-spacing: 5px;
  text-transform: uppercase;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
  font-size: 10px;
  line-height: 1.2em;
  text-decoration: none;
  display: flex;
  position: static;
}

.nav-link-2.w--current {
  color: #7c1315;
}

.nav-container {
  object-fit: fill;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-9 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  display: flex;
}

.button-submit {
  color: #fff;
  background-color: #231f20;
  border: 1px solid #0000;
  border-radius: 8em;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 800;
  transition: color .2s, background-color .2s;
}

.button-submit:hover {
  background-color: var(--neon-green);
  color: var(--black);
  border: 1px solid #128f1a;
}

.footer-items-2 {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.footer-bottom-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #fff3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 28px 20px;
  display: grid;
}

.footer-categories-2 {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.newsletter_wrapper {
  padding-left: 40px;
  padding-right: 103px;
}

.section-11 {
  z-index: 10;
  justify-content: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: block;
  position: relative;
}

.section-11.no-bottom-padding {
  margin-bottom: 6px;
  padding: 0 60px;
}

.footer-grid-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 60px;
  display: grid;
}

.footer-logo-2 {
  filter: brightness(40%);
  color: #080808;
  object-fit: fill;
  background-color: #0000;
  width: 25%;
  min-width: 25%;
  max-width: none;
}

.newsletter_input {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: stretch;
  display: flex;
}

.text-block-21 {
  font-family: Montserrat, sans-serif;
}

.footer2 {
  background-color: #080808;
  margin-top: 0;
  padding-top: 50px;
  position: static;
  inset: auto 0% 0%;
}

.newsletter_email {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  background-color: #744a2e45;
  border: 1px solid #000;
  border-radius: 3em;
  width: 70%;
  height: 100%;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 200;
}

.newsletter_email:hover, .newsletter_email:active, .newsletter_email:focus {
  border-color: var(--neon-green);
}

.newsletter_email::placeholder {
  color: var(--active-border);
  font-size: 12px;
  font-weight: 400;
}

.text-block-20 {
  letter-spacing: -.3px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.heading-style-h5 {
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.4;
}

.heading-style-h5.text-color-cream {
  color: #e4e9ec;
  letter-spacing: -1px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.7rem;
  font-style: italic;
  font-weight: 800;
}

.footer-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template: "."
                 "Area"
                 / 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-25 {
  letter-spacing: -.03em;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.35em;
}

.heading-25.large {
  text-align: center;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 200;
}

.slider-arrow-5 {
  color: #f4f8fa;
  width: 15px;
}

.testimonial-section {
  z-index: 10;
  justify-content: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: block;
  position: relative;
}

.testimonial-section.clip {
  flex-wrap: wrap;
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
  overflow: hidden;
}

.stacked-intro-6 {
  grid-column-gap: 14px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: grid;
}

.stacked-intro-6.centered {
  text-align: center;
  justify-content: center;
  justify-items: center;
  display: none;
}

.overlay-5 {
  background-color: #0808082b;
  position: absolute;
  inset: 0%;
}

.overlay-5.gradient {
  background-color: #08080800;
  background-image: linear-gradient(#07090c00 30%, #07090c1a 55%, #07090c40);
}

.option-list-3 {
  color: #667479;
  text-transform: none;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6em;
}

.search-base-3 {
  z-index: 5;
  justify-content: flex-start;
  width: 100%;
  padding-left: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.homenav {
  display: block;
  position: static;
  inset: 0% 0% auto;
  overflow: auto;
}

.search-3 {
  color: #fff;
  border: 1px #fff3;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  min-width: 100%;
  height: 32px;
  margin-bottom: 0;
  padding-right: 0;
  font-size: 12px;
  display: flex;
  position: relative;
  inset: 0%;
}

.quantity-cart-item-3 {
  color: #667479;
  letter-spacing: 4px;
  text-transform: uppercase;
  align-items: center;
  font-size: 11px;
  display: flex;
}

.dropdown-search-3 {
  z-index: 25;
  outline-offset: 0px;
  border: 1px solid #ffffff40;
  border-radius: 100px;
  outline: 1px #fff3;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  min-height: 34px;
  margin-left: 0;
  margin-right: 20px;
  display: block;
}

.right-nav-3 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-content: space-between center;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-bottom: 0;
  display: flex;
}

.cart-wrapper-3 {
  grid-column-gap: 9px;
  grid-row-gap: 16px;
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  margin-left: 0;
  font-size: 12px;
  display: flex;
}

.heading-26 {
  letter-spacing: -.03em;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.35em;
}

.heading-26.small {
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
}

.heading-26.large {
  text-align: center;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 200;
}

.brand-logo-3 {
  text-align: center;
  align-self: auto;
  width: 100px;
}

.stacked-intro-7 {
  grid-column-gap: 14px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: grid;
}

.stacked-intro-7.center {
  justify-items: center;
}

.text-block-34 {
  color: var(--button-black);
  text-align: left;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 600;
}

.lottie-animation-3 {
  opacity: .6;
  justify-content: center;
  align-items: center;
  width: 13px;
  display: flex;
  position: static;
}

.price-3 {
  color: #667479;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.price-3.large {
  font-size: 15px;
  font-weight: 400;
}

.search-input-3 {
  color: #fff;
  background-color: #fff0;
  border: 1px #000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 80px 0 0;
  font-family: Oswald, sans-serif;
  font-size: 13px;
  font-weight: 300;
  display: block;
}

.search-input-3::placeholder {
  color: #080808cc;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2em;
}

.cart-quantity-3 {
  color: #080808;
  letter-spacing: 0;
  background-color: #fff0;
  min-width: 0;
  height: auto;
  margin-left: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
}

.search-button-3 {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #3898ec00;
  border-radius: 100px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-left: 0;
  padding: 0;
  font-size: 10px;
  display: none;
}

.text-block-35 {
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.cart-3 {
  z-index: 9998;
  color: #080808;
}

.text-block-36 {
  letter-spacing: 0;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.links-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  display: flex;
}

.container-16 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.login-brand {
  text-align: center;
  align-self: auto;
  width: 200px;
}

.p-14-copy {
  color: #99a7ac;
  text-align: right;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.link-icon {
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 37px;
  height: 37px;
  transition: transform .2s;
  display: flex;
}

.link-icon:hover {
  transform: scale(1.1);
}

.wrapper-2 {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  max-height: 100vw;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.right {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #000000bf;
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  width: 50%;
  height: 600px;
  min-height: 55vh;
  max-height: none;
  padding: 40px;
  display: flex;
}

.button-8 {
  color: #fff;
  text-transform: uppercase;
  background-color: #131313;
  border: 1px solid #0000;
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  transition: background-color .2s, border .2s;
}

.button-8:hover {
  background-color: #0000;
  border: 1px solid #99a7ac;
}

.line {
  background-color: #b3cec321;
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
}

.link-4 {
  color: #99a7ac;
  border-bottom: 1px solid #0b8b5000;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  transition: border .2s;
}

.link-4:hover {
  border-bottom-color: #0b8b50;
}

.link-4.w--current {
  margin-left: 40px;
  font-weight: 800;
}

.form-wrap {
  width: 100%;
  padding-top: 10px;
}

.or-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.text-field-2 {
  color: #fff;
  letter-spacing: 0;
  text-transform: capitalize;
  background-color: #0000;
  border: 1px solid #0000;
  border-bottom-color: #ffffff80;
  height: 40px;
  margin-bottom: 40px;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 300;
  transition: border .2s;
}

.text-field-2:hover {
  border-right-color: #0000;
}

.text-field-2:focus {
  border-color: #0000 #0000 #fff;
}

.form-holder {
  flex-direction: column;
  align-self: center;
  width: 100%;
  display: flex;
}

.container-15 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1290px;
  height: 100vh;
  max-height: 100vh;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.log-in-brand {
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  padding-left: 0;
  font-family: Clashdisplay, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: static;
}

.form-fields {
  margin-bottom: 60px;
}

.cappitalize {
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
}

.p-14 {
  color: #99a7ac;
  text-align: right;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.text-block-44 {
  color: #302e2e;
  letter-spacing: 6px;
  margin-top: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 13.5px;
  font-style: normal;
  font-weight: 300;
}

.mb-30 {
  text-align: center;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.form-5 {
  height: 100%;
  padding: 20px 60px 40px;
  display: flex;
}

.form-label {
  grid-column-gap: 30px;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-left: 0;
  display: flex;
}

.section-12 {
  z-index: 9998;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  max-height: 100vh;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.form-block-5 {
  height: 100%;
  max-height: 87.54%;
  margin-bottom: 0;
}

.body-2 {
  margin-top: 0;
}

.links-wrap-2 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  display: flex;
}

.cappitalize-2 {
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.left {
  background-color: #00000073;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding: 40px;
  display: flex;
}

.link-5 {
  color: #838485;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #35343400;
  margin-top: 0;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.link-5:hover {
  color: #7c1315;
}

.mb-20 {
  color: #fff;
  letter-spacing: -.03em;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-style: italic;
  font-weight: 800;
}

.p-14-2 {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.link-9 {
  color: #667479;
  text-transform: uppercase;
  border-bottom: 1px solid #0b8b5000;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  transition: border .2s;
}

.link-9:hover {
  border-bottom-color: #0b8b50;
}

.paragraph-6 {
  color: #ebebeb;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.button-12 {
  color: #fff;
  text-transform: uppercase;
  background-color: #1d1d1d;
  border: 1px #0b8b50;
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  transition: background-color .2s, border .2s;
}

.button-12:hover {
  border: 1px solid var(--deon-green);
  background-color: #0f0f0f;
}

.form-9 {
  flex-direction: row;
  height: 100%;
  padding: 20px 60px;
  display: flex;
}

.line-3 {
  background-color: #b3cec326;
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
}

.mb-30-2 {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: Druk Trial, sans-serif;
  font-size: 42px;
  font-weight: 600;
}

.form-label-2 {
  grid-column-gap: 30px;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.body-3 {
  margin-top: 0;
}

.abouthero-header {
  z-index: 100;
  color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-image-wrapper-2 {
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 50px 220px auto;
}

.abouthero-text-2 {
  color: #fff0;
  text-align: center;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: flex-end;
  font-family: Oswald, sans-serif;
  font-size: 8.5vw;
  font-weight: 900;
  line-height: 108%;
  display: flex;
}

.abouthero-text-2.top {
  color: #1d1d1d;
  justify-content: flex-end;
  position: relative;
}

.abouthero-text {
  z-index: 2;
  width: 100%;
  display: block;
  position: absolute;
  inset: 35vh 0% auto;
}

.abouthero-text.bottom {
  z-index: 0;
  display: block;
}

.abouthero-text-1 {
  color: #fff0;
  text-align: center;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Oswald, sans-serif;
  font-size: 8.5vw;
  font-weight: 900;
  line-height: 108%;
  display: block;
}

.abouthero-text-1.top {
  color: #1d1d1d;
  position: relative;
}

.bg-video {
  z-index: 1;
  cursor: zoom-out;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 50%;
  height: 80vh;
  display: block;
}

.body-display-about {
  color: #1d1d1d;
  text-align: center;
  margin-left: 0;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 180%;
}

.aboutsection-1 {
  margin-top: 10px;
  margin-bottom: 220px;
}

.aboutus-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template: ". Area"
  / 1fr 4.75fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  place-items: center;
  padding-left: 140px;
  padding-right: 140px;
  display: grid;
}

.option-list-4 {
  color: #667479;
  text-transform: none;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6em;
}

.search-base-4 {
  z-index: 5;
  justify-content: flex-start;
  width: 100%;
  padding-left: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.search-4 {
  color: #fff;
  border: 1px #fff3;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  min-width: 100%;
  height: 32px;
  margin-bottom: 0;
  padding-right: 0;
  font-size: 12px;
  display: flex;
  position: relative;
  inset: 0%;
}

.quantity-cart-item-4 {
  color: #667479;
  letter-spacing: 4px;
  text-transform: uppercase;
  align-items: center;
  font-size: 11px;
  display: flex;
}

.dropdown-search-grey {
  z-index: 25;
  outline-offset: 0px;
  border: 1px solid #99a7ac;
  border-radius: 100px;
  outline: 1px #fff3;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  min-height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-wrapper {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navw-back {
  display: block;
  position: static;
  inset: 0% 0% auto;
}

.text-block-23 {
  color: #07090c;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
}

.black-logo-svg {
  text-align: center;
  width: 100px;
}

.stacked-intro-8 {
  grid-column-gap: 14px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: grid;
}

.stacked-intro-8.center {
  justify-items: center;
}

.search-toggle-grey {
  z-index: 25;
  opacity: 1;
  background-color: #0000;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
}

.search-toggle-grey.w--open {
  margin-left: -32px;
}

.text-block-39 {
  color: #07090c;
  font-weight: 500;
}

.text-block-22 {
  color: #080808;
  padding-left: 0;
  padding-right: 0;
  font-weight: 500;
}

.black-brand {
  z-index: 5;
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  justify-content: center;
  align-items: stretch;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  font-family: Clashdisplay, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: block;
  position: absolute;
}

.black-brand.w--current {
  justify-content: center;
  width: 200px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.price-4 {
  color: #667479;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
}

.price-4.large {
  font-size: 15px;
  font-weight: 400;
}

.search-input-4 {
  color: #fff;
  background-color: #fff0;
  border: 1px #000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 80px 0 0;
  font-family: Oswald, sans-serif;
  font-size: 13px;
  font-weight: 300;
  display: block;
}

.search-input-4::placeholder {
  color: #080808cc;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2em;
}

.text-block-45 {
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.body-4 {
  margin-top: 60px;
}

.success-message-3 {
  background-color: #0000;
  margin-top: 200px;
}

.radio-button-field {
  align-items: center;
  margin-right: 50px;
  display: flex;
}

.radio-btn {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.radio-btn.w--redirected-checked {
  -webkit-text-fill-color: inherit;
  background-color: #080808;
  background-clip: border-box;
  border-color: #11d525;
  border-radius: 50%;
  padding-left: 0;
  padding-right: 0;
}

.slider-3 {
  background-color: #0000;
  justify-content: center;
  height: 100vh;
}

.text-block-27 {
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 140px;
  padding-bottom: 28px;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-style: italic;
  font-weight: 800;
  display: block;
}

.contact-form-container {
  z-index: 11;
  background-color: #0000;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0;
}

.text-area-2 {
  color: #1e1f24;
  background-color: #f4f8fa;
  min-height: 200px;
  font-size: 18px;
  line-height: 22px;
}

.text-area-2:hover {
  border: 1px solid var(--deon-green);
}

.form-radio-container {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-step {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100vh;
  padding: 15% 30% 5% 10%;
  display: flex;
}

.form-step.radio {
  padding-left: 10%;
  padding-right: 10%;
}

.text-alert {
  color: #7c1315;
  font-family: Montserrat, sans-serif;
  font-size: 14.5px;
  font-weight: 500;
  display: none;
}

.left-arrow-2 {
  width: 0;
  height: 0;
}

.form-verification {
  align-self: stretch;
  align-items: center;
  height: 60px;
  display: flex;
}

.text-input {
  color: #848c8e;
  background-color: #0000;
  border: 1px #000;
  border-bottom: 2px solid #080808;
  width: 80%;
  height: 60px;
  padding-bottom: 10px;
  font-size: 28px;
  line-height: 28px;
}

.text-input:active {
  border-bottom-color: var(--deon-green);
}

.link-3 {
  color: #667479;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  position: static;
}

.slider-dot-nav {
  display: none;
}

.right-arrow {
  width: 0;
  height: 0;
}

.radio-label {
  color: #080808;
  font-family: Oswald, sans-serif;
  font-size: 24px;
  line-height: 24px;
}

.form-block-4 {
  width: 100%;
  margin-top: 0;
}

.submit-btn {
  color: var(--button-black);
  -webkit-text-stroke-color: #1b8b2d;
  text-transform: uppercase;
  background-color: #0000;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 800;
  line-height: 30px;
}

.submit-btn:hover {
  color: var(--deon-green);
}

.form-4 {
  display: block;
}

.input-label {
  color: #080808;
  letter-spacing: -.07em;
  text-transform: uppercase;
  margin-bottom: 70px;
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  font-style: italic;
  font-weight: 800;
  line-height: 48px;
}

.next-prev-block {
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-end;
  display: flex;
}

.prev-link {
  color: #848c8e;
  text-transform: uppercase;
  margin-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.form-close-btn {
  z-index: 100;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e874ece624b922392422_close-icon.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 34px;
  height: 34px;
  margin-top: 30px;
  margin-right: 10%;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
}

.nextbutton-text {
  color: #080808;
  text-transform: uppercase;
  background-color: #0000;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 800;
  line-height: 30px;
}

.container-14 {
  display: block;
}

.italic-text-2 {
  color: #787878;
  font-style: normal;
  font-weight: 400;
}

.link {
  color: var(--rival-red);
  letter-spacing: -.02px;
  text-transform: uppercase;
  flex: 0 auto;
  margin-right: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.link:hover {
  color: #6e0305;
  text-decoration: none;
}

.text-block-19 {
  color: #7c1315;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.link-underline {
  background-color: #13cc78;
  background-image: linear-gradient(to right, #7c1315, #da1114);
  width: 100%;
  height: 2px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.represent-title {
  color: #fff;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  background-image: linear-gradient(86deg, #fa5853, #60aef8 49%, #fa5853);
  -webkit-background-clip: text;
  background-clip: text;
  border: 1px solid #dadada;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}

.no-margin-top {
  margin-top: 0;
}

.subscribe-form {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0;
  display: block;
}

.button-13 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #080808;
  border: 0 #0000;
  border-radius: 0;
  min-width: 30%;
  max-width: 40%;
  margin-bottom: 0;
  margin-right: 0;
  padding: 18px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  transition: letter-spacing .3s, color .3s;
  display: block;
  position: static;
}

.button-13:hover {
  color: #fff;
  letter-spacing: 1px;
  background-color: #7c1315;
  background-image: none;
  text-decoration: none;
}

.button-13.btn-subscribe {
  box-shadow: none;
  object-fit: fill;
  background-color: #7c1315;
  border-width: 0;
  border-color: #0000;
  border-radius: 2px;
  width: auto;
  min-width: 15%;
  height: 63px;
  min-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  font-size: 11px;
  line-height: 3.5;
  transition: background-position .3s, letter-spacing .3s, color .2s;
  display: block;
  position: static;
  inset: 5px 5px 5px auto;
}

.button-13.btn-subscribe:hover {
  background-color: #172a4a;
  background-image: none;
}

.button-13.download {
  background-color: #142a4a;
  background-image: none;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.button-13.download:hover {
  letter-spacing: 0;
  background-color: #212121;
}

.heading-27 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(149deg, #142a4a, #3c5477);
  -webkit-background-clip: text;
  background-clip: text;
}

.success-message-2 {
  -webkit-text-fill-color: transparent;
  background-color: #f4f8fb;
  background-image: linear-gradient(to right, #2c64b6, #142a4a);
  -webkit-background-clip: text;
  background-clip: text;
  border: 2px solid #0000;
  border-radius: 5px;
  padding: 15px 20px;
}

.wrapper {
  flex-direction: column;
  min-height: 100vh;
  display: block;
  position: static;
}

.white-text {
  color: #fff;
}

.grey-text-2 {
  color: var(--body-display);
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 13.25px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
}

.heading-28 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #142a4a, #3c5477);
  -webkit-background-clip: text;
  background-clip: text;
}

.subscribe-form-input-wrapper-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: left;
  flex-wrap: nowrap;
  flex: 1;
  display: flex;
  position: relative;
}

.social-media-icon {
  opacity: 1;
  color: #142a4a;
  transition: color .2s, opacity .2s;
}

.social-media-icon:hover {
  color: #990e10;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
}

.powered-by {
  margin-left: 1em;
}

.black-box {
  background-color: #141415;
  width: 100%;
  padding: 1em;
}

.represent-container {
  margin-top: 100px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.represent-container.first {
  margin-top: 0;
}

.text-gradient-4 {
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(111deg, #7c1315, #be0b0e);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Montserrat, sans-serif;
  font-size: 72px;
  font-style: italic;
  font-weight: 800;
  line-height: 64px;
}

.heading-display {
  color: #142a4a;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(84deg, #142a4a, #3c5477);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Montserrat, sans-serif;
  font-size: 70px;
  font-style: italic;
  font-weight: 900;
}

.social-media-content {
  flex-direction: row;
  display: flex;
}

.paragraph-5 {
  margin-bottom: 10px;
  line-height: 1.2em;
}

.footer-social-media-container {
  text-align: left;
  border-bottom: 1px solid #d5d7db;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 2em;
  padding-bottom: 2em;
  display: flex;
}

.error-message-3 {
  color: #fa5853;
  background-color: #fee;
  border-radius: 3px;
}

.download-button {
  margin-right: 30px;
}

.content {
  flex: 1;
}

.footer-brand-content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-right: 50px;
  display: flex;
}

.rich-text-block {
  line-height: 22px;
}

.text-gradient-2 {
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(153deg, #1b3254, #142a4a 68%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Montserrat, sans-serif;
  font-size: 62px;
  font-style: italic;
  font-weight: 800;
  line-height: 64px;
}

.social-media-link {
  opacity: .26;
  color: #142a4a;
  mix-blend-mode: normal;
  margin-left: 1em;
  transition: opacity .2s, color .2s;
}

.social-media-link:hover {
  opacity: 1;
  color: #990e10;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: normal;
  background-color: #990e10;
  -webkit-background-clip: text;
  background-clip: text;
}

.image-13 {
  opacity: .2;
  padding-top: 15px;
  padding-bottom: 10px;
}

.container-11 {
  max-width: 1170px;
  margin: 0 auto 30px;
  padding: 0 1em 3rem;
}

.footer-2 {
  text-align: center;
  align-items: flex-start;
  margin-top: auto;
  padding: 0;
}

.made-container {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.text-block-5 {
  color: #dadada;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.section-1a-3 {
  padding-top: 20px;
  display: block;
  position: relative;
}

.section-1a-3.light-blue-bg {
  background-color: #f4f8fb;
  padding-top: 59px;
  position: static;
}

.light-grey {
  color: #787878;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.bold-text-2 {
  text-transform: uppercase;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.form-input {
  color: #141415;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #f4f8fb40;
  border: 1px solid #dadada;
  border-radius: 5px;
  min-width: 350px;
  height: 47px;
  margin-bottom: 0;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  transition: border-color .2s;
}

.form-input:focus {
  border-color: #fa5853;
}

.form-input::placeholder {
  color: #dadada;
}

.form-input.subscribe-input {
  color: #141415;
  letter-spacing: 0;
  text-transform: none;
  background-color: #ffffff14;
  border-width: 1px;
  border-color: #667479;
  border-radius: 2px;
  width: 100%;
  height: 63px;
  padding: 7px 0 9px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 11.5px;
  font-style: italic;
  font-weight: 400;
  display: block;
}

.form-input.subscribe-input:focus-visible, .form-input.subscribe-input[data-wf-focus-visible] {
  color: #fff;
}

.form-input.subscribe-input::placeholder {
  color: #c7c3c3;
}

.subscribe-form-flex-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: static;
}

.external-link {
  color: #990e10;
  text-transform: uppercase;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e8d971d7140b472f6e97_External-Link-Icon.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 23px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.gradient-line {
  background-image: linear-gradient(103deg, #fa5853, #f46692 50%, #ffc444 103%);
  width: 100%;
  height: 3px;
}

.gradient-line.line-margin {
  margin-top: 20px;
  margin-bottom: 20px;
}

.grid-6-col {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.loading-huge-text-wrapper {
  margin-top: -19px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.dashload-display {
  color: #8f8e8e;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.animation-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 800px;
  height: 50vh;
  display: flex;
  position: relative;
}

.animation-logo-wrapper {
  z-index: 2;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.load-animation {
  z-index: 909;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.load-logo {
  width: 120px;
}

.loading-huge-text {
  opacity: .03;
  text-align: center;
  letter-spacing: -12px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12vw;
  font-weight: 800;
  line-height: 1em;
  display: block;
}

.loading-huge-text._3 {
  text-align: center;
  letter-spacing: -12px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  display: none;
}

.loading-huge-text._2 {
  letter-spacing: -12px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  display: none;
}

.body-5 {
  margin-top: 75px;
}

.content-wrapper-2 {
  background-color: #f4f8fa00;
  flex: 1;
  align-self: stretch;
  width: 95vw;
  min-height: 100vh;
  margin-top: 75px;
  margin-left: 5vw;
  margin-right: 0;
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.page-transition {
  margin-right: 0;
}

.mb-10 {
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}

.show-note-card-collection {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  grid-template-rows: 200px 200px;
  grid-template-columns: 200px 200px;
  grid-auto-columns: 1fr;
  display: grid;
}

.content-4 {
  z-index: 2;
  background-color: var(--white);
  border-radius: 17px;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
  box-shadow: 0 1px 20px -7px #00000026;
}

.username-wrapper {
  align-items: center;
  margin-top: 0;
  margin-bottom: 20px;
  display: flex;
}

.user-name {
  text-transform: uppercase;
  margin-top: 0;
  padding-left: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-style: italic;
  font-weight: 800;
}

.main-hero__l {
  margin-top: 20px;
  display: block;
}

.change-date {
  color: #505b5f;
  letter-spacing: 3px;
  text-transform: uppercase;
  align-items: center;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
  display: block;
}

.notification {
  width: 25px;
  height: 25px;
  margin-right: 12px;
  position: relative;
}

.dashsidebar {
  z-index: 10;
  background-color: #1d1d1d;
  background-image: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 15vw;
  margin-top: 75px;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 25px 25px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.div-block-3 {
  justify-content: space-between;
}

.activity-collection {
  align-self: center;
  width: 100%;
}

.title-wrapper {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.activity-header {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.notification-wrapper {
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}

.h4 {
  color: #ffffff8c;
  letter-spacing: -.5px;
  -webkit-text-stroke-color: #909090;
  text-transform: uppercase;
  align-items: flex-end;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 4px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  display: block;
}

.h4.no-margin {
  color: var(--black-2);
  margin-top: 0;
  margin-bottom: 0;
}

.button-9 {
  text-transform: uppercase;
  background-color: #252525;
  border-radius: 2px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 12px 25px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.button-9:hover {
  background-color: #6cba16;
}

.latest-load-icon {
  width: 80px;
  height: 80px;
}

.div-block-5 {
  display: none;
}

.menu-text {
  color: #1d1d1d;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
  display: block;
  overflow: visible;
}

.menu-text:hover {
  color: var(--deon-green);
  font-weight: 600;
}

.main-items-inner-wrapper {
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dashnav {
  z-index: 900;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5%;
  margin-top: 70px;
  margin-right: 0;
  padding-right: 0;
  display: none;
  position: fixed;
  inset: 0% auto 0% 0%;
  overflow: hidden;
  box-shadow: 2px 0 20px #0000000d;
}

.menu-icon-2 {
  max-width: 20px;
  margin-right: 10px;
}

.main-items {
  flex-direction: column;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.menu-icon-wrapper {
  border-left: 4px solid #0000;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 25px;
  text-decoration: none;
  display: flex;
}

.menu-icon-wrapper:hover {
  color: #4353ff;
}

.menu-icon-wrapper.transition-trigger.w--current {
  filter: brightness(0%);
}

.ebook-header-image {
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: stretch;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.events {
  width: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.event-grid {
  display: block;
}

.collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.upcoming-event {
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
}

.all-events {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.meetup-column {
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 90px;
  display: flex;
}

.button-14 {
  background-color: #4353ff;
  padding: 12px 25px;
}

.button-14.ghost {
  color: #1d1d1d;
  background-color: #0000;
  border: 1px solid #dbdde5;
  border-radius: 9px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.button-14.ghost.transition-trigger {
  border-style: solid;
  border-color: var(--dark-outline);
  letter-spacing: -.03px;
  text-transform: uppercase;
  background-color: #e4e9ec00;
  border-radius: 5rem;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
  transition: background-color .2s ease-in-out;
}

.button-14.ghost.transition-trigger:hover {
  background-color: #2a252505;
}

.content-grid {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  min-height: 100vh;
  display: block;
}

.essay-wrap {
  border: 1px #333;
  border-radius: 2px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  display: flex;
  overflow: hidden;
}

.main-wrapper {
  background-color: #fff0;
  height: 150px;
  padding: 30px 20px;
}

.statistics-h {
  color: #1d1d1d;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.search-field {
  border: 1px solid #eaf0f4;
  border-radius: 40px;
  height: 40px;
  margin-bottom: 0;
  padding-left: 25px;
  box-shadow: 0 0 30px #0000000d;
}

.search-field:focus {
  border-color: #008aff;
}

.search-wrap {
  z-index: 10;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: box-shadow .2s;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.search-wrap:hover {
  box-shadow: 0 1px 30px #00000026;
}

.p-17 {
  color: #595a5a;
  letter-spacing: 0;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: block;
}

.p-17.uppercase {
  color: #1d1d1d;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Oswald, sans-serif;
  font-weight: 300;
  display: block;
}

.statistics-l {
  border-radius: 5px;
  padding: 25px 25px 45px;
  overflow: hidden;
  box-shadow: 0 1px 30px #0000001a;
}

.form-block-6 {
  opacity: 0;
  width: 0%;
  margin-bottom: 0;
  display: none;
}

.statistics-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 30px;
  margin-right: 10px;
  display: block;
}

.search-close {
  opacity: 0;
  width: 15px;
  display: none;
}

.main-hero {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.main-hero__r {
  color: var(--white);
  flex-flow: column;
  place-content: stretch center;
  align-items: center;
  width: 100%;
  height: auto;
  display: none;
  position: relative;
  overflow: visible;
}

.dash-boxes {
  z-index: 2;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  display: none;
  position: relative;
}

.statistics-l__hero {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.success-message-4 {
  background-color: #fff0;
  padding-left: 10px;
  padding-right: 10px;
}

.button-10 {
  color: #000;
  letter-spacing: -.3px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
  padding: 13px 35px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.3;
  display: flex;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-10:hover {
  box-shadow: none;
  background-color: #77cb1b;
}

.button-10.in-form {
  letter-spacing: -.3px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
  display: flex;
}

.h1-small {
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2em;
}

.hide {
  display: none;
}

.text-pop {
  color: #f4f8fa;
  text-align: center;
  letter-spacing: -.03em;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.div-block-10 {
  justify-content: space-between;
}

.message_success_essay {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border-radius: 10px;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
}

.form-block-7 {
  width: 100%;
  margin-bottom: 0;
  display: none;
}

.input-2 {
  color: #fff;
  background-color: #222;
  border: 1px solid #5c5c5c;
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 300;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input-2:hover {
  border-color: var(--dark-outline);
  box-shadow: none;
}

.input-2:focus {
  border: 1px solid var(--neon-green);
}

.input-2::placeholder {
  color: #6e6e6e;
}

.input-2.text-area {
  height: auto;
  min-height: 48px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
}

.spacer-20 {
  width: 100%;
  height: 10px;
}

.input-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.loading-progress-outer {
  background-color: #5c5c5c;
  border-radius: 20px;
  align-items: center;
  width: 100%;
  max-width: 700px;
  height: 10px;
  margin-top: 0;
  display: flex;
  overflow: hidden;
}

.form-border {
  background-color: #222;
  border: 1px solid #333;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 400px;
  max-width: none;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.form-border.upgrade-modal {
  background-color: var(--ai-background);
  text-align: left;
  text-align: left;
  border-color: #333;
  border-radius: 5px;
  align-items: flex-start;
  min-width: 40px;
  max-width: 500px;
  padding: 20px;
}

.spacer-10 {
  width: 100%;
  height: 3px;
}

.form-block-8 {
  width: 100%;
  margin-bottom: 5px;
  display: block;
}

.text-block-42 {
  color: #e4e9ec;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
}

.form-7.track {
  display: inline-block;
}

.loading-progress-inner {
  background-color: #fff;
  background-image: linear-gradient(to right, #508d0d, #77cb1b);
  width: 0%;
  height: 100%;
}

.spacer-30 {
  width: 100%;
  height: 15px;
}

.clone-me {
  display: flex;
}

.submit-button-7 {
  background-color: var(--neon-green);
  color: #1d1d1d;
  letter-spacing: -.5px;
  text-transform: uppercase;
  border-radius: 2px;
  width: 100%;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  display: inline-block;
}

.icon_close {
  color: #fff;
  cursor: pointer;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 24px;
  height: 24px;
  display: block;
  position: static;
  inset: 25px 0 auto 220px;
}

.input-label-3 {
  z-index: 2;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #222;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-family: Oswald, sans-serif;
  font-size: 11px;
  font-weight: 300;
  line-height: 15px;
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 6px;
}

.image-19 {
  width: 80px;
}

.form-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.hidden-input {
  display: none;
}

.lightbox-modal {
  z-index: 9998;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  padding: 25px 10px;
  display: inline-block;
  position: relative;
  inset: 0%;
}

.ai-block {
  z-index: 900;
  background-color: #1d1d1d;
  background-image: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 30vw;
  margin-top: 75px;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 0 25px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: auto;
}

.text-block-46 {
  color: #168300;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.body-6 {
  background-color: var(--white);
  margin-top: 0;
}

.page-wrapper-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.padding-global {
  height: auto;
  padding-left: 5%;
  padding-right: 5%;
}

.section_hero-bg-scroll-overlay {
  opacity: 0;
  background-color: #111;
  display: none;
  position: absolute;
  inset: 0%;
}

.hero_wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  min-height: auto;
  max-height: none;
  padding-bottom: 5vh;
  display: flex;
  position: relative;
}

.section_hero {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 10px;
  display: none;
  position: relative;
}

.image-20 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section_hero-bg-overlay {
  background-image: linear-gradient(65deg, #11111140, #1110), linear-gradient(#1110, #111);
  position: absolute;
  inset: 0%;
}

.swiper-main_arrow {
  z-index: 2;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: #f4f4f41a;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-top: auto;
  margin-bottom: auto;
  transition: transform .3s, background-color .2s;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: translate(-50%)rotate(180deg);
}

.swiper-main_arrow:hover {
  background-color: #f4f4f433;
}

.swiper-main_arrow:active {
  transform: scale(.97)translate(-50%)rotate(180deg);
}

.swiper-main_arrow.swiper-next {
  left: auto;
  right: 0;
  transform: translate(50%)rotate(0);
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.section_slider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  margin-left: 100px;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.main-wrapper-2 {
  text-align: left;
  margin-top: 0;
  padding-top: 0;
}

.swiper-bullet {
  text-align: center;
  background-color: #181818;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  transition: all .2s;
  display: flex;
}

.swiper-bullet.is-active {
  background-color: #f4f4f4cc;
}

.swiper.is-places {
  overflow: visible;
}

.swiper-bullet-wrapper.is-slider-main {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.slider_places-bottom-wrap {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 2em;
  display: flex;
}

.swiper-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.hero_scroll-trigger {
  z-index: 0;
  height: auto;
  margin-top: 0%;
  display: none;
  position: absolute;
  inset: 0%;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.section_hero-bg {
  position: absolute;
  inset: 0%;
}

.preloader-2 {
  z-index: 2000;
  background-color: #111;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.slider_places {
  position: relative;
}

.swiper-slide.is-places {
  flex: none;
  width: 25%;
  height: auto;
  position: relative;
}

.button-group-2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group-2.is-hero {
  justify-content: center;
  margin-top: 40px;
}

.text-size-large {
  color: var(--active-border);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 13.5px;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-medium {
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-right: 100px;
  display: block;
}

.margin-top.margin-small {
  margin-bottom: 10px;
}

.margin-top.margin-medium {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: block;
}

.swiper-drag-wrapper.is-slider-main {
  background-color: #181818;
  border-radius: 100vw;
  width: 38em;
  max-width: 100%;
  height: .75rem;
}

.swiper-drag.is-slider-main {
  background-color: #f4f4f4cc;
  border-radius: 100vw;
  width: 7em;
  height: 100%;
}

.logo-text {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.hero_content {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 34rem;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  position: static;
}

.button-15 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #f4f4f4;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #f4f4f41a;
  border-radius: 10rem;
  padding: .75rem 1.375rem;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  transition: border-color .2s, background-color .2s, color .2s;
}

.button-15:hover {
  color: #fff;
  background-color: #f4f4f433;
}

.button-15.is-link {
  color: #111;
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-15.is-link.is-alternate {
  color: #f4f4f4cc;
  background-color: #0000;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.button-15.is-link.is-alternate:hover {
  color: #fff;
}

.heading-29 {
  color: var(--white);
  letter-spacing: -.03em;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1em;
}

.success-message-5 {
  background-color: #fff0;
  padding-left: 10px;
  padding-right: 10px;
}

.button-16 {
  color: #000;
  letter-spacing: -.3px;
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
  padding: 13px 35px 15px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  display: flex;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-16:hover {
  box-shadow: none;
  background-color: #77cb1b;
}

.button-16.in-form {
  letter-spacing: -.3px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
  display: flex;
}

.div-block-11 {
  justify-content: space-between;
}

.form-block-9 {
  width: 100%;
  margin-bottom: 0;
  display: none;
}

.text-block-47 {
  color: #e4e9ec;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
}

.form-10.track {
  display: inline-block;
}

.input-label-4 {
  z-index: 2;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #222;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-family: Oswald, sans-serif;
  font-size: 11px;
  font-weight: 300;
  line-height: 15px;
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 6px;
}

.image-21 {
  width: 80px;
}

.ai-assist {
  z-index: 10;
  background-color: #1d1d1d;
  background-image: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 30vw;
  margin-top: 75px;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 25px 25px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.success-message-6 {
  background-color: #fff0;
  padding-left: 10px;
  padding-right: 10px;
}

.button-17 {
  color: #000;
  letter-spacing: -.3px;
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
  padding: 13px 35px 15px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  display: flex;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-17:hover {
  box-shadow: none;
  background-color: #77cb1b;
}

.button-17.in-form {
  letter-spacing: -.3px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
  display: flex;
}

.div-block-12 {
  justify-content: space-between;
}

.text-block-48 {
  color: #e4e9ec;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
}

.form-11.track {
  display: inline-block;
}

.image-22 {
  width: 80px;
}

.image-14 {
  background-color: #0000;
}

.heading-31 {
  color: #fff;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.paragraph-7 {
  color: #99a7ac;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
}

.link-7, .link-6 {
  color: var(--dark-outline);
  text-transform: uppercase;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
}

.body-7 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50%;
  background-size: cover;
  margin-top: 75px;
}

.text-block-49 {
  color: var(--button-black);
  font-family: Montserrat, sans-serif;
}

.show-note-card {
  color: #333;
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 50px;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
}

.show-note-card:hover {
  box-shadow: 0 16px 30px #49383826;
}

.show-note-card.transition-trigger {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: 50% auto;
  grid-template-columns: 50% 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  justify-items: stretch;
  transition-duration: .2s;
  display: flex;
}

.card-heading-2 {
  color: #333;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1em;
}

.rich-text {
  color: #3a3a3a;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  line-height: 1.2em;
}

.rich-text.margin-bottom {
  text-transform: none;
  margin-bottom: 25px;
  font-size: 13.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1em;
}

.arrow-button {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.arrow-button-text-2 {
  color: #6cba16;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
  line-height: 1em;
}

.arrow {
  width: 25px;
  margin-left: 13px;
}

.latest-ai-results {
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #2c2c2c;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  padding: 15px 2px;
  display: flex;
}

.link-block-6 {
  color: #e4e9ec;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}

.link-block-6:hover {
  color: #6cba16;
}

.h3 {
  color: #858585;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}

.card-description {
  color: var(--button-black);
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 13.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2em;
}

.time-wrapper {
  min-width: 50px;
  position: absolute;
  inset: auto 2% 5% auto;
}

.coming-up {
  background-color: #fff156;
  border-radius: 2px;
  width: 3px;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.top-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.card-heading {
  letter-spacing: 1px;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1em;
}

.image-15 {
  min-height: 320px;
  display: inline-block;
}

.arrow-button-text {
  color: var(--button-black);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
}

.top-heading {
  display: flex;
}

.left-2 {
  background-color: #ebebeb;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65333b2554614fc8ab6cd24b_Screenshot%202020-02-14%20at%2010.22.59.png");
  background-position: 50%;
  background-size: cover;
  align-self: stretch;
  width: 33%;
  min-height: 320px;
  position: relative;
}

.ebook-card {
  box-shadow: none;
  color: #000;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  min-height: 320px;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ebook-card.thin {
  background-color: #fff;
  border-radius: 5px;
}

.ebook-card.thin.transition-trigger {
  transition: box-shadow .2s ease-in-out;
}

.ebook-card.thin.transition-trigger:hover {
  box-shadow: 0 16px 30px #49383826;
}

.right-2 {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  width: 77%;
  height: 100%;
  padding: 10px 46px;
  display: flex;
}

.h3-2 {
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.h3-2.no-margin {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  line-height: 1.5em;
}

.header-content {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.grid-event {
  color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65333b2554614fc8ab6cd24b_Screenshot%202020-02-14%20at%2010.22.59.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding: 25px;
  text-decoration: none;
  transition: box-shadow .2s ease-in-out;
  display: flex;
  position: relative;
}

.grid-event.transition-trigger {
  position: relative;
}

.grid-event.transition-trigger {
  background-image: none;
  position: relative;
}

.grid-event.transition-trigger:hover {
  box-shadow: 0 16px 30px #4938383d;
}

.overlay-6 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.card-heading-3 {
  letter-spacing: 1px;
  margin-top: 10px;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1em;
}

.card-heading-3.centered {
  text-align: center;
}

.card-heading-3.centered.no-top-margin {
  letter-spacing: -.05px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 800;
}

.div-block-2 {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.h1-small-2 {
  color: #fff;
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.2em;
}

.faq-question {
  color: #fff;
  border-bottom: 1px solid #dfdfdf;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.faq-question:hover {
  color: #36d6b6;
}

.capital-start {
  color: #1d1d1d;
  letter-spacing: -.5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.minus {
  background-color: #6cba16;
  border-radius: 20px;
  width: 100%;
  height: 3px;
  position: absolute;
}

.button-11 {
  background-color: var(--white);
  color: #000;
  text-transform: uppercase;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 13px 35px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-11:hover {
  background-color: var(--rival-red);
  box-shadow: none;
  color: var(--white);
}

.button-11.outline {
  box-shadow: none;
  color: #9b0101;
  letter-spacing: -.03px;
  text-transform: uppercase;
  background-color: #fff0;
  border: 1px solid #303030;
  border-radius: 2px;
  width: 30%;
  margin-right: 0;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
}

.button-11.outline:hover {
  color: #fff;
  background-color: #7c1315;
  border-color: #fff;
}

.delete-wrap {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.button-11-copy {
  color: #000;
  background-color: #36d6b6;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 13px 35px 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  display: flex;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-11-copy:hover {
  box-shadow: none;
  background-color: #fff;
}

.button-11-copy.outline {
  border: 1px solid var(--white);
  color: var(--white);
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #fff0;
  border-radius: 2px;
  width: 30%;
  margin-right: 0;
  padding: 11px 25px 13px;
  font-family: Oswald, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}

.button-11-copy.outline:hover {
  border-color: var(--black);
  background-color: var(--black);
  color: #fff;
}

.form-border-copy {
  background-color: #222;
  border: 1px solid #333;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 400px;
  max-width: none;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.form-border-copy.upgrade-modal {
  text-align: left;
  background-color: #af1800;
  border-style: none;
  border-radius: 12px;
  flex-wrap: nowrap;
  align-items: flex-start;
  min-width: 400px;
  max-width: 500px;
}

.lightbox-modal-2-copy {
  z-index: 9998;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #2220;
  justify-content: center;
  align-items: center;
  padding: 25px;
  display: none;
  position: relative;
  inset: 0%;
}

.faq_icon-wrap {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.faq-answer {
  text-align: left;
  border-bottom: 1px #cfcfcf;
  width: 100%;
  overflow: hidden;
}

.plus {
  background-color: #77cb1b;
  border-radius: 20px;
  width: 3px;
  height: 100%;
  position: absolute;
}

.faq-item {
  background-color: #fff0;
  border: 1px #000;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  display: flex;
}

.essay-p {
  color: #1d1d1d;
  height: auto;
  max-height: none;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 1.7;
}

.form-8 {
  flex-direction: column;
  width: auto;
  display: block;
  overflow: hidden;
}

.large-icon {
  color: #36d6b6;
  background-color: #333;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: flex;
}

.large-icon.no-margin_left {
  background-color: var(--white);
  color: #af070a;
  -webkit-text-stroke-color: #e5eceb;
  width: 25px;
  min-width: auto;
  height: 25px;
  min-height: auto;
  margin-bottom: 5px;
  margin-left: 0;
  padding: 2px;
}

.delete-form {
  object-fit: fill;
  flex-wrap: nowrap;
  margin-bottom: 0;
  display: block;
  overflow: hidden;
}

.paragraph-9 {
  opacity: .9;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
  overflow: visible;
}

.abouthero-text-3 {
  z-index: 2;
  width: 100%;
  display: block;
  position: absolute;
  inset: 35vh 0% auto;
}

.abouthero-text-3.bottom {
  z-index: 0;
  display: block;
}

.abouthero-text-4 {
  color: #fff0;
  text-align: center;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Oswald, sans-serif;
  font-size: 8.5vw;
  font-weight: 900;
  line-height: 108%;
}

.abouthero-text-4.top {
  color: #1d1d1d;
  position: relative;
}

.div-block {
  margin-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}

.badge-primary {
  color: #fff;
  background-color: #4a3aff;
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 18px;
  line-height: 20px;
  display: inline-block;
}

.badge-primary.small {
  padding: 14px 22px;
  font-size: 16px;
  line-height: 18px;
}

.badge-primary.small.light.mg-right-16px {
  text-transform: uppercase;
  background-color: #07090c;
  margin-right: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 800;
}

.link-block-copy {
  color: #080808;
  border-radius: 0;
  max-width: 1010px;
  padding-bottom: 25px;
  text-decoration: none;
}

.flex-horizontal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-horizontal.start {
  justify-content: flex-start;
}

.flex-horizontal.start.mg-bottom-24px {
  padding-bottom: 24px;
  padding-left: 10px;
  padding-right: 10px;
}

.blog-card-title {
  color: #07090c;
  letter-spacing: -.03px;
  text-transform: uppercase;
  padding-bottom: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.2em;
  text-decoration: none;
}

.blog-card-excerpt.mg-bottom-24px {
  letter-spacing: 0;
  text-transform: capitalize;
  margin-bottom: 24px;
  padding-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
}

.blog-card-image-wrapper-2 {
  margin-bottom: 28px;
  display: none;
}

.text-200 {
  letter-spacing: 1px;
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
  font-style: normal;
  font-weight: 200;
  line-height: 20px;
}

.image-3 {
  text-decoration: none;
}

.small-title-6 {
  color: #1d1d1d;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Oswald, sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.1;
}

.image-23 {
  display: none;
}

.iphone-image-8, .iphone-image-9 {
  border-radius: 29px;
  width: 100%;
  padding-top: 0;
  position: absolute;
  inset: 0%;
}

.container-18 {
  width: 100%;
  max-width: 1300px;
  padding-left: 40px;
  padding-right: 40px;
}

.container-18.sticky {
  height: 91vh;
  position: sticky;
  top: 8%;
  bottom: 7%;
}

.small-title-7 {
  color: #1d1d1d;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1;
}

.image-24 {
  display: none;
}

.iphone-image-10, .iphone-image-11 {
  border-radius: 29px;
  width: 100%;
  padding-top: 0;
  position: absolute;
  inset: 0%;
}

.container-22 {
  width: 100%;
  max-width: 1300px;
  padding-left: 40px;
  padding-right: 40px;
}

.container-22.sticky {
  height: 91vh;
  position: relative;
  top: 8%;
  bottom: 7%;
}

.circle-6 {
  background-color: #111030;
  border-radius: 100%;
  width: 200px;
  height: 200px;
  position: absolute;
  inset: 20% auto auto 8%;
  box-shadow: -7px 7px 18px 1px #0006;
}

.circle-6._4 {
  inset: 65% 5% auto auto;
}

.circle-6._3 {
  top: 46%;
}

.circle-6._5 {
  top: 80%;
}

.circle-6._2 {
  inset: 38% 5% auto auto;
}

.container-23 {
  width: 100%;
  max-width: 1300px;
  padding-left: 40px;
  padding-right: 40px;
}

.container-23.sticky {
  height: 91vh;
  position: sticky;
  top: 8%;
  bottom: 7%;
}

.sticky-wrapper-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 240px;
  margin-bottom: 237px;
  display: flex;
}

.nav-wrapper-2 {
  width: 33%;
}

.nav-wrapper-2.right {
  justify-content: flex-end;
  font-weight: 500;
  display: flex;
}

.nav-wrapper-2.mid {
  justify-content: center;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.3em;
  display: flex;
}

.nav-wrapper-2.left {
  font-weight: 500;
}

.bg-video-border-wrapper {
  z-index: 2;
  border-style: solid;
  border-width: 8vw 15vw;
  border-color: var(--white);
  border-radius: 0;
  position: absolute;
  inset: 0%;
}

.sun-icon {
  z-index: 99;
  opacity: 0;
  width: 35vw;
  position: absolute;
}

.icon {
  width: 20px;
  margin-left: 7px;
  transform: rotate(-90deg);
}

.background-video-2 {
  z-index: 1;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.nav-outer-wrapper {
  z-index: 3;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.nav-bottom {
  z-index: 3;
  color: #fff;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.s-main {
  background-color: var(--white);
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  min-height: 300vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.outline-heading {
  z-index: 99;
  color: #0000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 145px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.3em;
  display: block;
  position: absolute;
}

.c-sticky {
  z-index: 5;
  border-radius: 0;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.filled-heading {
  z-index: 99;
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 145px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.3em;
  position: absolute;
}

.bg-video-wrapper {
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.image-25 {
  width: 35px;
}

.bg-video-inner-wrapper {
  border-radius: 0;
  width: 100vw;
  height: 100vh;
}

.initials {
  font-size: 15px;
  font-weight: 600;
}

.task-name {
  margin-bottom: 20px;
  font-weight: 600;
}

.task-progress {
  color: #939fb2;
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 500;
}

._4-grid {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 45px;
  display: grid;
}

.task-settings {
  cursor: pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.statistics-settings {
  grid-column-gap: 35px;
  align-items: center;
  display: flex;
}

.statistics-card {
  grid-column-gap: 10px;
  border-radius: 5px;
  align-items: center;
  padding: 30px 25px;
  display: flex;
  box-shadow: 0 1px 30px #0000001a;
}

.dd-toggle {
  grid-column-gap: 6px;
  align-items: center;
  padding: 0;
  display: flex;
}

.stat-card__l {
  background-color: #07090c;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.stat-card__l.blue {
  background-color: #7c1315;
}

.stat-card__l.yellow {
  background-color: #667479;
}

.task-progression__wrap {
  margin-bottom: 20px;
}

.status-label {
  color: #ff6b75;
  font-size: 13px;
}

.status-label.green {
  color: #36d683;
}

.progress-label {
  color: #939fb2;
  width: 100%;
  max-width: 80px;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.statistics-main {
  height: 200px;
  position: relative;
}

.progress-circle {
  background-color: #e4e9ec;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 25px;
  display: flex;
}

.progress-circle.yellow, .progress-circle.blue, .progress-circle.green {
  background-color: #e4e9ec;
}

.main-wrapper-3 {
  background-color: #fff0;
  padding: 30px 20px;
}

.image-26 {
  cursor: pointer;
  padding-left: 3px;
  padding-right: 3px;
}

.flex-end {
  justify-content: flex-end;
  margin-top: -5px;
  margin-bottom: 13px;
  display: flex;
}

.dd-list {
  border-radius: 5px;
  top: 30px;
}

.dd-list.w--open {
  background-color: #fff;
  box-shadow: 0 1px 20px #0000001a;
}

.line-2 {
  grid-column-gap: 7px;
  align-items: center;
  display: flex;
}

.div-block-13 {
  background-color: #f6f9fb;
  flex: 1;
  height: 1px;
}

.progress-bar__wrap {
  background-color: #2ed47e1a;
  border-radius: 20px;
  width: 100%;
  max-width: 135px;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.progress-bar__wrap.yellow {
  background-color: #ffba321a;
}

.progress-bar__wrap.blue {
  background-color: #008aff1a;
}

.mb-5 {
  letter-spacing: -.05px;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-style: italic;
  font-weight: 700;
}

.stat-card__p {
  color: #939fb2;
  font-size: 13px;
}

.form-block-10 {
  opacity: 0;
  width: 0%;
  margin-bottom: 0;
  display: none;
}

.assignee {
  outline-offset: 0px;
  object-fit: cover;
  border-radius: 50%;
  outline: 2px solid #fff;
  width: 24px;
  height: 24px;
  margin-left: -4px;
}

.statistics-r {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.dd-link {
  padding-top: 15px;
  padding-bottom: 15px;
  transition: background-color .2s;
}

.dd-link:hover {
  background-color: #f0f0f0;
}

.lines-wrap {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}

.progress-card {
  border-radius: 5px;
  padding: 25px 20px 30px 25px;
  box-shadow: 0 1px 30px #0000001a;
}

.progress-bar {
  background-color: #77cb1b;
  border-radius: 20px;
  width: 60%;
  height: 4px;
}

.progress-bar.yellow, .progress-bar.blue {
  background-color: #77cb1b;
}

.task-progress__card {
  text-align: center;
  border-radius: 5px;
  padding: 25px 30px;
  box-shadow: 0 1px 30px #0000001a;
}

.info-wrap {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.task-progress__circle {
  background-color: #eceff4;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.stat-card__h {
  margin-bottom: 3px;
  font-weight: 600;
}

._3-grid {
  grid-column-gap: 23px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.line-p {
  color: #939fb2;
  font-size: 10px;
  font-weight: 500;
}

.info-flex {
  z-index: 10;
  grid-column-gap: 20px;
  justify-content: space-between;
  max-width: 93%;
  height: 100%;
  margin-left: auto;
  padding-bottom: 5px;
  padding-right: 15px;
  display: flex;
  position: relative;
  bottom: -33px;
  overflow: auto;
}

.info-labels__wrap {
  grid-column-gap: 3px;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.p-10 {
  color: #939fb2;
  font-size: 10px;
}

.label-2 {
  background-color: #7c1315;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  width: 6px;
  height: 50%;
}

.label-2.yellow {
  background-color: #172a4a;
  height: 90%;
}

.page-loader_percent {
  color: #0000;
  letter-spacing: -2px;
  font-size: 30vmin;
  font-weight: 700;
  line-height: 1;
}

.page-loader_component {
  z-index: 999;
  background-color: #1e211e;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.page-loader_noise {
  z-index: 0;
  opacity: .05;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6534126097cd72e2107e169d_Grain_overlay.gif");
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.page-loader_text-fill {
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 0%;
  display: flex;
  position: relative;
}

.page-loader_trigger {
  z-index: 50;
  width: 0;
  height: 0;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.page-loader_text-wrapper {
  z-index: 10;
  align-self: center;
  align-items: flex-end;
  height: 30vmin;
  display: flex;
  position: relative;
}

.page-loader_text {
  color: #0000;
  letter-spacing: -2px;
  font-size: 30vmin;
  font-weight: 700;
  line-height: 1;
}

.page-loader_marquee {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1;
  display: flex;
  position: absolute;
}

.page-loader_marquee.is-top {
  inset: 0% 0% auto;
}

.page-loader_marquee.is-bottom {
  inset: auto 0% 0%;
}

.page-loader_text-style {
  display: none;
}

.page-loader_marquee-text {
  flex: none;
}

.loading-screen {
  z-index: 9999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  color: #fff;
  background-color: #222222b3;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 5vw;
  padding-left: 5vw;
  font-size: 25px;
  font-weight: 600;
  display: none;
  position: fixed;
  inset: 0%;
}

.inner-load-screen {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  display: flex;
}

.logo-code {
  color: #fff;
}

.spacer-15 {
  width: 100%;
  height: 15px;
}

.loading-progress-inner-2 {
  background-color: var(--deon-green);
  background-image: linear-gradient(to bottom, var(--deon-green), #7ce40a);
  width: 0%;
  height: 100%;
}

.image-27 {
  max-width: 35%;
}

.text-block-50 {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: block;
}

.link-10 {
  color: var(--deon-green);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
}

.text-block-51 {
  color: #ddd;
  letter-spacing: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.places-card_desc-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.places-card_content {
  z-index: 2;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-right: 0;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.places-card {
  background-color: #181818;
  width: 100%;
  padding-top: 120%;
  position: relative;
  overflow: hidden;
}

.places-card_image-overlay {
  background-image: linear-gradient(0deg, #181818, #1110 70%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.places-card_country-text {
  opacity: .6;
  color: #fafafa;
  letter-spacing: .125rem;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .625rem;
}

.places-card_heading-text {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1em;
}

.places-card_desc-text {
  opacity: .6;
  color: #c9c9c9;
  margin-top: .5rem;
  font-size: 11px;
  line-height: 13px;
}

.places-card_image-wrap {
  width: 100%;
  height: 100%;
  padding-top: 100%;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.footer2-copy {
  background-color: #080808;
  margin-top: 0;
  padding-top: 50px;
  position: static;
  inset: auto 0% 0%;
}

.footer-blog {
  border-top: 1px solid #fff3;
  margin-top: 100px;
  padding-top: 40px;
}

.newsletter_input-blog {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: stretch;
  width: 400px;
  margin-top: 10px;
  display: flex;
}

.button-submit-blog {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  text-transform: uppercase;
  background-color: #000;
  border: 1px solid #0000;
  border-radius: 3.6em;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
  transition: color .2s, background-color .2s;
}

.button-submit-blog:hover {
  border: 1px solid var(--deon-green);
  background-color: var(--neon-green);
  color: var(--black);
}

.h3-3 {
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
}

.h3-3.no-margin {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 5px;
  font-style: normal;
  line-height: 1.5em;
}

.h3-3.white {
  color: #fff;
}

.h3-3.white.no-margin {
  margin-right: 3px;
}

.userproduct-image {
  background-image: radial-gradient(circle at 0 0, #1d1d1d00, #07090c7d);
  border-radius: 5px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.h3-2-copy {
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
}

.h3-2-copy.no-margin {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5em;
}

.div-block-14 {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.card-heading-4 {
  color: #1d1d1d;
  letter-spacing: 1px;
  margin-top: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1em;
}

.card-heading-4.centered {
  text-align: center;
}

.card-heading-4.centered.no-top-margin {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
}

.collection-item-4 {
  padding-bottom: 10px;
}

.div-block-15 {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.meetup-header-image {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50% 65%;
  background-size: cover;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 150px;
  min-height: 150px;
  margin-bottom: 0;
  padding: 40px 12%;
  display: flex;
  position: relative;
}

.big-header {
  color: #fff;
  text-align: center;
  letter-spacing: -.03em;
  margin-bottom: 7px;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1em;
}

.overlay-7 {
  border-radius: 5px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.title-small {
  color: var(--black);
  text-transform: capitalize;
  margin-bottom: 4px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1em;
}

.title-small.white {
  color: var(--nike-navy);
  text-align: center;
  text-transform: uppercase;
  margin-top: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.rich-text-container {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.heading-32 {
  color: #080808;
  text-align: left;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin: 10px 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1em;
}

.main-blog-image {
  text-align: center;
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.paragraph-detials-small {
  color: #9899ad;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 120%;
}

.paragraph-detials-small.white-50 {
  color: #787878;
  text-align: center;
  margin-top: 5px;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.main-post-wrapper {
  max-width: 100%;
  margin: 20px 0% 10px;
  padding: 0 1em 20px;
}

.category-holder {
  background-color: var(--neon-green);
  background-image: linear-gradient(114deg, var(--neon-green), var(--neon-green));
  color: var(--dark-outline);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 1px #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding: 5px 11px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  display: flex;
}

.description-holder {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-top: 5px;
  margin-bottom: 1em;
  display: flex;
}

.rich-text-holder {
  justify-content: center;
  align-items: center;
  width: 70%;
  display: flex;
}

.text-block-8 {
  color: #787878;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.profile-block-header {
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 8px;
  margin-bottom: 40px;
  padding: 15px 10px 10px 20px;
  display: flex;
}

.profile-picture {
  border-radius: 100px;
  margin-right: 0;
}

.category-text {
  color: var(--button-black);
  letter-spacing: 2px;
  text-indent: 0;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}

.category-text:hover {
  color: #7c1315;
}

.text-center {
  text-align: center;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.text-center.mobile-left {
  margin-top: 40px;
  padding-top: 10px;
}

.author-block {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  padding-left: 20px;
  display: flex;
}

.blog-body-wrapper {
  z-index: auto;
  max-width: 100%;
  margin-top: auto;
  margin-left: 0;
  padding-top: 40px;
  display: block;
  position: relative;
  top: 0;
}

.fade-in-on-scroll {
  text-align: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: block;
}

.body-8 {
  margin-top: 123px;
}

.grid-2-columns-2 {
  grid-column-gap: 32px;
  grid-template-rows: auto;
}

.grid-2-columns-2.image-left---brix {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  margin-top: 40px;
}

.grid-2-columns-2.author-box---brix {
  grid-column-gap: 56px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1.1fr;
  align-items: center;
}

.subtitle---brix-2 {
  color: var(--dark-outline);
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}

.color-primary {
  color: var(--deon-green);
}

.button-primary {
  background-color: var(--button-black);
  color: #fff;
  text-align: center;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px #4a3aff1f;
}

.button-primary:hover {
  background-color: var(--deon-green);
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.text-300 {
  color: #170f49;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.text-300.medium {
  color: var(--body-display);
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.mg-bottom-40px {
  margin-bottom: 40px;
}

.mg-bottom-12px {
  margin-bottom: 12px;
}

.container-default-2 {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.heading-size-1 {
  color: var(--white);
  letter-spacing: -.03px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-style: italic;
  font-weight: 800;
  line-height: 62px;
}

.heading-size-1.mg-bottom-8px {
  color: var(--button-black);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-style: italic;
  font-weight: 800;
}

.flex {
  display: flex;
}

.grid-numbers---brix {
  grid-column-gap: 60px;
  grid-row-gap: 38px;
  grid-template-columns: .5fr 1fr;
  margin-top: 20px;
}

.heading-33 {
  letter-spacing: -.5px;
  font-size: 34px;
  font-weight: 600;
}

.topic-title {
  color: var(--button-black);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.arrow-button-text-3 {
  color: #6cba16;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1em;
}

.ebook-returnbuttn {
  color: #747474;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1em;
}

.category-filter-holder-2 {
  border: 2px solid #0000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 5px 15px;
  transition: opacity .2s;
  display: flex;
  position: relative;
}

.category-filter-holder-2:hover {
  opacity: .7;
  text-decoration: none;
}

.category-filter-holder-2.margin-right {
  margin-right: 5px;
}

.ellipse-left {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6536e0606afea70370417950_Ellipse-1.png");
  background-position: 50%;
  background-size: cover;
  width: 520px;
  height: 650px;
  position: absolute;
  inset: 5em auto auto -430px;
}

.ellipse-left.top {
  inset: -70% auto auto -34%;
}

.grey-text-3 {
  color: #323232;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
}

.simple-blog-posts-holder {
  margin-top: 2em;
}

.grid-9-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.grid-9-col.margin {
  margin-top: 2em;
  margin-bottom: 2em;
  display: none;
}

.section-13 {
  z-index: 10;
  justify-content: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: block;
  position: relative;
}

.section-13.no-bottom-padding {
  margin-bottom: 6px;
  padding-top: 0;
  padding-bottom: 0;
}

.empty-state-3 {
  color: #787878;
  background-color: #f5f5f5;
  border-radius: 6px;
  padding: 15px;
  font-size: 16px;
}

.ellipse-right {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6536e0606afea70370417956_Ellipse-2.png");
  background-position: 50%;
  background-size: cover;
  width: 650px;
  height: 650px;
  position: absolute;
  inset: 0% -530px auto auto;
}

.ellipse-right.bot {
  opacity: .3;
  inset: auto -15% -71% -16%;
}

.ellipse-right.top {
  top: -53%;
  right: -505px;
}

.footer-logo-3 {
  color: #080808;
  object-fit: fill;
  background-color: #0000;
  width: 25%;
  min-width: 25%;
  max-width: none;
}

.category-text-3 {
  color: #080808;
  letter-spacing: 0;
  text-indent: 0;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
  font-style: italic;
  font-weight: 800;
}

.category-item-2 {
  color: #1b6be0;
}

.category-item-2:last-child {
  margin-right: 0;
}

.category-list {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-gradient-5 {
  color: #080808;
  letter-spacing: -.3px;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Montserrat, sans-serif;
  font-size: 72px;
  font-style: italic;
  font-weight: 800;
  line-height: 64px;
}

.text-block-52 {
  font-family: Montserrat, sans-serif;
}

.content-5 {
  flex: 1;
}

.footer-3 {
  background-color: #080808;
  margin-top: 0;
  padding-top: 50px;
  position: static;
  inset: auto 0% 0%;
}

.container-12 {
  max-width: 1170px;
  margin: 0 auto 30px;
  padding: 0 1em 3rem;
}

.container-12.no-padding-top {
  padding-top: 0;
}

.newsletter_email-2 {
  background-color: #0000;
  border: 1px solid #949393;
  height: 100%;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.simple-collection-list {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template: ". . Area"
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-1a-4 {
  padding-top: 20px;
  display: block;
  position: relative;
}

.text-block-53 {
  letter-spacing: -.3px;
}

.filter-holder {
  color: #1b3254;
  border-bottom: 1px #00000012;
  flex-direction: row;
  justify-content: center;
  margin-top: 2em;
  margin-bottom: 0;
  padding-bottom: 10px;
  display: flex;
}

.filter-holder.no-margin {
  text-align: center;
  border-bottom-style: solid;
  margin-top: 1em;
}

.simple-collection-item {
  border-bottom-left-radius: 0;
}

.body-9 {
  margin-top: 75px;
}

.blog-item-date {
  color: #787878;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.blog-post-holder {
  background-color: #fffc;
  border: 1px #f1f1f1;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: none;
  display: flex;
  overflow: hidden;
}

.blog-post-holder:hover {
  text-decoration: none;
  transform: none;
  box-shadow: 0 6px 10px 1px #0000000d;
}

.text-block-4 {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}

.category-text-2 {
  letter-spacing: 0;
  text-indent: 0;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 800;
}

.heading-34 {
  color: #080808;
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 800;
  line-height: 18px;
  text-decoration: none;
}

.blog-description-holder-copy {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding: 1em;
  text-decoration: none;
  display: block;
}

.blog-item-image {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: static;
  inset: 0%;
}

.category-holder-2 {
  color: #080808;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 5px 11px;
  display: flex;
  box-shadow: 2px 2px 13px -6px #00000030;
}

.small-thumbnail-image {
  width: 100%;
  padding-top: 0%;
  position: relative;
  overflow: hidden;
}

.blog-item-text-header-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  text-decoration: none;
  display: flex;
}

.category-filter-holder {
  background-color: #f3f3f300;
  border: 2px solid #0000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 0;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  position: relative;
}

.category-filter-holder:hover {
  border-bottom-color: var(--deon-green);
  opacity: 1;
  color: #000;
  background-color: #f3f3f300;
  border-radius: 2px;
  text-decoration: none;
}

.category-filter-holder.current {
  border-color: #fa5853;
}

.category-filter-holder.current.right-margin {
  color: #080808;
  border: 1.2px #080808;
  border-bottom: 2px solid #080808;
  border-radius: 2px;
}

.category-text-4 {
  color: #080808;
  letter-spacing: 0;
  text-indent: 0;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
}

.category-text-4:hover {
  color: var(--deon-green);
}

.border-color {
  border: 1.2px solid #000;
  border-radius: 100px;
  position: absolute;
  inset: 0%;
}

.border-color.hidden {
  display: none;
}

.paragraph {
  opacity: .9;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.section-14 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  padding: 140px 5% 100px;
  display: flex;
}

.h1 {
  color: var(--button-black);
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
}

.button-18 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #7a7a7a12;
  border: 1px #ffffff26;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 13px 35px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.3;
  display: flex;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-18:hover {
  box-shadow: none;
  color: var(--button-black);
  background-color: #fff;
}

.subheader {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.subheader.text-brand {
  color: #36d6b6;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.wrap_content-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.wrap_content-center.mw-800 {
  max-width: 800px;
}

.container {
  width: 100%;
  max-width: none;
}

.body-10 {
  background-color: #010000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.tabs-content {
  padding-top: 40px;
  overflow: visible;
}

.tabs-content.no-padding {
  padding-top: 0;
}

.tabs_link-blue {
  color: #fff;
  background-color: #0000;
  border: 1px #0000;
  border-radius: 10px;
  width: 200px;
  padding: 12px 0;
  font-weight: 600;
}

.tabs_link-blue.w--current {
  border: 1px none var(--deon-green);
  color: var(--white);
  background-color: #00000040;
  padding-top: 12px;
  padding-bottom: 12px;
}

.pricing-card {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff14;
  border: 1px #333;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 32px 25px;
  display: flex;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.button-19 {
  color: #000;
  background-color: #36d6b6;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 13px 35px 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  display: flex;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-19:hover {
  box-shadow: none;
  background-color: #fff;
}

.button-19.in-pricing {
  background-color: var(--white);
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Montserrat, sans-serif;
}

.button-19.outline {
  color: #36d6b6;
  background-color: #222;
  border: 2px solid #36d6b6;
  padding: 11px 25px 13px;
}

.button-19.outline:hover {
  color: #fff;
  border-color: #fff;
}

.button-19.outline.in-pricing {
  border-width: 1.5px;
  border-color: var(--white);
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.pricing-tabs {
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.price-5 {
  color: #fff;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

.price-large-span {
  font-family: Bebasneue, sans-serif;
  font-size: 36px;
}

.frequency {
  opacity: .6;
  color: #fff;
  margin-bottom: auto;
  font-size: 13px;
  font-weight: 400;
}

.section_pricing {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 100px;
  padding: 5% 5% 0;
  display: none;
}

.tab-title-2 {
  color: var(--button-black);
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  display: flex;
}

.price-card_name {
  color: #fff;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
}

.grid_3-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 25%;
  grid-auto-flow: row;
  align-content: stretch;
  align-items: start;
  width: 100%;
  display: grid;
}

.tabs_menu-spacing {
  background-color: var(--modal-bkg);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 8px;
  display: inline-block;
}

.paragraph_small {
  color: #fff;
  min-height: auto;
  margin-bottom: 0;
  font-weight: 400;
}

.paragraph-10 {
  opacity: .9;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.table-wrap {
  border: 1px solid #333;
  border-radius: 0;
  width: 100%;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.section-15 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 5%;
  display: flex;
}

.table-field {
  color: #5c5c5c;
  text-align: center;
  background-color: #222;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.table-field.featured {
  color: #36d6b6;
  background-color: #333;
}

.pricing-field_sticky {
  color: #fff;
  text-align: center;
  background-color: #222;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.pricing-field_sticky.middle {
  background-color: #222;
}

.pricing-field_sticky.end {
  color: #36d6b6;
  background-color: #333;
  border-radius: 0;
}

.text_grid-header {
  color: #fff;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.table_pricing-wrap {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-top: -5px;
  display: flex;
}

.table_pricing-field {
  background-color: #fff;
  border-top-right-radius: 5px;
  padding-top: 0;
}

.grid_outer-chart {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #333;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.table_field-title {
  color: #fff;
  text-align: left;
  background-color: #222;
  border-radius: 0;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 75px;
  padding: 20px;
  display: flex;
}

.icon-2 {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  overflow: hidden;
}

.table_field-empty {
  background-color: #222;
  border-radius: 0;
  width: 100%;
  height: 65px;
}

.text-pop-2 {
  color: var(--neon-green);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: italic;
}

.h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1;
}

.table_grid-sticky {
  z-index: 3;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  color: #edf1fd;
  background-color: #333;
  border-bottom: 1px solid #333;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 5px;
  padding-top: 0;
  position: sticky;
  top: 0;
}

.table-row {
  grid-column-gap: 1px;
  grid-row-gap: 0px;
  grid-template: ". . . Area"
  / 1.5fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  font-size: 18px;
}

.table-row.final {
  border-radius: 0;
  overflow: hidden;
}

.spacer-50 {
  width: 100%;
  height: 50px;
}

.text-block-54, .text-block-55 {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.text-block-56, .text-block-57, .text-block-58, .text-block-59, .text-block-60, .text-block-61 {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
}

.free-article-cta {
  background-image: linear-gradient(360deg, #fffffffc 8%, #ffffffde 73%, #fff0);
  flex-direction: column;
  align-items: center;
  padding: 150px 25px 25px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.paragraph-11 {
  opacity: .9;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.article-rt {
  color: var(--button-black);
  text-align: left;
  width: 100%;
  max-width: 800px;
}

.cta-image {
  border-radius: 10px;
  width: 100%;
  box-shadow: 21px 21px 30px -10px #1d01501a;
}

.free-article-wrap {
  max-height: 650px;
  position: relative;
  overflow: hidden;
}

.blog-hero-wrap {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.body-11 {
  background-color: #020001;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 75px;
}

.list-social-media---brix {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.author-image---brix {
  border-radius: 200px;
}

.section-16 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.card---brix {
  background-color: #fff;
  border: 1px solid #f7f7fb;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 5px 14px #080f340a;
}

.card---brix.author-card---brix {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #e9e9e91a;
  border-style: none;
  padding: 80px 72px;
}

.container-1020px-center {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}

.social-media-item---brix {
  background-color: #ecebff;
  border-radius: 8px;
  margin-right: 16px;
  transition: transform .3s;
}

.social-media-item---brix:hover {
  transform: scale(.9);
}

.paragraph-12 {
  color: var(--dark-outline);
  margin-bottom: 20px;
}

.image-28, .list-item-4, .list-item-5 {
  display: none;
}

.ebookback-arrow {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.authorback-arrow {
  align-items: center;
  margin-top: 0;
  text-decoration: none;
  display: flex;
}

.dash_modal {
  z-index: 9999;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 25px;
  display: flex;
  position: relative;
  inset: 0%;
}

.social-btn {
  color: #272b31;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 10px;
  padding: 12px 40px 12px 15px;
  text-decoration: none;
  transition: border-color .2s, box-shadow .2s;
  position: relative;
  box-shadow: 0 3px 6px -1px #1d01501a;
}

.social-btn:hover {
  box-shadow: none;
  border-color: #374252;
}

.social-btn:focus {
  border: 1px solid #000;
}

.social-btn::placeholder {
  color: #6e6e6e;
}

.social-btn.is-profile {
  float: left;
  clear: both;
  width: 280px;
  margin-right: auto;
}

.text-size-large-2 {
  font-size: 1.25rem;
}

.text-size-small {
  font-family: Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 400;
}

.text-size-small.text-weight-semibold {
  font-weight: 600;
}

.disconnect-link {
  text-align: right;
  padding: 13px;
  line-height: 1.3;
  text-decoration: underline;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.disconnect-link:hover {
  color: #000;
}

.credit_cost {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.7;
}

.social-content {
  grid-column-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.profile_field-wrapper {
  width: 65%;
  min-height: 30px;
}

.profile_field-wrapper.has-button {
  justify-content: space-between;
  align-items: center;
  max-width: none;
  display: flex;
}

.no-margin {
  margin: 0;
}

.profile_h1 {
  margin-bottom: 10px;
  font-size: .9rem;
  font-weight: 700;
}

.credit_total {
  margin-bottom: 3rem;
  font-weight: 700;
}

.modal_close {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.dash_nav-link {
  opacity: .7;
  color: #000;
  text-align: center;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  min-width: 140px;
  padding: .6rem 1.5rem .6rem 1rem;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.dash_nav-link:hover {
  opacity: 1;
  background-color: #f6f6f7;
}

.dash_nav-link.w--current {
  opacity: 1;
  color: #fff;
  background-color: #5d52f7;
  border-radius: 10px;
  font-weight: 600;
}

.dash_nav-link.is-profile {
  border: 1px solid #b7bbd1;
  justify-content: center;
  width: 104px;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: .3rem;
  padding-bottom: .3rem;
}

.dash_nav-link.is-profile:hover {
  border-color: #5d52f7;
}

.dash_nav-link.is-profile.w--current {
  border-style: none;
}

.double-click {
  opacity: 0;
  text-align: center;
  font-size: 12px;
  transition: opacity .2s;
  position: absolute;
  top: -27.3203px;
  left: -28.3203px;
  transform: rotate(-30deg);
}

.dash_logo-wrap {
  height: 100px;
}

.widget-embed {
  flex: 1;
  min-width: 86vh;
  height: 100%;
}

.social-image {
  width: 24px;
}

.widget-svg-small {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.profile-checkbox {
  width: 22px;
  height: 22px;
  margin-top: 0;
}

.dash_nav-wrap {
  z-index: 10;
  color: #000;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 200px;
  height: auto;
  padding: 3rem 1rem 1.5rem;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.dash_icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-left: -5px;
  margin-right: 6px;
  padding: 3px;
  display: flex;
  overflow: hidden;
}

.dash_icon.profile {
  padding: 2px;
}

.dash_icon.wallet {
  padding: 4px;
}

.button-icon {
  justify-content: center;
  align-items: center;
  width: 18px;
  min-width: 18px;
  height: 21px;
  min-height: 24px;
  margin-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
  overflow: hidden;
}

.button-icon.after {
  min-height: 21px;
  margin-left: 6px;
  margin-right: 0;
}

.widget-close {
  z-index: 5;
  color: #3f3e46;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-bottom: -.5vw;
  display: flex;
  position: absolute;
  inset: auto 1vw 100% auto;
}

.widget-close:hover {
  background-color: #002aff1a;
}

.profile_sub-head {
  font-size: .8rem;
}

.widget-svg {
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.widget-mobile {
  display: none;
}

.input {
  color: #000;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
  font-size: 1rem;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input:hover {
  box-shadow: none;
  border-color: #5d52f7;
}

.input:focus {
  border: 1px solid #434de7;
}

.input::placeholder {
  color: #6e6e6e;
}

.input.is-profile {
  border-color: #fff;
  height: 36px;
  font-size: .9rem;
  box-shadow: 0 5px 12px -6px #0c0c0c1c;
}

.input.is-profile.is-2nd-half {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -6px;
  position: relative;
}

.input.is-profile.is-2nd-half.is-zip {
  max-width: 100px;
  margin-left: -13px;
}

.input.is-profile.is-state {
  padding-top: 8px;
  padding-left: 14px;
}

.dash_profile-nav-link {
  color: #8b8b8b;
  letter-spacing: -.03px;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 6px;
  margin-right: .25rem;
  padding: .5em 1rem .4rem;
  font-size: 12.5px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.6;
  transition: color .2s, background-color .2s;
}

.dash_profile-nav-link:hover {
  color: var(--black-2);
  text-transform: uppercase;
  background-color: #fff0;
  font-size: 12.5px;
  font-style: italic;
  font-weight: 800;
}

.dash_profile-nav-link.w--current {
  background-color: var(--black-2);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 2px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.dash_profile-nav-link.is-logout {
  background-color: var(--rival-red);
  background-image: linear-gradient(to bottom, #bd1e05, var(--rival-red));
  color: var(--white);
  letter-spacing: -.03px;
  text-transform: uppercase;
  border-radius: 100px;
  align-items: center;
  margin-right: 0;
  padding: 10px 20px;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  display: flex;
  position: static;
  inset: 8px 10px auto auto;
}

.dash_profile-nav-link.first {
  color: var(--white);
}

.dash_profile-nav-link.first.w--current {
  background-color: var(--button-black);
  color: var(--white);
}

.credit_tabs {
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 2rem;
  display: flex;
}

.credit-tab {
  background-color: #0000;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  margin-right: .5rem;
}

.credit-tab.w--current {
  color: #5d52f7;
  background-color: #0000;
  border-color: #5d52f7;
  font-weight: 700;
}

.credit-tab.last {
  margin-right: 0;
}

.credit-tab-wrap {
  max-width: 570px;
}

.dash_nav-menu {
  margin-bottom: auto;
}

.is-free {
  justify-content: flex-start;
  align-items: center;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.dash_page {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  max-width: 100vw;
  min-height: 100vh;
  padding: 2.7rem 2rem 2rem 240px;
  display: block;
  position: relative;
}

.profile_form {
  position: relative;
}

.nav_logo {
  height: 1.6875rem;
}

.disconnect-image {
  width: 16px;
}

.disconnect-image.white {
  filter: invert();
}

.profile_label {
  width: 35%;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1;
}

.profile_label.is-modal {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: .5rem;
}

.dash_header {
  justify-content: space-between;
  align-items: flex-start;
  height: 100px;
  display: flex;
}

.modal_form {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #f2f3ff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 400px;
  max-width: none;
  margin-bottom: 0;
  padding: 30px;
  position: relative;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.profile_label-sub {
  color: #868686;
  margin-top: .3rem;
  font-size: .8rem;
  font-weight: 400;
  display: block;
}

.profile_row {
  border-top: .5px solid #e0e4fc;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  display: flex;
}

.input-wrapper-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: .5rem;
  display: flex;
  position: relative;
}

.delete-me-2 {
  background-color: #5d52f7;
}

.profile_form-header {
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 20px;
  display: flex;
  position: sticky;
  top: 0;
}

.dash_button {
  background-color: var(--modal-bkg);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  padding: .65rem .975rem .5rem;
  font-size: 13px;
  font-style: italic;
  font-weight: 800;
  transition: background-color .2s, transform .2s;
}

.dash_button:hover {
  background-color: var(--deon-green);
  transform: translate(0, -4px);
}

.dash_button.grey {
  z-index: 2;
  color: #272b31;
  background-color: #f6f6f7;
  border: 1px solid #b7bbd1;
  text-decoration: none;
  position: relative;
}

.dash_button.grey:hover {
  border-style: solid;
  border-color: var(--deon-green);
  background-color: var(--deon-green);
  color: var(--white);
}

.dash_button.is-modal {
  margin-top: 1rem;
}

.spacer-s {
  width: 100%;
  height: 1rem;
}

.relative {
  position: relative;
}

.credit_save {
  color: #3ab549;
  background-color: #f6f6f7;
  border-radius: 100px;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 400;
  display: inline-block;
  transform: scale(.8);
}

.credit_description {
  border-left: 1px solid #5d52f7;
  padding-bottom: .5rem;
  padding-left: 2rem;
}

.flex-row-outer {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.flex-row-outer.social {
  flex-wrap: wrap;
  padding-top: 23px;
}

.dash_contain {
  max-width: 100%;
}

.dash_content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 25vh;
  margin-left: auto;
  margin-right: auto;
}

.embed-css {
  background-color: #ededed;
  align-items: center;
  height: 5rem;
  padding-left: 2rem;
  font-style: italic;
  display: flex;
}

.widget-wrapper {
  z-index: 9999;
  width: 20vw;
  height: 50vh;
  padding: 1vw;
  position: fixed;
  inset: auto 0 0 auto;
}

.widget-container {
  z-index: 3;
  background-color: #2962ff;
  border: 2px solid #2962ff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: -7px 7px 30px 1px #0003;
}

.dash_h1 {
  color: var(--button-black);
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2em;
}

.dash_user-wrap {
  text-align: center;
  max-width: 200px;
  margin-bottom: .5rem;
  overflow: hidden;
}

.dash_user-email {
  opacity: .6;
  letter-spacing: 1px;
  font-size: .7rem;
}

.modal_close-icon {
  z-index: 10;
  color: #fff;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  inset: 25px 25px auto auto;
}

.dash_profile-menu {
  background-color: #f6f6f700;
  border-radius: 12px;
  margin-left: -10px;
  padding: 8px;
}

.widget-move {
  opacity: 0;
  color: #fff;
  background-color: #161e27;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: auto 0 100%;
}

.widget-move:hover {
  opacity: 1;
}

.widget-move.down {
  top: 100%;
  bottom: auto;
  transform: rotate(180deg);
}

.widget-move.left {
  margin: auto 0;
  inset: 0 100% 0 auto;
  transform: rotate(-90deg);
}

.widget-move.right {
  margin: auto 0;
  inset: 0 auto 0 100%;
  transform: rotate(90deg);
}

.dash_user-name {
  font-size: .9rem;
}

.div-block-16 {
  margin-top: 40px;
}

.ms2-14px {
  padding-left: 10px;
  font-size: 14px;
}

.ms2-space {
  flex: none;
  width: 48px;
  height: 48px;
}

.ms2-space.is-12 {
  width: 12px;
  height: 12px;
}

.ms2-space.is-4 {
  width: 4px;
  height: 4px;
}

.ms2-inline-block {
  display: inline-block;
}

.ms2-button {
  background-color: var(--ai-background);
  color: #fff;
  border-radius: 5px;
  padding: 8px 11px;
}

.ms2-button:hover {
  background-color: var(--deon-green);
}

.ms2-flex-row-left {
  align-items: center;
  display: flex;
}

.ms2-svg {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.profile-wrapper {
  background-color: var(--dashback);
  background-image: linear-gradient(to right, var(--dashback), white);
  flex: 1;
  align-self: stretch;
  min-height: 100vh;
  margin-top: 75px;
  margin-left: 5vw;
  margin-right: 0;
  padding: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  position: relative;
  overflow: hidden;
}

.text-block-62 {
  color: var(--black-2);
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.text-block-63, .text-block-64 {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.text-block-65 {
  font-family: Montserrat, sans-serif;
}

.inbox-wrapper {
  background-color: #f4f8fa;
  flex: 1;
  align-self: stretch;
  min-height: 100vh;
  margin-top: 75px;
  margin-left: 5vw;
  margin-right: 0;
  padding: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  position: relative;
  overflow: hidden;
}

.patient-profile {
  background-color: #e0e0e0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.content-links {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.patient-wrap {
  flex: 1;
}

.nav {
  z-index: 800;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 80px;
  height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: sticky;
  top: 0;
}

.patient-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.shadow {
  display: none;
}

.cb {
  cursor: pointer;
  border-radius: 5px;
  width: 20px;
  height: 20px;
}

.cb:active {
  border-color: #00000026;
}

.cb.w--redirected-checked {
  border-color: var(--neon-green);
  background-color: var(--neon-green);
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65381f20636d3389a83bfc61_check.svg");
  background-size: auto;
}

.cb.w--redirected-focus {
  border-color: #00000026;
  box-shadow: 0 0 3px 1px #3898ec00;
}

.mb-10-2 {
  margin-bottom: 10px;
  font-family: Bebasneue, sans-serif;
  font-size: 34px;
  font-weight: 400;
}

.content-6 {
  flex: 1;
  padding: 30px;
}

.task-line {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #00000026;
  grid-template-rows: auto;
  grid-template-columns: minmax(40px, 1px) minmax(145px, 1px) minmax(375px, 1px) minmax(110px, 1px) minmax(110px, 1px) minmax(15px, 1px);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  display: grid;
}

.task-line.heading {
  background-color: #f9fafc;
  font-size: 12px;
}

.task-line.last {
  border-bottom-color: #0000;
}

.form-block-11 {
  flex: 1;
  margin-bottom: 0;
}

.patient-links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.mobile-nav {
  display: none;
}

.search-link {
  border: 1px solid #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: border-color .2s, background-color .2s;
  display: flex;
}

.search-link:hover {
  background-color: #fff;
  border: 1px solid #00000026;
}

.patient-line {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-bottom: 1px solid #00000026;
  justify-content: space-between;
  padding: 15px 20px;
  display: flex;
}

.patient-line.last {
  border-bottom-color: #0000;
}

.patient-line.heading {
  background-color: #f9fafc;
  font-size: 12px;
}

.heading-links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.section-17 {
  width: 100%;
  max-width: 1920px;
  display: flex;
}

.scroll {
  display: flex;
  overflow: auto;
}

.content-orders {
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: 5px;
}

.links-wrap-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.update-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: 5px;
  align-items: center;
  height: 40px;
  padding: 10px 15px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.update-button:hover {
  background-color: var(--deon-green);
  color: #fff;
  border-color: #0000;
}

.button-20 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--button-black);
  color: #fff;
  border: 1px #6743b1;
  border-radius: 5px;
  align-items: center;
  height: 40px;
  padding: 12px 20px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.button-20:hover {
  color: var(--rival-blue);
  background-color: #fff;
  font-weight: 700;
}

.button-20.outline {
  border: 1px solid var(--button-black);
  color: var(--button-black);
  background-color: #fff;
  border-radius: 5px;
}

.button-20.outline:hover {
  border-color: var(--deon-green);
  background-color: var(--deon-green);
  color: #fff;
}

.content-patient {
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: 5px;
  margin-bottom: 30px;
}

.cb-label {
  display: none;
}

.link-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: 5px;
  align-items: center;
  padding: 10px 15px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.link-block:hover {
  background-color: var(--deon-green);
  color: #fff;
}

.patient-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(390px, 1px) minmax(110px, 1px) minmax(75px, 1px) minmax(5px, 1px);
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.nav-link-3 {
  color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.nav-link-3:hover, .nav-link-3.w--current {
  color: #fff;
  background-color: #e65ab3;
}

.nav-link-3.last {
  margin-bottom: 0;
}

.content-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.content-tasks {
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: 5px;
  margin-bottom: 30px;
  overflow: hidden;
}

.orders-line {
  grid-column-gap: 5px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #00000026;
  grid-template-rows: auto;
  grid-template-columns: minmax(198px, 184px) minmax(50px, 1px) minmax(49px, 1px) minmax(50px, 1px) minmax(50px, 1px) minmax(110px, 1px);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding: 15px 20px;
  display: grid;
}

.orders-line.last {
  border-bottom-color: #0000;
}

.orders-line.heading {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-columns: minmax(198px, 184px) minmax(49px, 1px) minmax(50px, 1px) minmax(65px, 1px) minmax(65px, 1px) minmax(81px, 0);
  font-size: 12px;
}

.orders-wrap {
  border: 1px solid #0000001a;
  border-radius: 7px;
  flex-direction: column;
  flex: 0 auto;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  overflow: hidden;
}

.patient-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.patient-heading {
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  display: flex;
}

.nav-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.embed-icon {
  margin-bottom: -4px;
}

.embed-icon.purple {
  color: #ece9ff;
}

.embed-icon.green {
  color: #dcf9df;
}

.embed-icon.pink {
  color: #fde3e9;
}

.paragraph-13 {
  margin-bottom: 0;
  font-weight: 700;
}

.patient-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.custom-css {
  display: none;
}

.task-wrap {
  flex: 1;
}

.heading-35 {
  font-family: Bebasneue, sans-serif;
  font-size: 32px;
}

.dd-text {
  font-size: 14px;
  font-weight: 400;
}

.n-icon.rm {
  margin-right: -5px;
}

.result-r {
  background-color: #ffb988;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 8px;
}

.result-r.smallest {
  background-color: var(--rival-red);
  height: 40px;
}

.result-r.mid {
  background-color: var(--rival-blue);
  height: 80px;
}

.result-r.small {
  background-color: var(--rival-blue);
  height: 60px;
}

.result {
  grid-row-gap: 2px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.statistic {
  width: 100%;
  position: relative;
}

.notifi-wrap {
  grid-column-gap: 25px;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.notifi-wrap.mobile {
  display: none;
}

.right-icon {
  background-color: #fcebd5;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  height: 60px;
  display: flex;
}

.right-icon.green {
  background-color: #e6f2dc;
}

.statistic-results_wrap {
  justify-content: space-between;
  display: flex;
}

.dd-link-2 {
  transition: background-color .2s;
}

.dd-link-2:hover {
  background-color: #e8e8e8;
}

.card-label {
  color: var(--white);
}

.categories-card {
  grid-row-gap: 15px;
  color: #1e1e2a;
  background-color: #fff;
  border-radius: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 90px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Bebasneue, sans-serif;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
}

.categories-card:hover {
  background-color: var(--white);
}

.dd-list-2.w--open {
  background-color: #fff;
  border: 1px solid #0003;
  border-radius: 15px;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
}

.calendar-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  object-fit: fill;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: center;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.statistic-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
  display: flex;
}

.notifi-link {
  text-decoration: none;
}

.legend {
  z-index: -1;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 28px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.circle-progress {
  border: 3px solid var(--white);
  background-color: #fff0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 104px;
  height: 104px;
  display: flex;
  box-shadow: 0 2px 20px -5px #0003;
}

.search-5 {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538298f1bf915589c272170_search.svg");
  background-position: 15px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #a19ea400;
  border-radius: 40px;
  height: 45px;
  margin-bottom: 0;
  margin-left: -15px;
  padding-left: 55px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  transition: border-color .2s;
}

.search-5:hover, .search-5:focus {
  border-color: #a19ea4;
}

.link-card {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #3131319c;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.left-3 {
  z-index: 2;
  background-image: linear-gradient(to right, #f4f8fa 67%, #fff0);
  width: 55%;
  height: auto;
  min-height: auto;
  max-height: none;
  padding: 50px 20px 30px 60px;
  position: relative;
  overflow: auto;
}

.calendar-dates {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.calendar-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 35px;
  display: none;
}

.result-circle {
  background-color: #fcb985;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
}

.result-circle.green {
  background-color: #a5c588;
}

.form-block-12 {
  width: 100%;
  max-width: 450px;
  margin-bottom: 40px;
}

.mid-card {
  grid-row-gap: 45px;
  background-color: var(--deon-green);
  background-image: linear-gradient(to bottom, var(--deon-green), #78d315);
  color: #1e1e2a;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 200px;
  min-height: 280px;
  padding: 25px 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 9px -2px #0000003b;
}

.mid-card.green {
  background-color: #220505;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  padding-bottom: 0;
  text-decoration: none;
}

.button-21 {
  text-transform: uppercase;
  background-color: #1e1e2a;
  border-radius: 27px;
  padding: 15px 25px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  transition: background-color .2s, color .2s;
}

.button-21:hover {
  background-color: var(--deon-green);
  color: var(--white);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
}

.notifi-img {
  border: 1px solid #fff;
  border-radius: 50%;
}

.statistic-results {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.mb-40 {
  margin-bottom: 40px;
}

.light-p {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

.right-label_content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mid-text_wrap {
  width: 90%;
  max-width: none;
  margin-bottom: 10px;
}

.mid-cards_wrap {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: stretch;
  margin-bottom: 70px;
  display: flex;
}

.result-l {
  background-color: #a0cb8a;
  width: 8px;
}

.result-l.high {
  background-image: linear-gradient(to bottom, var(--neon-green) 46%, var(--deon-green));
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 100px;
}

.right-3 {
  background-color: #fefefe;
  width: 45%;
  padding: 50px 40px 60px;
}

.result-top {
  align-items: flex-start;
  display: flex;
}

.days {
  color: #a19ea4;
  font-weight: 400;
}

.statistic-bot {
  grid-column-gap: 50px;
  justify-content: space-between;
  display: flex;
}

.stat-wrap {
  grid-column-gap: 5px;
  align-items: flex-end;
  display: flex;
}

.categories-cards_wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
  display: grid;
}

.mb-30-3 {
  color: var(--body-display);
  margin-bottom: 30px;
}

.notifi-icons {
  align-items: center;
  display: flex;
}

.right-labele_icon {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.purple-p {
  color: var(--white);
  margin-bottom: 5px;
  font-family: Bebasneue, sans-serif;
  font-size: 25px;
  line-height: 28px;
}

.personaldash {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.dropdown-2 {
  border: 1px solid #0003;
  border-radius: 20px;
  margin-left: 0;
  margin-right: 0;
}

.right-clock {
  grid-column-gap: 5px;
  align-items: center;
  display: flex;
}

.dd-toggle-2 {
  grid-column-gap: 7px;
  align-items: center;
  padding: 10px 15px;
  display: flex;
}

.dates {
  grid-row-gap: 20px;
  color: #a19ea4;
  border-radius: 17px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 65px;
  padding: 20px 15px;
  text-decoration: none;
  transition: color .2s, box-shadow .2s;
  display: flex;
}

.dates:hover {
  color: #1e1e2a;
  box-shadow: 0 2px 5px #0000000d;
}

.dates.w--current {
  color: #000;
  background-color: #fff;
  box-shadow: 0 2px 5px #00000012;
}

.result-wrap {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.line-4 {
  background-color: #a19ea433;
  width: 100%;
  height: 1px;
}

.right-webinars, .categories-wrap {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
  display: flex;
}

.mb-10-3 {
  margin-bottom: 10px;
}

.personaldash-wrap {
  background-color: #f4f8fa;
  background-image: linear-gradient(to right, var(--gradient-white), white);
  flex: 1;
  align-self: stretch;
  min-height: 100vh;
  margin-top: 75px;
  margin-left: 5vw;
  margin-right: 0;
  padding: 30px 30px 30px 40px;
  position: relative;
  overflow: hidden;
}

.heading-36 {
  color: var(--white);
  font-family: Bebasneue, sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
}

.div-block-17 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-list-wrapper-2 {
  flex-direction: column;
  display: flex;
}

.container-24 {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.left-nav__fixed {
  padding-top: 50px;
  padding-bottom: 20px;
  padding-left: 50px;
  position: sticky;
  inset: 0% auto 0% 0%;
}

.right-nav-4 {
  background-color: var(--white);
  object-fit: fill;
  min-height: auto;
  max-height: none;
  margin-top: 20px;
  margin-right: 0;
  display: none;
  position: fixed;
  inset: 15px 15% 0% auto;
  overflow: auto;
}

.continue-card__top {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: relative;
  overflow: hidden;
}

.hidden-embed {
  z-index: -1;
  opacity: 0;
  height: 0;
  max-height: 0;
  position: fixed;
}

.stars-wrap {
  grid-column-gap: 2px;
  justify-content: center;
  margin-top: 5px;
  display: flex;
}

.wrapper-3 {
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr .35fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.menu-block.margin {
  margin-bottom: 35px;
}

.embed-center {
  margin-bottom: -3px;
}

.load-bar {
  background-color: #d22f27;
  width: 30%;
  height: 2px;
  position: absolute;
  inset: auto 0% 0%;
}

.series-next {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be186ee_button%20arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2e1e6;
  border-radius: 50%;
  min-width: 40px;
  transition: transform .2s;
}

.series-next:hover {
  transform: scale(.9);
}

.movies-next-continue {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be186ee_button%20arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2e1e6;
  border-radius: 50%;
  min-width: 40px;
  min-height: 40px;
  transition: transform .2s;
}

.movies-next-continue:hover {
  transform: scale(.9);
}

.section-18.is--top {
  mix-blend-mode: multiply;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.section-18.is--top.is--white {
  mix-blend-mode: screen;
  background-color: #fff;
}

.section-18.is--full {
  background-color: #e2e2e2;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66bbe4d64fd18404994c30fe_pexels-kaique-rocha-598917.jpg");
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.section-18.is--full.is--2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66bbe4d74fd18404994c3150_WallpaperDog-10717704.jpg");
}

.movies-prev-continue {
  transform-style: preserve-3d;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be186ee_button%20arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2e1e6;
  border-radius: 50%;
  min-width: 40px;
  transition: transform .2s;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.movies-prev-continue:hover {
  transform: scale(.9)rotateX(0)rotateY(180deg)rotateZ(0);
}

.ms-iframe-footer-embed-2 {
  background-color: #d1e7fb;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be1870d_noise.png");
  background-position: 0 0;
  background-size: 200px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 350px;
  margin-bottom: 0;
  display: block;
  overflow: hidden;
}

.animes-prev-continue {
  transform-style: preserve-3d;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be186ee_button%20arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2e1e6;
  border-radius: 50%;
  min-width: 40px;
  transition: transform .2s;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.animes-prev-continue:hover {
  transform: scale(.9)rotateX(0)rotateY(180deg)rotateZ(0);
}

.movies-prev {
  transform-style: preserve-3d;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be186ee_button%20arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2e1e6;
  border-radius: 50%;
  min-width: 40px;
  transition: transform .2s;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.movies-prev:hover {
  transform: scale(.9)rotateX(0)rotateY(180deg)rotateZ(0);
}

.ms-iframe {
  z-index: 2147483647;
  justify-content: flex-end;
  align-items: flex-end;
  height: 70px;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

.featured-shows {
  border-radius: 30px;
  margin-bottom: 55px;
}

.nav-shadow {
  display: none;
}

.friend-icon {
  object-fit: cover;
  border-radius: 50%;
  min-width: 24px;
  height: 24px;
}

.friend-icon.negative {
  margin-left: -5px;
}

.tab-link {
  color: #a2a2be;
  background-color: #0000;
  padding: 5px 12px;
  font-size: 17px;
  font-weight: 600;
}

.tab-link.w--current {
  color: #5b5b73;
  background-color: #0000;
}

.movie-wrap {
  grid-column-gap: 15px;
  margin-bottom: 25px;
  display: flex;
}

.movie-img {
  object-fit: cover;
  width: 100%;
  min-height: 110px;
  max-height: 110px;
}

.movie-poster {
  object-fit: cover;
  border-radius: 7px;
  width: 60px;
}

.friends-p {
  color: #fff;
  font-size: 11px;
}

.button-22 {
  text-align: center;
  background-color: #d22f27;
  border-radius: 10px;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: background-color .2s;
}

.button-22:hover {
  background-color: #d22f27cc;
}

.button-22.small {
  width: auto;
  padding-left: 35px;
  padding-right: 35px;
}

.plus-button {
  cursor: pointer;
  background-color: #a2a2be99;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-width: 54px;
  transition: background-color .2s;
  display: flex;
}

.plus-button:hover {
  background-color: #d22f2799;
}

.plus-button.small {
  align-self: flex-end;
  min-width: 40px;
  min-height: 40px;
  margin-right: 8px;
}

.right-nav__fixed {
  height: 118.814%;
  padding: 50px 40px 0;
}

.genre {
  font-size: 12px;
}

.continue-card__bot {
  border-bottom: 1px solid #e2e1e6;
  border-left: 1px solid #e2e1e6;
  border-right: 1px solid #e2e1e6;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex: 1;
  padding: 14px 13px;
}

.movies-next {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be186ee_button%20arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2e1e6;
  border-radius: 50%;
  min-width: 40px;
  transition: transform .2s;
}

.movies-next:hover {
  transform: scale(.9);
}

.movie-flex {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.custom-css-2 {
  display: none;
}

.rating {
  grid-column-gap: 10px;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.tabs {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.movies-block.margin {
  margin-bottom: 30px;
}

.logo-img {
  max-width: none;
  display: none;
}

.font-14 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.font-14.mb-15 {
  margin-bottom: 15px;
}

.movie-name {
  color: #2f2e3e;
  margin-bottom: 5px;
  font-size: 14px;
}

.left-nav__link {
  grid-column-gap: 13px;
  color: #a2a2be;
  border-right: 7px solid #0000;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
  text-decoration: none;
  transition: border-color .2s, color .2s;
  display: flex;
}

.left-nav__link:hover {
  color: #d22f2799;
  border-right-color: #d22f2799;
}

.left-nav__link.w--current {
  color: #d22f27;
  border-right-color: #d22f27;
}

.left-nav__link.no-m {
  margin-bottom: 0;
}

.arrows-wrap {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.swiper-wrapper-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.series-prev-continue {
  transform-style: preserve-3d;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be186ee_button%20arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2e1e6;
  border-radius: 50%;
  min-width: 40px;
  transition: transform .2s;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.series-prev-continue:hover {
  transform: scale(.9)rotateX(0)rotateY(180deg)rotateZ(0);
}

.content-wrap {
  border-left: 1px solid #e2e1e6;
  border-right: 1px solid #e2e1e6;
  max-height: 100vh;
  padding: 50px 40px;
  overflow: auto;
}

.friends-watch {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.gradient {
  z-index: -1;
  background-image: linear-gradient(#fff0, #000);
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.gradient.big {
  height: 70%;
}

.artists-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.ms-iframe-embed {
  justify-content: flex-end;
  align-items: flex-end;
  width: 180px;
  height: 70px;
  display: flex;
  position: relative;
  overflow: visible;
}

.animes-prev {
  transform-style: preserve-3d;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be186ee_button%20arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2e1e6;
  border-radius: 50%;
  min-width: 40px;
  transition: transform .2s;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.animes-prev:hover {
  transform: scale(.9)rotateX(0)rotateY(180deg)rotateZ(0);
}

.buttons-wrap {
  grid-column-gap: 15px;
  display: flex;
}

.series-next-continue {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be186ee_button%20arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2e1e6;
  border-radius: 50%;
  min-width: 40px;
  min-height: 40px;
  transition: transform .2s;
}

.series-next-continue:hover {
  transform: scale(.9);
}

.logo-link-2 {
  margin-bottom: 40px;
}

.artist-name {
  color: #fff;
  margin-bottom: 10px;
}

.series-prev {
  transform-style: preserve-3d;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be186ee_button%20arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2e1e6;
  border-radius: 50%;
  min-width: 40px;
  transition: transform .2s;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.series-prev:hover {
  transform: scale(.9)rotateX(0)rotateY(180deg)rotateZ(0);
}

.animes-next-continue {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be186ee_button%20arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2e1e6;
  border-radius: 50%;
  min-width: 40px;
  min-height: 40px;
  transition: transform .2s;
}

.animes-next-continue:hover {
  transform: scale(.9);
}

.hamburger-2 {
  display: none;
}

.swiper-slide-2 {
  text-align: center;
  border-radius: 15px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 250px;
  padding: 16px 8px 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.swiper-slide-2.continue-card {
  text-align: left;
  min-height: auto;
  padding: 0;
}

.artists {
  margin-bottom: 55px;
}

.search-field-2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be186dc_search.svg");
  background-position: 18px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2e1e6;
  border-radius: 40px;
  height: 50px;
  margin-bottom: 0;
  padding-left: 58px;
  padding-right: 15px;
}

.search-field-2::placeholder {
  color: #a2a2be;
  font-size: 18px;
  font-weight: 400;
}

.text-white {
  color: #fff;
}

.featured-show__item {
  border-radius: 30px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 360px;
  padding: 20px 40px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-cover {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.show-genre {
  grid-column-gap: 12px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.imdb-logo {
  width: 35px;
}

.mb-30-4 {
  margin-bottom: 30px;
}

.form-block-13 {
  margin-bottom: 40px;
}

.artist-image {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.animes-next {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6538333aa16821688be186ee_button%20arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2e1e6;
  border-radius: 50%;
  min-width: 40px;
  transition: transform .2s;
}

.animes-next:hover {
  transform: scale(.9);
}

.tabs-menu {
  margin-bottom: 25px;
}

.right-nav-5 {
  clear: none;
  background-color: #fefefe00;
  width: 45%;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 0;
  margin-right: 0;
  padding: 50px 40px 60px;
  display: block;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.right-nav_fixed {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 200%;
  max-height: none;
  display: none;
  position: static;
}

.feedcard {
  grid-row-gap: 45px;
  background-color: var(--deon-green);
  color: #1e1e2a;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 200px;
  min-height: 280px;
  padding: 25px 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 9px -2px #0000003b;
}

.feedcard.green {
  background-color: #220505;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  padding-bottom: 0;
  text-decoration: none;
}

.leftnavdash {
  height: 150%;
  margin-right: 350px;
}

.heading-37 {
  font-family: Bebasneue, sans-serif;
  font-size: 34px;
}

.ai-catagory {
  font-family: Bebasneue, sans-serif;
}

.slider-right-arrow {
  color: #444;
}

.slider-text {
  color: var(--white);
  text-align: center;
  font-family: Bebasneue, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.slider-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.slider-4 {
  background-color: #0000;
  width: 400px;
  height: 500px;
  position: static;
}

.slider-icon {
  color: var(--dark-outline);
}

.slide-content-wrapper {
  background-color: #e1e1e1;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slider-container {
  width: 100vw;
  min-height: 300px;
  padding: 40px;
  overflow: hidden;
}

.slider-left-arrow {
  color: #444;
}

.mask-2 {
  position: static;
  overflow: visible;
}

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

.left-text-block {
  background-color: #fff;
}

.rt-icon-block {
  overflow: hidden;
}

.overlay-left {
  z-index: 900;
  background-image: linear-gradient(to right, #f4f8fa 23%, #fff0);
  width: 150px;
  height: 65%;
  position: absolute;
  inset: auto;
}

.overlay-right {
  z-index: 900;
  background-image: linear-gradient(270deg, #f4f8fa 36%, #fff0);
  width: 150px;
  height: 450px;
  position: absolute;
  inset: auto 0% auto auto;
}

.container-19 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: flex;
}

.wearable-icons, .wearable-icons-copy {
  display: flex;
}

.text-block-66 {
  color: var(--active-border);
  letter-spacing: 3px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

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

.section-19 {
  border-bottom: 2px #000;
  flex-direction: column;
  align-items: center;
  padding: 50px 5%;
  display: block;
}

.container-25 {
  text-align: left;
  justify-content: space-between;
  max-width: 1100px;
  display: block;
}

.stack_2-1 {
  width: 100%;
  padding: 0;
}

.cell_left-center {
  justify-content: center;
}

.h1-2 {
  color: var(--white);
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 3px;
  font-family: Montserrat, sans-serif;
  font-size: 55px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1;
}

.p {
  color: var(--white);
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.6;
}

.button-23 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  text-transform: uppercase;
  background-color: #07090c2b;
  border: 1px #000;
  border-radius: 2px;
  padding: 13px 20px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  transition: box-shadow .2s;
}

.button-23:hover {
  border-color: var(--deon-green);
  background-color: var(--deon-green);
  color: var(--white);
  box-shadow: 4px 3px 7px #00000014;
}

.hero-image-3 {
  border: 4px solid var(--neon-green);
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 200px;
  width: 50%;
  max-height: 450px;
}

.body-12 {
  background-color: #020001;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 75px;
}

.cell {
  align-items: center;
}

.biowrap {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  text-align: center;
  background-color: #ffffff14;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 20px;
  padding: 10px 20px 20px;
  font-family: Montserrat, sans-serif;
  display: block;
}

.text-block-68 {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
}

.profilebio {
  color: var(--white);
  text-align: left;
  margin-bottom: 15px;
  font-size: 13.5px;
  line-height: 1.2;
}

.biolocation {
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

.profile_image {
  object-fit: cover;
  border-radius: 500px;
  max-width: 100px;
  max-height: 100px;
}

.button_icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  text-transform: uppercase;
  background-color: #ffffff17;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 18px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.button_icon:hover {
  box-shadow: 0 6px 20px #0000000d;
}

.button_icon.accent_button {
  color: #fff;
  background-color: #783ff3;
}

.button_icon.accent_button:hover {
  box-shadow: 0 6px 20px #783ff31a;
}

.text_color_grey {
  color: #484848;
}

.text_color_grey.text_width_medium {
  color: var(--white);
  text-align: center;
  max-width: none;
  line-height: 18px;
}

.spacing_8 {
  height: 8px;
}

.icon_20x20 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.icon_wrapper {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff14;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 10px;
  transition: all .4s;
  display: flex;
  overflow: hidden;
}

.icon_wrapper:hover {
  background-color: #fff;
  box-shadow: 0 5px 20px #0000000d;
}

.spacing_24 {
  height: 55px;
}

.profile_wrapper {
  border: 2px solid var(--deon-green);
  border-radius: 500px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-top: 60px;
  margin-bottom: 20px;
  padding: 5px;
  display: flex;
}

.icon_24x24 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.icon_16x16 {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.content_wrapper {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content_wrapper.content_align_center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.flex_wrapper {
  display: flex;
}

.flex_wrapper.flex_center {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.spacing_48 {
  height: 4px;
}

.heading-38 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.expblock {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  margin-bottom: 20px;
  display: grid;
}

.expnumber {
  color: var(--white);
  text-align: right;
  margin-bottom: 20px;
  padding-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 35px;
  font-style: italic;
  font-weight: 800;
}

.experience {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff14;
  border-radius: 10px;
  flex-direction: column;
  padding: 10px 20px 20px;
  display: flex;
}

.exp-spacer {
  height: 50px;
  display: flex;
}

.exptext {
  color: var(--white);
  text-align: left;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.biotext {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 7px;
  font-family: Montserrat, sans-serif;
  font-size: 11.5px;
  font-style: italic;
  font-weight: 800;
}

.social-wrapper {
  display: flex;
}

.social-wrapper.flex_center {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 10px;
  display: none;
}

.biocontainer, .educontainer {
  border-bottom: 1px solid #f8f8f82e;
  margin-top: 10px;
}

.focustxt {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 7px;
  font-family: Montserrat, sans-serif;
  font-size: 11.5px;
  font-style: italic;
  font-weight: 800;
}

.text_color_muted {
  opacity: .6;
}

.availability_column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.line_divider {
  background-color: #dee2e5;
  width: 100%;
  height: 1px;
}

.availability_graph_item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.availability_grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  height: 300px;
  max-height: 300px;
}

.availabilitywrap {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.graph_bar {
  background-color: #dee2e5;
  border-radius: 32px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  padding: 24px;
  font-weight: 600;
  display: flex;
}

.graph_bar.available {
  color: #fff;
  background-color: #070707;
  flex: 0 auto;
}

.graph_bar.available.monday {
  height: 66%;
  min-height: auto;
}

.graph_bar.available.friday {
  color: #070707;
  background-color: #f4dfe2;
  height: 35%;
}

.graph_bar.available.tuesday {
  display: none;
}

.graph_bar.available.thursday {
  height: 80%;
  min-height: auto;
}

.graph_bar.available.wednesday {
  height: 50%;
  min-height: auto;
}

.spacing_24-2 {
  height: 24px;
}

.small_text {
  font-size: 12px;
}

.calendly {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  text-transform: uppercase;
  background-color: #ffffff17;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 18px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.calendly:hover {
  box-shadow: 0 6px 20px #0000000d;
}

.calendly.accent_button {
  color: #fff;
  background-color: #783ff3;
}

.calendly.accent_button:hover {
  box-shadow: 0 6px 20px #783ff31a;
}

.bio_email {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  text-transform: uppercase;
  background-color: #ffffff17;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 18px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.bio_email:hover {
  box-shadow: 0 6px 20px #0000000d;
}

.bio_email.accent_button {
  color: #fff;
  background-color: #783ff3;
}

.bio_email.accent_button:hover {
  box-shadow: 0 6px 20px #783ff31a;
}

.bio_website {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  text-transform: uppercase;
  background-color: #ffffff17;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 18px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.bio_website:hover {
  box-shadow: 0 6px 20px #0000000d;
}

.bio_website.accent_button {
  color: #fff;
  background-color: #783ff3;
}

.bio_website.accent_button:hover {
  box-shadow: 0 6px 20px #783ff31a;
}

.educationtxt {
  color: var(--white);
  text-align: left;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.externallink-wrap {
  display: flex;
}

.externallink-wrap.flex_center {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

.exp-sub-text, .edu-sub-text, .cost-sub-text-copy {
  color: var(--white);
  text-align: left;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: 300;
}

.link-block-7 {
  align-items: center;
  margin-top: 100px;
  text-decoration: none;
  display: flex;
}

.link-block-7:hover {
  color: var(--deon-green);
}

.text-block-69 {
  color: #555;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding-left: 4px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
}

.text-block-69:hover {
  color: var(--deon-green);
}

.expertise-bio {
  color: var(--white);
  text-align: left;
  margin-bottom: 15px;
  font-size: 13.5px;
  line-height: 1.2;
}

.edutxt {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 7px;
  font-family: Montserrat, sans-serif;
  font-size: 11.5px;
  font-style: italic;
  font-weight: 800;
}

.education-bio {
  color: var(--white);
  text-align: left;
  margin-bottom: 15px;
  font-size: 13.5px;
  line-height: 1.2;
}

.moneysign {
  color: var(--white);
  text-align: right;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35px;
  font-style: italic;
  font-weight: 800;
}

.costbio {
  justify-content: flex-end;
  height: 50px;
  display: flex;
}

.proslider {
  justify-content: flex-start;
  align-items: center;
  margin-left: 220px;
  display: flex;
  position: relative;
  overflow: visible;
}

.find-a-pro-header {
  color: var(--white);
  letter-spacing: -.03em;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1em;
}

.form-block-14 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.findapro-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 140px;
  display: flex;
}

.main-pro-wrap {
  text-align: left;
  margin-top: 10px;
}

.form-block-15 {
  display: block;
}

.pre-hero-content {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 34rem;
  margin-bottom: 40px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  position: static;
}

.pg-wrap {
  margin-top: 0;
  margin-bottom: 0;
  position: static;
}

.main-section {
  flex-direction: column;
  align-items: center;
  width: auto;
  max-width: 100%;
  margin-bottom: 0;
  padding: 40px 10px 10px;
  display: block;
}

.main-container-copy {
  background-image: none;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: 600px;
  display: block;
}

.content-wrap-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 60px 100px;
  display: flex;
}

.h1-3 {
  color: #080808;
  letter-spacing: -3px;
  -webkit-text-stroke-color: #07090c;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 65px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.2;
}

.purple-span {
  color: #07090c;
}

.paragraph-4 {
  color: #181818e6;
  text-align: center;
  margin-bottom: 25px;
  padding-left: 100px;
  padding-right: 100px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
}

.blog-newsletter-form {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.topic-text {
  letter-spacing: 0;
  text-indent: 0;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 800;
}

.blog-post-container {
  max-width: 100%;
  margin: 0 8% 30px;
  padding: 0 0 3rem;
}

.simple-collection-list-3 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  border-right: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.featured-post-wrapper {
  margin-top: 0;
}

.simple-blog-posts-holder-2 {
  margin-top: 2em;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.blog-item-date-2 {
  color: #787878;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-block-70 {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}

.category-text-5 {
  color: var(--top-subtxt);
  text-align: left;
  letter-spacing: 0;
  text-indent: 0;
  text-transform: capitalize;
  font-family: Helvetica Neue, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

.heading-39 {
  color: var(--black);
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 4px;
  margin-bottom: 15px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3em;
  text-decoration: none;
}

.category-holder-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #080808;
  text-align: left;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border: 1px #00000014;
  border-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 11px 5px 0;
  display: flex;
}

.category-holder-3:hover {
  background-color: #f8f8f800;
}

.category-text-6 {
  color: #555;
  letter-spacing: 2px;
  text-indent: 0;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}

.category-text-6:hover {
  color: #3f3f3f;
}

.body-dark {
  background-color: var(--button-black);
  margin-top: 75px;
}

.text-block-71 {
  color: var(--white);
  font-weight: 800;
  display: block;
}

.text-block-71:hover {
  color: var(--black-2);
}

.text-block-71.unselected {
  color: var(--body-display);
  font-weight: 300;
}

.profile_unslected {
  color: var(--body-display);
  font-weight: 300;
  display: none;
}

.profile_unslected:hover {
  color: var(--black-2);
}

.profile_unslected.unselected {
  color: var(--body-display);
  font-weight: 300;
}

.text-block-72 {
  color: var(--white);
}

.h1-memberships {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 75px;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
}

.button-text-copy {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Bebasneue, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.viewprofile_button {
  border: 1px none var(--button-black);
  color: #33333357;
  text-transform: uppercase;
  background-color: #1e1e2a00;
  border-radius: 27px;
  margin-left: 10px;
  padding: 15px 25px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  transition: background-color .2s, color .2s;
}

.viewprofile_button:hover {
  color: var(--black-2);
  text-transform: uppercase;
  background-color: #6cba1600;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
}

.image-wrap {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6539e31740b63dfefd1870a1_pexels-rdne-stock-project-7414002.jpg");
  background-position: 50%;
  background-size: cover;
  border: 2px solid #000;
  border-left-style: none;
  border-radius: 0 50px 50px 0;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.image-wrap._2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6539e31740b63dfefd18709b_pexels-visual-tag-mx-2566573.jpg");
}

.ms-profile-image-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px #000;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.form-block-16 {
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 60px 40px 0;
  display: flex;
  position: relative;
}

.field-2 {
  color: #000;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  height: 40px;
  margin-bottom: 0;
  padding: 0 0 0 15px;
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
  transition: box-shadow .2s;
}

.field-2.bio {
  height: 75px;
  padding-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
}

.form-field {
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.button-24 {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50px;
  padding: 13px 20px;
  transition: box-shadow .2s;
  box-shadow: 2px 2px #000;
}

.button-24:hover {
  box-shadow: 0 0 #000;
}

.button-24._100w {
  background-color: var(--button-black);
  box-shadow: none;
  color: var(--white);
  text-transform: uppercase;
  border-style: none;
  border-radius: 100px;
  width: 20%;
  margin-right: 0;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  transition-property: none;
}

.button-24._100w:hover {
  background-color: var(--deon-green);
}

.label {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
}

.form-16 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ms-profile-image-preview {
  border: 1.5px solid var(--deon-green);
  object-fit: cover;
  background-color: #efefef;
  border-radius: 100px;
  width: 56px;
  height: 56px;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  box-shadow: 4px 0 20px #77cb1b14;
}

.mb-20-2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 400;
}

.p-light {
  color: var(--dark-outline);
  margin-bottom: 35px;
  font-size: 13px;
  font-weight: 300;
}

.section_big {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #f5f5f5;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: grid;
}

.section_big._90 {
  border-bottom: 2px #000;
  min-height: 91vh;
  margin-top: -2px;
  margin-bottom: -2px;
}

.ms-profile-upload {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #000;
  background-color: #efefef00;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  align-items: center;
  height: auto;
  padding: 7px 15px;
  line-height: 27px;
  text-decoration: none;
  display: flex;
}

.edit-profile {
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-style: italic;
  font-weight: 800;
}

.profile-editing {
  color: #667479;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.uploading-text {
  letter-spacing: 0;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline;
}

.pro-tabs {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  display: flex;
}

.modboxes {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 200px 200px;
  grid-template-columns: 200px 200px;
  grid-auto-columns: 1fr;
  display: flex;
}

.boxmodule {
  background-color: #fff;
  transition: box-shadow .2s;
}

.boxmodule:hover {
  box-shadow: 0 16px 30px #312b2b26;
}

.boxmodule.trigger {
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.h1-mod {
  color: var(--button-black);
  letter-spacing: 0;
  margin-bottom: 10px;
  font-family: Bebasneue, sans-serif;
  font-size: 24px;
  text-decoration: none;
}

.bottom-tabs {
  margin-bottom: 20px;
}

.load-logo-2 {
  z-index: 3;
  width: 18vw;
  position: absolute;
  top: 1vw;
}

.load-img-w {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.load-content {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 20vw;
  min-width: 20vw;
  height: 29vw;
  min-height: 29vw;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.load-frame {
  z-index: 3;
  border: .5vw solid #f6f4f1;
  position: absolute;
  inset: 0%;
}

.load-title {
  color: #f6f4f1;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  position: absolute;
  bottom: -3rem;
}

.load-bar-2 {
  background-color: #f6f4f1;
  width: 100%;
  height: 6px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.load-wrapper {
  z-index: auto;
  background-color: #141414;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/653b38d6e6e6a80e90df11db_rivalists-ai-fitness.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  min-height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.load-img {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.load-img.is-1 {
  z-index: 10;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/653b2f679f31d4f7e16f94ba_Athleticus_Don't%20Stop.jpg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e20908dbadb67b81714f_rivalists-app-screens.png");
  background-position: 25%, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
}

.load-img.is-5 {
  z-index: 6;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8dc_ironman%20cycling.jpeg");
}

.load-img.is-9 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c0_ImageOP004.jpeg");
}

.load-img.is-4 {
  z-index: 7;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8e1_women%20jump%20rope%20exercise.jpeg");
}

.load-img.is-7 {
  z-index: 4;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043db_Image024%201.jpg");
}

.load-img.is-8 {
  z-index: 3;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043cb_Image013%201.jpg");
}

.load-img.is-3 {
  z-index: 8;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f0_coach-and-athlete-training.jpg");
}

.load-img.is-6 {
  z-index: 5;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043dc_Image021%201.jpg");
}

.load-img.is-10 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8d6_beach%20stretch.jpg");
  background-position: 50% 0;
}

.load-img.is-2 {
  z-index: 9;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f3_about_athleticus%20app_5.jpg");
  background-position: 20%;
  display: block;
}

.nav-tab-title {
  font-size: 16px;
}

.main-content {
  flex-wrap: wrap;
  padding-bottom: 70px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.blog-tab-menu {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 13vh;
  margin-bottom: 45px;
  display: flex;
  box-shadow: 0 1px 25px #0000000a;
}

.blog-collection-list {
  flex-wrap: wrap;
  display: flex;
}

.blog-nav-tab {
  background-color: #0000;
  border-radius: 100px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: background-color .4s;
}

.blog-nav-tab:hover {
  background-color: #dcccff26;
}

.blog-nav-tab.w--current {
  color: #fff;
  background-color: #320099;
  padding-top: 15px;
  padding-bottom: 15px;
}

.tab-pane {
  background-color: #0000;
}

.blog-collection-item {
  width: 33.33%;
}

.tab-link-tab-1 {
  padding-top: 9px;
  padding-bottom: 9px;
}

.tab-link-tab-1.w--current {
  color: #fff;
  background-color: #320099;
  border-radius: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.card {
  width: auto;
  padding: 20px;
}

.blog_link {
  color: #15113b;
  border-radius: 5px;
  flex-direction: column;
  width: 100%;
  height: 350px;
  min-height: auto;
  padding: 0;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 1px 1px 14px #0000000d;
}

.blog_link:hover {
  transform: scale(1.01);
  box-shadow: 1px 1px 14px #0000000d;
}

.blog_image_wrap {
  background-color: #f3eae4;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
  height: 55%;
  margin-top: 0;
  margin-bottom: 0;
}

.card_written_content {
  border-top: 1px solid #f8f7f7;
  flex: 1;
  padding: 0 20px 20px;
  position: relative;
  overflow: hidden;
}

.published {
  color: var(--button-black);
  font-size: 13px;
}

.heading-40 {
  color: var(--button-black);
  margin-top: 10px;
  font-family: Bebasneue, sans-serif;
  font-size: 28px;
  line-height: 1.1em;
}

.header {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 4em;
  line-height: 1em;
}

.accordion-item-a-text {
  color: #a0a0a0;
  margin-bottom: 10px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: block;
}

.accordion-item-q-icon-stripe-1 {
  background-color: var(--white);
  width: 100%;
  height: .3em;
  position: relative;
}

._w-accordion-content-divider {
  padding-left: 20px;
  padding-right: 20px;
}

._w-accordion-item-q {
  display: flex;
}

.accordion-content-divider {
  border-bottom: 1px dashed #3333;
  width: 100%;
  height: 0;
}

.cloneable-area {
  flex-direction: column;
  min-width: auto;
  max-width: none;
  display: flex;
  position: static;
  top: 100px;
  overflow: hidden;
}

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

.accordion-item-q-icon-stripe-2 {
  background-color: var(--white);
  width: .3em;
  height: 100%;
  position: absolute;
}

.accordion-item-q-text {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.4em;
}

.subheader-2 {
  color: #666565;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 13.5px;
  font-weight: 300;
  line-height: 1.4em;
}

.details {
  color: #888;
  text-align: center;
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height: 1.4em;
}

._w-accordion-item-a {
  padding: 10px;
}

.c-accordion-item-q-icon {
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.c-accordion-item {
  background-color: var(--ai-background);
  border-radius: 5px;
  margin-bottom: 10px;
  display: block;
}

.c-accordion-item:hover {
  border: 1px solid var(--deon-green);
}

.c-details {
  margin-bottom: 20px;
}

.c-accordion-item-a {
  overflow: hidden;
}

._w-accordion-item-q-icon {
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  position: relative;
}

.c-accordion-list {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  width: auto;
  margin-bottom: 10px;
  display: flex;
}

._w-accordion-item {
  cursor: pointer;
  border: 1px #fff;
  border-radius: 5px;
  transition: all .25s;
  box-shadow: 1px 1px 15px #13131326;
}

._w-accordion-item:hover {
  border-color: #5dc3a340;
  box-shadow: 1px 1px 20px -9px #77cb1b;
}

.c-accordion-item-q-text {
  flex: 1;
  align-items: center;
  padding: 20px;
  display: flex;
}

.form-5weekplans {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  display: block;
}

.form-wellnessplan {
  width: 100%;
  margin-bottom: 5px;
  display: block;
}

.faq {
  background-color: #fffffff2;
  max-width: 840px;
  padding: 100px;
  display: none;
  box-shadow: 0 20px 100px #c4cae340;
}

.faq-headline {
  padding-left: 20px;
  padding-right: 20px;
}

.faq-paragraph {
  margin-bottom: 40px;
}

.accordion-item {
  width: 100%;
  display: inline-block;
  overflow: hidden;
}

.accordion-item:hover {
  box-shadow: 0 0 20px -7px var(--neon-green);
}

.accordion-toggle {
  background-color: var(--ai-background);
  align-items: center;
  height: 80px;
  display: flex;
}

.accordion-icon {
  color: var(--white);
}

.text-block-73 {
  color: var(--white);
  text-transform: uppercase;
  white-space: normal;
  flex: none;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
}

.dropdown-list {
  background-color: #1d1d1d;
  padding: 20px;
  display: block;
  position: static;
}

.p-17-copy {
  color: #888;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Bebasneue, sans-serif;
  font-size: 16px;
  font-weight: 200;
  display: block;
}

.p-17-copy.uppercase {
  color: #1d1d1d;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Oswald, sans-serif;
  font-weight: 300;
  display: block;
}

.submit-wellnessplan {
  color: #1d1d1d;
  letter-spacing: -.5px;
  text-transform: uppercase;
  background-color: #77cb1b;
  border-radius: 2px;
  width: 100%;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  display: inline-block;
}

.delete-response {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.paragraph-14 {
  opacity: .9;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.icon_close-2 {
  color: #fff;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  inset: 25px 25px auto auto;
}

.loading-progress-inner-3 {
  background-color: #fff;
  width: 0%;
  height: 100%;
}

.h1-small-3 {
  color: #fff;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2em;
}

.lightbox-modal-2 {
  z-index: 9998;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #222222bf;
  justify-content: center;
  align-items: center;
  padding: 25px;
  display: flex;
  position: relative;
  inset: 0%;
}

.delete-form-2 {
  margin-bottom: 0;
}

.link-11 {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 100px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
}

.save-button {
  background-color: #2962ff;
  border-radius: 50px;
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 20px;
  transition: opacity .2s;
  display: none;
}

.save-button:hover {
  opacity: .8;
}

.profile_section {
  border: .5px solid #f3f3f3;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 2rem;
  padding: 30px 20px;
  position: relative;
}

.profile_h1-2 {
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-style: italic;
  font-weight: 800;
  line-height: 25px;
}

.ms-profile-image-preview-2 {
  object-fit: cover;
  background-color: #ccc;
  border-radius: 100px;
  width: 56px;
  height: 56px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.input-label-5 {
  color: #4b4f56;
  margin-bottom: 3px;
  padding-left: 10px;
  font-size: 13px;
}

.ms-profile-upload-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #070e27;
  border: 1px solid #ddd;
  border-radius: 50px;
  align-items: center;
  padding: 7px 20px;
  line-height: 27px;
  display: flex;
}

.profile_column {
  width: 50%;
  min-width: 250px;
  min-height: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 10px;
}

.ms-profile-image-row-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  padding-left: 10px;
  display: flex;
}

.edit-profile-2 {
  z-index: 3;
  color: #000;
  border: 1px solid #f3f3f3;
  border-radius: 50px;
  margin-left: 10px;
  padding: 9px 20px;
  transition: background-color .2s, border-color .2s;
  position: relative;
}

.edit-profile-2:hover {
  color: #fff;
  background-color: #000;
}

.social-content-2 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.profile_form-header-2 {
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: sticky;
  top: 0;
}

.input-preview {
  border: 1px #000;
  border-radius: 5px;
  padding: 0 0 0 10px;
  font-size: 16px;
  font-weight: 400;
}

.input-preview:focus {
  background-color: #f8f8f8;
}

.dash_content-2 {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 900px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
  overflow: scroll;
  box-shadow: 0 0 20px -7px #00000014;
}

.profile_section-head {
  margin-bottom: 10px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 600;
}

.block-inputs {
  z-index: 2;
  display: block;
  position: absolute;
  inset: 0%;
}

.profile_flex {
  flex-wrap: wrap;
  max-width: 600px;
  display: flex;
  position: relative;
}

.social-btn-2 {
  color: #272b31;
  border: 1px solid #f3f3f3;
  border-radius: 50px;
  width: 100%;
  margin-bottom: 10px;
  padding: 12px 40px 12px 15px;
  text-decoration: none;
  transition: border-color .2s, box-shadow .2s;
  position: relative;
}

.social-btn-2:hover {
  border-color: var(--deon-green);
  box-shadow: none;
}

.social-btn-2:focus {
  border: 1px solid #000;
}

.social-btn-2::placeholder {
  color: #6e6e6e;
}

.text-field-3, .text-field-4, .text-field-5 {
  border: 1px solid #e9e9e9;
}

.text-field-6 {
  border: 1px solid #e9e9e9;
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
}

.text-field-7, .text-field-8, .text-field-9 {
  border: 1px solid #e9e9e9;
}

.section-20 {
  border-bottom: 2px #000;
  flex-direction: column;
  align-items: center;
  padding: 50px 5%;
  display: block;
}

.container-27 {
  max-width: 1100px;
}

.h2-3 {
  margin-top: 0;
  font-weight: 400;
}

.h2-3.mb-35 {
  text-align: center;
  letter-spacing: 8px;
  width: 100%;
  margin-bottom: 35px;
  font-family: Bebasneue, sans-serif;
  font-size: 34px;
}

.clw {
  width: 100%;
}

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

.div-block-18 {
  flex-flow: column;
  align-items: flex-start;
  margin-top: 4px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 60px;
  display: flex;
}

.navbar2_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.padding-global-2 {
  padding-left: 5%;
  padding-right: 5%;
}

.section_hero-bg-scroll-overlay-2 {
  opacity: 0;
  background-color: #111;
  position: absolute;
  inset: 0%;
}

.hero_wrap-2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  min-height: 100vh;
  padding-bottom: 5vh;
  display: flex;
  position: relative;
}

.navbar2_menu {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.section_hero-2 {
  position: relative;
}

.section_slider-2 {
  position: relative;
  top: -15vh;
  overflow: hidden;
}

.navbar2_logo-link {
  padding-left: 0;
}

.navbar2_button-wrapper {
  grid-column-gap: 1rem;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.hero_scroll-trigger-2 {
  margin-top: 100vh;
  position: absolute;
  inset: 0%;
}

.navbar2_link {
  color: #f4f4f4cc;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: color .2s;
}

.navbar2_link:hover {
  color: #fff;
}

.navbar2_link.w--current {
  color: #111;
}

.swiper-slide-3.is-places {
  flex: none;
  width: 25%;
  height: auto;
  margin-right: 5px;
  position: relative;
}

.swiper-slide-3.is-team {
  flex: none;
  width: 34.11%;
  margin-right: 9.37%;
}

.text-size-large-3 {
  color: #e2e2e2;
  text-align: center;
  letter-spacing: 0;
  font-size: 14.5px;
}

.navbar2_component {
  background-color: #0000;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 6rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.hero_content-2 {
  width: 100%;
  max-width: 34rem;
}

.button-25 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #f4f4f4;
  text-align: center;
  background-color: #f4f4f41a;
  border-radius: 10rem;
  padding: .75rem 1.375rem;
  font-family: Montserrat, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  transition: border-color .2s, background-color .2s, color .2s;
}

.button-25:hover {
  color: #fff;
  background-color: #f4f4f433;
}

.button-25.is-link {
  color: #111;
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-25.is-link.is-alternate {
  color: #f4f4f4cc;
  background-color: #0000;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.button-25.is-link.is-alternate:hover {
  color: #fff;
}

.places-card_country-text-2 {
  opacity: .6;
  color: var(--dark-outline);
  letter-spacing: .125rem;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-family: Montserrat, sans-serif;
  font-size: .625rem;
  font-weight: 500;
}

.places-card_heading-text-2 {
  color: var(--white);
  letter-spacing: -.05px;
  font-family: Montserrat, sans-serif;
  font-size: 13.5px;
  font-style: italic;
  font-weight: 800;
}

.places-card_desc-text-2 {
  opacity: .6;
  color: var(--dark-outline);
  margin-top: .5rem;
  font-size: .875rem;
}

.body-13 {
  background-color: #111;
}

.list-header-1 {
  margin-bottom: 1.25rem;
}

.nav-1-menu-header {
  display: none;
}

.arrow-icon-5.is--sm {
  width: 16px;
  height: 16px;
  line-height: 12px;
}

.nav-1-menu-overlay {
  display: none;
}

.section-21 {
  background-color: #0000;
  width: 100%;
}

.heading-50 {
  letter-spacing: -.01em;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.heading-50.theme-1-text-a {
  letter-spacing: 0;
  font-family: Druk Trial, sans-serif;
  font-size: 32px;
}

.heading-100 {
  letter-spacing: -.018em;
  margin-bottom: -20px;
  font-size: 68px;
  font-weight: 400;
  line-height: 76px;
}

.heading-100.theme-1-text-a {
  color: var(--black);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(103deg, #97a4aa, #262c29 48%, #b9c0c8);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  padding-left: 45px;
  padding-right: 45px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-style: italic;
  font-weight: 800;
  line-height: 1em;
  text-decoration: none;
}

.spacer-20-2 {
  height: 3rem;
}

.spacer-20-2.is--fluid {
  min-height: 6vh;
}

.feature-card-7-header {
  border-radius: 0;
  position: static;
}

.feature-card-4-image-wrap {
  flex-direction: column;
  justify-content: center;
  max-height: 44rem;
  display: flex;
  overflow: hidden;
}

.modal-insert-1-container {
  width: 100%;
  max-width: 80vw;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.modal-1-close {
  z-index: 999;
  opacity: 1;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.5rem;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.modal-1-close.is--theme-3 {
  color: gray;
}

.modal-1-close.is--theme-3:hover {
  color: #fff;
}

.list-header-2-tablet {
  display: none;
}

.modal-close-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.video-card-1-controls {
  color: #fff;
  width: 2.75rem;
  height: 2.75rem;
  padding: .5rem;
  transition: all .2s;
  display: none;
  inset: auto 1rem 1rem auto;
}

.video-card-1-controls:hover {
  color: #fffc;
}

.list-header-2-right {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.menu-insert-1-list-link {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 28px;
  display: flex;
}

.menu-insert-1-spacer {
  height: 0;
}

.nav-1-menu-link {
  flex-direction: column;
  justify-content: center;
  min-height: 62px;
  padding: 0 12px;
  font-size: 16px;
  line-height: 24px;
  transition: box-shadow .2s;
  display: flex;
  position: static;
}

.nav-1-menu-link.w--open {
  box-shadow: inset 0 -2px #000;
}

.nav-1-menu-link.is--theme-1 {
  color: #000f1d;
  font-weight: 500;
}

.nav-1-menu-link.is--theme-1:hover, .nav-1-menu-link.is--theme-1.w--open {
  box-shadow: inset 0 -2px #111;
}

.list-header-2-links {
  grid-column-gap: 1.5rem;
  flex-direction: row;
  display: flex;
}

.footer-1-top {
  justify-content: space-between;
  display: flex;
}

.menu-insert-1-list-title {
  margin-bottom: 1rem;
}

.button-26 {
  cursor: pointer;
  border-radius: 100vw;
  padding: 0;
  font-weight: 500;
  transition: color .2s, box-shadow .2s, background-color .2s;
  position: relative;
}

.button-26.theme-1-fill-b {
  color: #000f1d;
  background-color: #f5f5f5;
}

.button-26.theme-1-fill-b:hover {
  background-color: #e6e6e6;
}

.button-26.theme-1-fill-b:active {
  background-color: #ccc;
}

.button-26.theme-1-fill-a {
  color: #fff;
  background-color: #111;
}

.button-26.theme-1-fill-a:hover {
  background-color: var(--neon-green);
}

.button-26.theme-1-fill-a:active {
  background-color: #595959;
}

.button-26.image-fill-a {
  color: #000f1d;
  background-color: #fff;
}

.button-26.image-fill-a:hover {
  background-color: #e9e9e9;
}

.button-26.image-fill-a:active {
  background-color: #d9d9d9;
}

.text-link {
  cursor: pointer;
  flex-direction: column;
  align-items: flex-end;
  padding: 0;
  transition: box-shadow .2s, color .2s;
  display: block;
  position: relative;
}

.text-link.theme-1-text-a {
  color: #000f1d;
}

.text-link.theme-1-text-a:hover {
  color: #6a6f74;
}

.text-link.theme-1-text-c {
  font-family: Helvetica Neue, sans-serif;
  font-weight: 400;
}

.text-link.theme-1-text-c:hover {
  color: #000f1d;
}

.banner-1-container {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.banner-1-container.theme-3 {
  background-color: var(--black-2);
  color: #000;
}

.video-card-1-eyebrow {
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: .75rem;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.slider-1-arrow {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  inset: -4rem 0% auto auto;
}

.slider-1-arrow.is--left {
  right: 3.5rem;
}

.slider-1-arrow.is--left.is--theme-1 {
  display: none;
}

.slider-1-arrow.is--right {
  bottom: auto;
  left: auto;
  right: 0%;
}

.card-16-body {
  z-index: 2;
  grid-row-gap: .75rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.25rem;
  display: flex;
  position: relative;
}

.card-16-body.text-40.mobile-landscape-size--reduced {
  text-decoration: none;
}

.slider-1-mask {
  z-index: 0;
  width: 33.333%;
  padding-bottom: 2.5rem;
  position: relative;
  overflow: visible;
}

.heading-30 {
  font-size: 16px;
  font-weight: 500;
}

.heading-30.theme-1-text-a {
  margin-bottom: 5px;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 700;
  line-height: 18px;
}

.menu-insert-2-list-title {
  margin-bottom: .5rem;
}

.breadcrumb-1-wrap {
  align-items: center;
  width: 100%;
}

.footer-1-list {
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.slider-1-slide {
  z-index: 0;
  padding-right: .75rem;
}

.feature-card-4-title {
  text-align: center;
  text-decoration: none;
}

.feature-card-7-media-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  border: 1px solid #eee;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-height: none;
  padding-top: 0%;
  display: flex;
  position: static;
  overflow: hidden;
}

.text-50 {
  font-size: 18px;
  line-height: 22px;
}

.text-50.theme-1-text-c {
  color: #292929;
  text-align: center;
  font-family: Helvetica Neue, sans-serif;
  font-size: 15.5px;
  font-weight: 400;
}

.placeholder-dropdown {
  outline-offset: -20px;
  background-color: #e6edf7;
  outline: 1px dashed #597eb2;
  min-width: 200px;
  height: 200px;
}

.list-header-1-title {
  grid-column-gap: .25rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.list-header-1-title.heading-50 {
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Bebasneue, sans-serif;
}

.button-body {
  grid-column-gap: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 22px 4px;
  line-height: 1;
  display: flex;
}

.button-body.is--sm {
  text-transform: none;
  min-height: 40px;
  padding: 8px 24px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.button-body.is--sm {
  min-height: 40px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
}

.button-body.is--sm.is--tight {
  min-height: auto;
  padding: 0;
}

.modal-1-active {
  z-index: 9999;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  padding: 0;
  position: fixed;
  inset: 0%;
}

.modal-1-active.w--open {
  background-color: #ffffffdb;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.card-11-wrap {
  flex-flow: column;
  display: flex;
  position: relative;
}

.nav-1-menu-panel {
  position: static;
}

.list-header-2-wrap {
  grid-column-gap: 16px;
  grid-row-gap: .25rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 0;
  margin-bottom: 2rem;
  padding-left: 20px;
  display: grid;
}

.footer-1-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 8rem;
  display: flex;
}

.feature-card-5-image-wrap {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-height: 70rem;
  display: flex;
  overflow: hidden;
}

.video-card-1-desc {
  max-width: 30rem;
}

.card-16-wrap {
  padding: 5px;
  text-decoration: none;
  display: block;
  position: relative;
}

.topnav-1-dropdown-menu {
  z-index: 999;
  position: absolute;
  left: 0;
  right: 0;
}

.topnav-1-dropdown-menu.w--open {
  background-color: #0000;
  top: auto;
  left: auto;
  right: 0;
}

.video-card-1-body-container {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-direction: column;
  align-items: center;
  max-width: 50rem;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.topnav-1-wrap {
  z-index: 999;
  position: static;
}

.social-icons-1-list {
  grid-column-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-card-7-image {
  z-index: 1;
  background-color: #f2f2f2;
  border-radius: 20px;
  width: 100%;
  height: auto;
  padding-top: 62.5%;
  position: absolute;
}

.nav-1-secondary-menu-icon {
  width: 22px;
  height: 22px;
}

.nav-1-secondary-menu-link {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.nav-1-secondary-menu-link.is--theme-1 {
  color: #111;
}

.nav-1-secondary-menu-link.is--theme-1:hover {
  color: #6a6f74;
}

.dropdown-3 {
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.breadcrumb-1-list {
  grid-column-gap: .375rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.slider-1-nav {
  opacity: 1;
  flex-direction: row;
  height: 12px;
  padding-top: 0;
  display: flex;
  position: static;
}

.topnav-1-menu-link {
  flex-direction: column;
  justify-content: center;
  min-height: 36px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.topnav-1-menu-link.is--theme-2 {
  color: #000f1d;
}

.topnav-1-menu-link.is--theme-2:hover {
  color: #6a6f74;
}

.topnav-1-row {
  justify-content: flex-end;
  display: flex;
}

.feature-card-5-image {
  height: 100%;
  min-height: 30rem;
  padding-top: 62.5%;
  position: relative;
}

.product-item-list {
  text-decoration: none;
  display: block;
}

.nav-1-menu-cta {
  display: none;
}

.feature-card-4-body-container {
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: center;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.eyebrow-20 {
  letter-spacing: .025em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.eyebrow-20.theme-1-text-c {
  letter-spacing: 3px;
  color: #6a6f74;
  font-weight: 500;
}

.feature-card-3-desc {
  max-width: 30rem;
}

.menu-insert-2-container {
  flex-direction: column;
  align-items: stretch;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.nav-1-dropdown {
  z-index: 2;
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.modal-1-toggle {
  z-index: 999;
  float: none;
  grid-column-gap: 2px;
  cursor: pointer;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  position: relative;
}

.modal-1-toggle.w--open {
  z-index: 10;
  background-color: #0000;
}

.standard-list-1 {
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.social-icons-1-link {
  width: 16px;
  height: 16px;
  line-height: 1;
  transition: color .2s;
  display: block;
}

.social-icons-1-link.is--theme-3 {
  color: gray;
}

.social-icons-1-link.is--theme-3:hover {
  color: #fff;
}

.feature-card-5-wrap {
  height: 100%;
  display: block;
  position: relative;
}

.card-16-media-wrap {
  flex-direction: column;
  justify-content: center;
  max-height: 50rem;
  display: flex;
  overflow: hidden;
}

.menu-insert-2-list-item {
  flex: 1;
}

.card-16-title.text-weight-is--strong {
  text-decoration: none;
}

.inline-link {
  transition: color .2s, box-shadow .2s;
  box-shadow: inset 0 -1px #000;
}

.inline-link:hover {
  box-shadow: inset 0 -1px #000;
}

.menu-insert-2-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.footer-1-top-list {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 75%;
  display: grid;
}

.list-header-2-breadcrumb {
  margin-bottom: .5rem;
}

.topnav-1-dropdown-toggle {
  grid-column-gap: 2px;
  background-color: #0000;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.feature-card-5-overlay {
  z-index: 1;
  background-color: #0000;
  position: absolute;
  inset: 0%;
}

.topnav-1-dropdown {
  z-index: 1;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.list-header-2-left {
  margin-top: 20px;
}

.nav-1-left {
  z-index: 2;
  position: relative;
}

.quilted-list-1-list-item.is--duo {
  grid-column-gap: 0rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.topnav-1-menu {
  z-index: 99;
  float: none;
  position: static;
}

.dropdown-list-2 {
  background-color: #0000;
  padding-top: 5px;
}

.dropdown-list-2.is--right {
  right: 0;
}

.video-card-1-link {
  grid-column-gap: .5rem;
  max-width: 30rem;
  display: flex;
}

.arrow-icon-wrapper {
  border-radius: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: color .2s, background-color .2s;
  display: flex;
  overflow: hidden;
}

.arrow-icon-wrapper.is--theme-1 {
  background-color: var(--black);
  width: 75%;
  height: 75%;
}

.arrow-icon-wrapper.is--theme-1 {
  background-color: #f5f5f5;
}

.arrow-icon-wrapper.is--theme-1:hover {
  background-color: #e6e6e6;
}

.arrow-icon-wrapper.is--theme-1:active {
  background-color: #ccc;
}

.menu-insert-1-container {
  flex-direction: column;
  align-items: stretch;
  padding: 1.5rem;
  display: flex;
}

.spacer-40 {
  height: 7rem;
}

.spacer-40.is--fluid {
  min-height: 10vh;
}

.text-link-body {
  grid-column-gap: .25rem;
  flex-direction: row;
  align-items: center;
  padding: 0;
  line-height: 1;
  display: flex;
}

.text-link-body.is--md {
  grid-column-gap: 3px;
  font-size: 16px;
  font-weight: 500;
}

.nav-1-menu {
  z-index: 99;
  float: none;
  background-color: #0000;
  position: static;
}

.topnav-1-menu-list {
  grid-column-gap: 12px;
  align-items: center;
  display: flex;
}

.topnav-1-menu-list.text-20.text-weight-is--strong {
  font-weight: 500;
}

.nav-1-menu-toggle, .nav-1-menu-toggle.is--theme-1 {
  display: none;
}

.card-16-body-top {
  text-decoration: none;
}

.card-16-image {
  display: block;
  position: relative;
}

.card-16-image.is--1-1 {
  padding-top: 100%;
}

.text-40 {
  font-size: 16px;
  line-height: 22px;
}

.text-40.theme-1-text-c {
  color: #636363;
  font-family: Helvetica Neue, sans-serif;
  font-size: 13px;
  line-height: 15px;
  display: block;
}

.has--strikethrough {
  text-decoration: line-through;
}

.has--strikethrough.theme-1-text-d {
  font-family: Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: block;
}

.has--strikethrough.theme-1-text-d.no-strike {
  color: #707070;
  text-align: right;
  font-family: Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  text-decoration: none;
}

.has--strikethrough.theme-1-text-d.no-fee {
  display: none;
}

.slider-1 {
  z-index: 0;
  background-color: #0000;
  flex-flow: row;
  height: auto;
  display: block;
  position: relative;
}

.button-text-4 {
  flex: none;
}

.nav-1-right {
  z-index: 1;
  position: relative;
}

.card-11-image {
  display: block;
  position: relative;
}

.card-11-image.is--1-1 {
  padding-top: 100%;
}

.card-11-image.is--1-1.placeholder-img--light {
  width: 99.9999%;
  height: 300px;
  padding-top: 0%;
}

.banner-1-desc {
  text-align: center;
}

.nav-1-logo {
  width: 60px;
  margin-top: .5rem;
  transition: opacity .2s;
  display: block;
}

.nav-1-logo:hover {
  opacity: .6;
}

.nav-1-dropdown-menu-overlay {
  z-index: 99;
  width: 100%;
  height: 0;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  box-shadow: 0 10000px 0 10000px #0003;
}

.spacer-30-2 {
  height: 5rem;
}

.spacer-30-2.is--fluid {
  min-height: 8vh;
}

.feature-card-4-image {
  padding-top: 62.5%;
  display: block;
  position: relative;
}

.nav-1-wrap {
  z-index: 1;
  position: static;
}

.image--cover {
  object-fit: cover;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.banner-1-wrap.theme-2 {
  background-color: #f5f5f5;
}

.button-icon-2 {
  flex-direction: column;
  justify-content: center;
}

.button-icon-2.is--sm {
  width: 16px;
  line-height: 0;
}

.feature-card-4-body {
  z-index: 2;
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 3rem;
}

.nav-1-menu-list {
  align-items: center;
  display: flex;
}

.feature-card-5-content {
  z-index: 2;
  grid-row-gap: 1.5rem;
  color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 2.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.nav-1-secondary-menu {
  grid-column-gap: 4px;
  display: flex;
}

.card-11-body {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.25rem;
  padding-right: 1rem;
  display: flex;
  position: relative;
}

.modal-1-active-content {
  z-index: 20;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #000000e6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  position: relative;
}

.modal-1-active-content.is--theme-3 {
  background-color: #111111f2;
}

.video-card-1-body {
  z-index: 2;
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
}

.feature-card-4-wrap {
  display: block;
  position: relative;
}

.footer-1-link.is--theme-3:hover {
  color: #d4d4d4;
}

.feature-card-5-title {
  max-width: 50rem;
  padding-right: 1rem;
}

.banner-1-row {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 3.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.feature-card-4-eyebrow {
  margin-bottom: .75rem;
}

.topnav-1-menu-btn {
  float: none;
  padding: 0;
}

.footer-1-list-title {
  margin-bottom: .5rem;
}

.footer-1-wrap {
  padding-top: 2.25rem;
  padding-bottom: 1.75rem;
}

.footer-1-top-secondary {
  flex-direction: column;
  align-items: flex-end;
  width: 25%;
  display: flex;
}

.nav-1-menu-secondary-list {
  display: none;
}

.feature-card-7-header-link {
  z-index: 2;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
  position: static;
  inset: 0 0 0 0;
}

.menu-insert-2-wrap {
  min-width: 240px;
  padding-top: 2.5rem;
  padding-bottom: 4rem;
}

.menu-insert-2-list-link {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.footer-1-secondary-link.is--theme-3:hover {
  color: #fff;
}

.text-link-body-icon {
  line-height: 1;
}

.text-link-body-icon.is--xsm {
  width: 12px;
  height: 12px;
}

.text-link-body-icon.is--xsm.is--dropdown-icon {
  margin-bottom: 3px;
}

.card-11-price-item {
  margin-left: 2px;
}

.menu-insert-2-spacer {
  height: 0;
}

.feature-card-4-link {
  grid-column-gap: .5rem;
  max-width: 30rem;
  display: flex;
}

.nav-1-dropdown-menu {
  z-index: 999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: absolute;
  left: 0;
  right: 0;
}

.nav-1-dropdown-menu.w--open {
  background-color: #0000;
}

.menu-insert-1-wrap {
  min-width: 240px;
  max-height: 32rem;
  overflow: auto;
}

.modal-1-wrap {
  z-index: 999;
  background-color: #0000;
  display: block;
  position: static;
}

.footer-1-secondary-list {
  grid-column-gap: 1rem;
  justify-content: flex-end;
  display: flex;
}

.quilted-list-1-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-1-row {
  grid-column-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  min-height: 62px;
  display: flex;
}

.card-16-body-price {
  grid-column-gap: .25rem;
  grid-row-gap: .5rem;
  display: flex;
}

.burger-icon-1 {
  cursor: pointer;
  padding: 8px;
  display: block;
}

.feature-card-7-wrap {
  border-radius: 0;
  flex-flow: column;
  display: flex;
  position: static;
}

.feature-card-7-media {
  z-index: 2;
  border-radius: 0;
  height: auto;
  padding-top: 62.5%;
  position: relative;
  inset: 0%;
}

.modal-1-active-wrap {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}

.section-video {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.section-video.is--huge {
  max-width: 1830px;
  margin: 0 auto 30px;
}

.card-11-body-price {
  grid-column-gap: .25rem;
  grid-row-gap: .5rem;
  display: flex;
}

.burger-icon-1-item-poly {
  margin-top: -11px;
}

.burger-icon-1-item {
  width: 30px;
  height: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  position: relative;
  overflow: hidden;
}

.heading-style-h4 {
  color: var(--button-black);
  letter-spacing: 1px;
  margin-top: 0;
  padding-top: 20px;
  font-family: Bebasneue, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
}

.template-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.spacer-medium {
  width: 100%;
  padding-top: .125rem;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section_new-templates.padding-global.padding-section-small {
  background-color: #1d1d1d;
  background-image: linear-gradient(149deg, var(--gradient-white) 46%, white);
}

.funderline-1 {
  color: #3330;
  letter-spacing: .5px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6542aba5c3f9e2f78d7ad126_funderline1.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: border-box;
  padding-bottom: 14px;
  font-family: Druk Trial, sans-serif;
  font-size: 55px;
  font-weight: 700;
}

.spacer-large {
  padding-top: 3rem;
}

.template_name-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.button-27 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  padding: .5rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.button-27:hover {
  opacity: .75;
}

.button-27.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-27.is-icon.is-secondary {
  border-color: var(--dark-outline);
  color: var(--button-black);
  text-transform: uppercase;
  background-color: #16161600;
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
  font-weight: 300;
}

.button-27.is-icon.is-secondary:hover {
  background-color: var(--button-black);
  color: var(--white);
}

.template_icon {
  width: 30px;
  max-width: none;
  display: block;
}

.spacer-small {
  width: 100%;
  padding-top: .5rem;
}

.feature-card {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: .75rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem;
  text-decoration: none;
  display: flex;
}

.feature-card.relative {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.feature-card.relative:hover {
  border-color: var(--deon-green);
  background-image: linear-gradient(#77cb1b0a, #77cb1b0a);
  box-shadow: 0 1px 20px -2px #0000002b;
}

.feature-card.relative {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--ai-background);
  border-color: #333;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: flex;
}

.heading-style-h5-2 {
  letter-spacing: -.05px;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
}

.template_name-tag {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.spacer-xsmall {
  width: 100%;
  padding-top: .5rem;
}

.template_tag {
  color: var(--button-black);
  text-transform: uppercase;
  border-radius: 5rem;
  padding: .25rem .75rem;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
  position: static;
  inset: -1rem 1.5rem auto auto;
}

.template_image {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4.6rem;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 1rem;
  display: flex;
  box-shadow: 0 2px 20px -7px #00000038;
}

.text-block-74 {
  text-transform: none;
  font-weight: 400;
}

.button-28 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  padding: .5rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.button-28:hover {
  opacity: .75;
}

.button-28.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-28.is-icon.is-secondary {
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
  font-weight: 300;
}

.heading-style-h5-3 {
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}

.button-29 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  padding: .5rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.button-29:hover {
  opacity: .75;
}

.button-29.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-29.is-icon.is-secondary {
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
  font-weight: 300;
}

.heading-style-h5-4 {
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}

.heading-style-h4-2 {
  color: var(--button-black);
  letter-spacing: -.05px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.4;
}

.form_message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.loader-div {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.comment-empty-bold {
  margin-bottom: .25em;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.reply-box {
  border-left: 1px solid #ddd;
  width: 100%;
  margin-top: 1em;
  margin-bottom: .5em;
  padding-left: 2rem;
}

.form_input {
  border: 1px solid var(--dark-outline);
  background-color: var(--white);
  border-radius: 6px;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form_input.is-text-area {
  border-style: solid;
  border-color: var(--dark-outline);
  min-height: 8rem;
  padding-top: .75rem;
}

.form_input.is-hidden {
  display: none;
}

.button-30 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  padding: .5rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.button-30:hover {
  opacity: .75;
}

.button-30.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-30.is-form-submit {
  padding: .75rem 2rem;
}

.button-30.is-form-submit.is-full-width {
  background-color: var(--button-black);
  text-transform: uppercase;
  border-style: none;
  border-radius: 5rem;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.icon-embed-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.icon-embed-small.is-features {
  min-width: .125rem;
  min-height: .125rem;
}

.icon-embed-small.is-star {
  color: #67f15b;
}

.statement_loader {
  z-index: 9;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0%;
}

.navbar1_menu-button {
  padding: 0;
}

.comment-reply-action {
  color: #424242;
  align-items: center;
  height: 2.75rem;
  padding-left: .8em;
  padding-right: .8em;
  font-weight: 500;
  transition: opacity .2s;
  display: flex;
}

.comment-reply-action:hover {
  color: #161616;
}

.comment-reaction {
  opacity: .5;
  color: #161616;
  justify-content: center;
  align-items: center;
  height: 2.75rem;
  padding: .375rem;
  display: flex;
}

.comment-reaction:hover {
  opacity: 1;
}

.comment-reaction.is-active {
  opacity: 1;
  color: #161616;
}

.comment-reaction.is-active:hover {
  color: #000;
}

.sticky-normal {
  position: sticky;
  top: 5.5rem;
}

.comment-name-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  height: 2.25rem;
  display: flex;
}

.empty-state-4 {
  border: 1px solid var(--white);
  background-color: var(--white);
  text-align: center;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  font-weight: 600;
  display: block;
}

.comment-hover {
  width: 100%;
  display: block;
}

.reply-show-hide-flex {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.icon-embed-xsmall.is-star {
  color: #67f15b;
}

.comment-input-wrap {
  width: 100%;
  position: relative;
}

.comment-action-hover.w--open {
  color: #fff;
  white-space: nowrap;
  background-color: #000;
  border-radius: 6.25rem;
  margin-left: auto;
  margin-right: auto;
  padding: .4375rem .9375rem;
  bottom: 100%;
  left: -50%;
}

.ms-profile-image-preview-3 {
  object-fit: cover;
  background-color: #161616;
  border: 1px solid #f1f1f1;
  border-radius: 6.25rem;
  width: 3.5rem;
  height: 3.5rem;
  display: inline-block;
}

.ms-profile-image-preview-3.is-small {
  width: 1.8rem;
  height: 1.8rem;
}

.comment-form {
  width: 100%;
}

.link-with-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #161616;
  align-items: center;
  margin-top: 10px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.div-block-19 {
  align-self: stretch;
}

.comment-form-button-row {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: flex-start;
  display: flex;
}

.comment-channel {
  display: none;
  position: relative;
}

.comment-action {
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  display: flex;
}

._2-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

._2-grid.is-top-aligned {
  align-items: start;
}

._2-grid.is-top-aligned.relative {
  padding-top: 40px;
}

.navbar1_link {
  color: var(--white);
  border-radius: 5rem;
  margin-left: .25rem;
  margin-right: .25rem;
  padding: .5rem 1rem;
  font-family: Helvetica Neue, sans-serif;
  font-size: .85rem;
  font-weight: 700;
  transition: color .2s;
}

.navbar1_link:hover {
  color: var(--deon-green);
}

.navbar1_link.w--current {
  color: #000;
  background-color: #f7f7f7;
}

.comment-form-input-row {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: flex-start;
  display: flex;
}

.comment-image {
  object-fit: cover;
  background-color: #161616;
  border-radius: 100%;
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
}

.comment-delete-box {
  background-color: #fff;
  border: .0625rem solid #e13030;
  border-radius: .375rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding: .3em;
  font-weight: 700;
  display: none;
  position: absolute;
  inset: 100% 0% auto auto;
  box-shadow: 0 10px 1.25rem -.625rem #42424233;
}

.reply-container {
  width: 100%;
}

.db-nav_profile {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #161616;
  border: 1px solid #f1f1f1;
  border-radius: 5rem;
  align-items: center;
  margin-left: 1rem;
  padding: .25rem .75rem .25rem .25rem;
  text-decoration: none;
  display: flex;
}

.heading-style-h3 {
  color: var(--button-black);
  margin-bottom: 5px;
  font-family: Bebasneue, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.2;
}

.comment-form-button {
  letter-spacing: -.03px;
  text-transform: uppercase;
  background-color: #161616;
  border-radius: 5rem;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
}

.comment-form-button.is-delete {
  white-space: nowrap;
  word-break: keep-all;
  background-color: #e13030;
}

.comment-form-button.is-delete:hover {
  background-color: #850e0e;
}

.comment-form-button.is-load-more {
  color: #3f3f3f;
  background-color: #f8f8f8;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 3rem;
}

.comment-form-button.is-load-more:hover {
  background-color: #e6eeff;
}

.comment-form-button.is-cancel {
  color: #3f3f3f;
  background-color: #e1e1e1;
  margin-left: auto;
}

.comment-form-button.is-cancel:hover {
  background-color: #67f15b;
}

.comment-form-button.is-row {
  margin-right: .625rem;
}

.comment-date {
  color: #333c;
}

.comment-date.dark {
  color: #161616;
}

.comment-date.is-moderator {
  color: #2962ff;
}

.form_form.is-secondary {
  border: 1px solid var(--white);
  background-color: var(--white);
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: .75rem;
  padding: 1.5rem;
}

.form_field-wrapper {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.form_label {
  color: var(--button-black);
  letter-spacing: 0;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.comment-loader {
  width: 3.125rem;
  margin-left: auto;
  margin-right: auto;
}

.statement-component {
  margin-bottom: 1rem;
  display: none;
}

.comment-empty-state {
  border: 1px solid var(--dark-outline);
  background-color: var(--white);
  text-align: center;
  border-radius: 5px;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 2em;
}

.comment-button-wrap {
  display: inline-block;
  position: relative;
}

.db-nav_name {
  font-size: .9rem;
  font-weight: 700;
}

.comment-action-row {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  align-items: center;
  margin-left: auto;
  display: flex;
  position: relative;
}

.form_component {
  margin-bottom: 0;
}

.comment-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.comment-content {
  width: 100%;
}

.commenter-name {
  margin-left: 0;
  padding-left: 0;
  font-weight: 700;
}

.commenter-name.is-typing {
  margin-bottom: .375rem;
  display: none;
}

.section_db-hero {
  background-color: #fff;
  border-bottom: 1px solid #f1f1f1;
}

.section_db-hero.padding-global.padding-section-small {
  background-color: var(--white);
}

.loader-lottie {
  width: 10rem;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.navbar1_component {
  z-index: 1000;
  background-color: #ddd0;
  align-items: center;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: fixed;
  top: 0;
}

.navbar1_component.padding-global {
  display: none;
}

.navbar1_container {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ffffff0f;
  border: 1px #f1f1f126;
  border-radius: 5rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem;
  display: flex;
  box-shadow: 0 5px 20px #00000008;
}

.nav-spacer {
  height: 5.5rem;
}

.nav-spacer.is-white {
  background-color: #fff;
  height: 2.5rem;
}

.reply-section {
  flex-direction: column;
  align-items: flex-start;
  margin-top: -.5em;
  display: flex;
}

.reply-show-hide-button {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  color: #161616;
  border-radius: 6.25rem;
  margin-top: 0;
  padding: .5625rem 1em .3125rem .5em;
  font-weight: 600;
  display: inline-block;
}

.reply-show-hide-button:hover {
  background-color: #f1f1f1;
}

.comment-loader-wrap {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 3.125rem;
  padding-top: .3125rem;
  display: block;
  position: relative;
  inset: 0% 0% auto;
  overflow: hidden;
}

.comment-loader-wrap.is-fixed {
  z-index: 99999;
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  background-color: #fff;
  border: .0625rem solid #e1e1e1;
  border-radius: .375rem;
  flex-direction: column;
  justify-content: center;
  width: 5rem;
  height: 6.25rem;
  margin: auto;
  display: none;
  position: fixed;
  inset: 0;
}

.navbar1_logo-link {
  mix-blend-mode: normal;
  width: 9rem;
  margin-left: 15px;
  padding-left: 0;
}

.navbar1_logo-link.is-inverted {
  filter: invert();
}

.comment-section-heading {
  border-bottom: .0625rem solid var(--dark-outline);
  margin-bottom: 1em;
  padding-bottom: 1em;
  font-family: Bebasneue, sans-serif;
  font-size: 1.9em;
  font-weight: 400;
}

.comment-form-links {
  color: #333c;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.form_message-success {
  padding: 1.25rem;
}

.comment-hover-ix-copy {
  width: 100%;
  display: block;
}

.comment-reaction-row {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.navbar1_menu {
  align-items: center;
  display: flex;
  position: static;
}

.template-hero-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: flex-start;
  display: flex;
}

.main-wrapper-5 {
  margin-left: 5vw;
}

.template_image-2 {
  border: 1px solid var(--dark-outline);
  background-color: var(--white);
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  padding: 1rem;
  display: flex;
}

.statement-form {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: .75rem;
  width: 100%;
  padding: 1rem;
  position: relative;
  overflow: hidden;
}

.paragraph-15 {
  color: var(--button-black);
  margin-bottom: 20px;
}

.text-block-75 {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}

.text-block-75:hover {
  background-image: linear-gradient(99deg, var(--rival-red), #dd0b0b);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
}

.text-block-76 {
  color: var(--button-black);
  letter-spacing: -.05px;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}

.link-12, .link-13, .link-14 {
  color: var(--button-black);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
}

.section_new-templates-copy.padding-global.padding-section-small {
  background-color: #1d1d1d;
  background-image: linear-gradient(149deg, var(--gradient-white) 46%, white);
}

.section_new-templates-copy.padding-global.padding-section-small.ovf-none {
  background-color: #fff0;
  background-image: none;
  border-radius: 5px;
}

.text-style-bold {
  font-weight: 700;
}

.heading-style-h3-2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.card-2 {
  border: 1px solid #f1f1f1;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.card-2.is-recent {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.prompt-list {
  flex-direction: column-reverse;
  justify-content: flex-end;
  display: flex;
}

.text-style-muted {
  opacity: .6;
}

.text-block-77 {
  color: var(--button-black);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
}

.text-block-77:hover {
  color: var(--deon-green);
}

.link-block-8 {
  text-decoration: none;
}

.onboarding-dot {
  background-color: #16161600;
  border: .125rem solid #161616;
  border-radius: 5rem;
  width: .75rem;
  height: .75rem;
}

.onboarding-dot.is-incomplete {
  border-style: solid;
  border-color: var(--deon-green);
  background-color: var(--deon-green);
  box-shadow: 0 2px 15px 3px var(--neon-green);
  opacity: .5;
}

.onboarding-dot.is-done {
  background-color: #161616;
}

.onboarding-dot.signup {
  background-color: #0f0f0f;
}

.stars-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 5rem;
  width: 3rem;
  height: 3rem;
}

.testimonial-image.is-small {
  border: 1px solid #f1f1f1;
  width: 2rem;
  height: 2rem;
}

.flex-end-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.form_input-2 {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: .75rem;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form_input-2.is-hidden {
  display: none;
}

.form_input-2.is-text-area {
  color: var(--white);
  background-color: #111;
  border-style: none;
  border-color: #080808;
  min-height: 8rem;
  padding-top: .75rem;
}

.form_input-2.is-text-area::placeholder {
  color: #ffffff26;
  font-family: Montserrat, sans-serif;
}

.button-31 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  padding: .5rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.button-31:hover {
  opacity: .75;
}

.button-31.is-form-submit {
  padding: .75rem 2rem;
}

.button-31.is-form-submit.is-full-width {
  text-transform: uppercase;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.onboarding-line {
  background-color: #161616;
  flex: 1;
  height: 1px;
}

.onboarding-line.is-incomplete {
  opacity: .5;
}

.auth_left-section {
  color: #fff;
  background-color: #161616;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2.5rem;
  display: flex;
}

._2-field-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ms-profile-image-preview-4 {
  border: 2px solid var(--deon-green);
  object-fit: cover;
  background-color: #161616;
  border-radius: 6.25rem;
  width: 3.5rem;
  height: 3.5rem;
  padding: 3px;
  display: inline-block;
}

.heading-style-h2 {
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1.2;
}

.text-style-link {
  color: #000;
  font-family: Montserrat, sans-serif;
  text-decoration: underline;
}

.hidden-block {
  display: none;
}

.onboarding-progress {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.testimonial-author {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.testimonial-author.is-auth {
  justify-content: space-between;
}

.auth_testimonial {
  background-color: #ffffff1a;
  border-radius: .75rem;
  width: 100%;
  padding: 1.5rem;
}

.auth_right-section {
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  padding: 2.5rem;
  display: flex;
}

.ms-profile-upload-3 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #fff;
  background-color: #111;
  border: .0625rem #f0f0f0;
  border-radius: .4375rem;
  align-items: center;
  height: 2rem;
  padding-left: .375rem;
  padding-right: .5rem;
  line-height: 1.6875rem;
  text-decoration: none;
  display: flex;
}

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.ms-profile-image-row-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.section_auth {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 100vh;
  display: grid;
}

.horizontal-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.image-29 {
  mix-blend-mode: normal;
}

.button-32 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  padding: .5rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.button-32:hover {
  opacity: .75;
}

.button-32.is-form-submit {
  padding: .75rem 2rem;
}

.button-32.is-form-submit.is-full-width {
  text-transform: uppercase;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.auth_left-section-2 {
  color: #fff;
  background-color: #161616;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2.5rem;
  display: flex;
}

.heading-style-h2-2 {
  font-family: Montserrat, sans-serif;
  font-size: 2.8rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
}

.text-style-link-2 {
  color: #000;
  font-family: Montserrat, sans-serif;
  text-decoration: underline;
}

.form_label-3 {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.collection-list-wrapper-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch flex-start;
  align-items: stretch;
  display: flex;
}

.button-33 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  padding: .5rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.button-33:hover {
  opacity: .75;
}

.button-33.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.heading-style-h5-5 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.25;
}

.template_tag-2 {
  border-radius: 5rem;
  padding: .25rem .75rem;
  font-size: .75rem;
  font-weight: 700;
  position: static;
  inset: -1rem 1.5rem auto auto;
}

.template_image-3 {
  background-color: #fff;
  border-radius: 4.9rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 1rem;
  display: flex;
}

.paragraph-16 {
  color: var(--dark-outline);
  font-size: 12px;
  text-decoration: none;
}

.link-block-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  min-width: 100%;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.view-more-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin-bottom: 10px;
  display: flex;
}

.viewmore-wrap {
  border-radius: .75rem;
  justify-content: space-between;
  padding: 5px 10px;
  display: flex;
}

.viewmore-wrap:hover {
  background-color: #ffffff08;
  justify-content: space-between;
  align-items: center;
}

.heading-101 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.view-more-links {
  text-decoration: none;
}

.bot-content_wrap-copy {
  display: none;
}

.aicard-allview {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: .75rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem;
  text-decoration: none;
  display: flex;
}

.aicard-allview.relative {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.aicard-allview.relative:hover {
  border-color: var(--deon-green);
  background-image: linear-gradient(#77cb1b0a, #77cb1b0a);
  box-shadow: 0 1px 20px -2px #0000002b;
}

.aicard-allview.relative {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--ai-background);
  border-color: #333;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: flex;
}

.container-all-templates {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.collection-list-wrapper-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: block;
}

.template-list-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.ai-block-copy {
  z-index: 900;
  background-color: #1d1d1d;
  background-image: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 30vw;
  margin-top: 75px;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 0 25px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: auto;
}

.navigation-item {
  z-index: 2;
  opacity: .6;
  color: #000;
  background-color: #fff;
  align-items: center;
  margin-left: .5em;
  margin-right: .5em;
  padding: 1em;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

.navigation-item:hover {
  opacity: .9;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #1875f0;
  background-color: #0000;
  font-weight: 600;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.navigation-item.logout-link {
  opacity: 1;
  color: #be0000;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-top: 1px solid #f3f3f3;
  margin-top: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.navigation-item.logout-link:hover {
  background-color: var(--rival-red);
  color: var(--white);
}

.navigation-item.dropdown-nav-item {
  letter-spacing: 2px;
  text-transform: uppercase;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-left: 0;
  margin-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.navigation-item.dropdown-nav-item:hover {
  background-color: #f0f0f0;
}

.navigation-item.profile-nav {
  opacity: 1;
  background-color: #fff0;
  margin-top: -1em;
  margin-bottom: -1em;
  margin-left: 0;
  padding-left: 0;
  font-size: 15px;
}

.webflow-diamond {
  z-index: 0;
  background-color: #fff;
  border: 1px solid #dbe2eb80;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: -5px;
  bottom: auto;
  right: 17px;
  transform: rotate(45deg);
}

.dropdown-4 {
  justify-content: flex-end;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.navigation-icon {
  text-align: right;
  width: 20px;
  margin-right: 1em;
}

.profile-pic {
  border-radius: 50%;
  max-width: 34px;
  margin-right: 0;
  overflow: hidden;
}

.nav-drop-list-padding {
  border-radius: 0;
  width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.nav-dropdown-list {
  opacity: 0;
  display: none;
  transform: translate(0, -10px);
}

.nav-dropdown-list.w--open {
  z-index: 2;
  opacity: 1;
  background-color: #fff;
  border: 1px solid #e9f2f5;
  border-radius: 0;
  width: 150px;
  min-width: 45px;
  min-height: auto;
  max-height: none;
  margin-top: 5px;
  padding-bottom: 0;
  top: 50px;
  right: 10px;
  box-shadow: 0 20px 30px -10px #2d3e501f;
}

.exam-card-container {
  flex-direction: column;
  width: 33.3333%;
  margin-left: 22px;
  margin-right: 22px;
  display: flex;
  position: relative;
}

.desktop-navigation-icon {
  cursor: pointer;
  background-color: #f7f7f7;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 40px;
  display: flex;
  position: relative;
}

.desktop-navigation-icon.active-nav {
  background-color: #4674f8;
}

.desktop-navigation-icon.bottom-nav {
  background-color: #0000;
  margin-bottom: 0;
  box-shadow: inset 0 0 0 2px #f7f7f7;
}

.bar-graph-content {
  flex-direction: column;
  margin-bottom: 20px;
  display: flex;
}

.bar-graph-content.no-bottom-margin {
  margin-bottom: 0;
}

.desktop-navigation-upgrade-bubble-link {
  color: #fff;
  text-decoration: underline;
}

.exams-container {
  flex-direction: column;
  flex: none;
  display: flex;
}

.features-card {
  background-color: var(--button-black);
  color: #fff;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  padding: 22px;
  display: flex;
  box-shadow: 0 2px 10px #8f92a10a;
}

.careousel-button {
  cursor: pointer;
  background-color: #e9e9ec;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: opacity .2s;
  display: flex;
}

.careousel-button:hover {
  opacity: .65;
}

.search-bar {
  color: #8f92a1;
  cursor: text;
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  min-width: 300px;
  height: 44px;
  margin-right: 12px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.search-bar.hidden {
  border-radius: 10rem;
}

.plus-people {
  color: #8f92a1;
  margin-left: 12px;
  line-height: 14px;
}

.discussion-heading-container {
  cursor: pointer;
  flex: none;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  margin-bottom: 80px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
}

.desktop-logo {
  cursor: pointer;
}

.desktop-navigation-upgrade-bubble-icon {
  background-color: #ffffff4d;
  border-radius: 12px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 0;
  margin-right: 20px;
  display: flex;
}

.user {
  border-radius: 12px;
  width: 34px;
  margin-right: -4px;
}

.user.green-bg {
  background-color: #77c285;
}

.user.yellow-bg {
  background-color: #fce489;
}

.user.yellow-bg.floating {
  margin-right: 0;
}

.user.red-bg {
  background-color: #e56862;
}

.user.red-bg.floating {
  margin-right: 0;
}

.user.blue-bg {
  background-color: #4674f8;
}

.user.blue-bg.floating {
  margin-right: 0;
}

.user.black-bg {
  background-color: #1e1f20;
}

.user.black-bg.floating {
  margin-right: 0;
}

.exam-card-icon {
  background-color: #77c28533;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 0;
  margin-right: 20px;
  display: flex;
}

.exam-card-icon.upgrade {
  background-color: #fff;
  flex: none;
}

.exam-card-information {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 44px;
  display: flex;
}

.desktop-navigation {
  flex-direction: column;
  align-items: center;
  padding: 44px;
  display: flex;
}

.feature-button-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.discussion-question-button {
  background-color: #f7f7f7;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
}

.float-users-two {
  justify-content: space-between;
  align-items: center;
  margin-top: -44px;
  display: flex;
}

.float-users-one {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.exam-card {
  z-index: 1;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 22px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 10px #8f92a10a;
}

.exam-card:hover {
  box-shadow: 0 2px 10px #8f92a10a;
}

.exam-card.flipping-exam-card {
  z-index: 100;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.content-7 {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: auto;
}

.exam-cards {
  margin: 0 -22px 22px;
  display: flex;
}

.lower-content {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.exam-card-score-container {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 34px;
  display: flex;
}

.template-wrapper {
  background-color: #1d1d1d;
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  min-width: auto;
  padding: 40px 0;
  display: flex;
  position: sticky;
  overflow: scroll;
}

.upgrade-quote-text-span {
  color: #1e1f20;
}

.bar-graph-information {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 12px;
  padding-top: 80px;
  padding-left: 2px;
  padding-right: 2px;
  font-weight: 700;
  display: flex;
}

.user-container {
  justify-content: flex-start;
  align-items: center;
  line-height: 14px;
  display: flex;
}

.toolbar-upgrade-button {
  color: #fff;
  cursor: pointer;
  background-color: #07090c00;
  border: 1px solid #000;
  border-radius: 12rem;
  align-items: center;
  height: 44px;
  padding-left: 18px;
  padding-right: 18px;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.toolbar-upgrade-button:hover {
  opacity: .75;
}

.toolbar-upgrade-button.hidden {
  display: none;
}

.user-name-2 {
  letter-spacing: -.03px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.page-wrapper-10 {
  width: 100vw;
  height: 100vh;
  display: flex;
}

.exam-card-button {
  color: #8f92a1;
  text-align: center;
  cursor: pointer;
  background-color: #f7f7f7;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 11px;
  margin-right: 11px;
  display: flex;
}

.exam-card-button.gain-access-button {
  color: #fff;
  background-color: #4674f8;
  transition: border-color .2s, background-color .2s;
}

.exam-card-button.gain-access-button:hover {
  color: #4674f8;
  background-color: #0000;
  box-shadow: inset 0 0 0 2px #4674f8;
}

.exam-card-button.unlock {
  color: #fff;
  background-color: #0000;
  transition: background-color .2s;
  box-shadow: inset 0 0 0 2px #fff;
}

.exam-card-button.unlock:hover {
  color: #77c285;
  background-color: #fff;
}

.exam-card-button.review {
  background-color: #0000;
  transition: box-shadow .2s;
  box-shadow: inset 0 0 0 2px #f7f7f7;
}

.exam-card-button.review:hover {
  box-shadow: inset 0 0 0 2px #4674f8;
}

.exam-card-button.retake {
  transition: background-color .2s;
}

.exam-card-button.retake:hover {
  color: #fff;
  background-color: #4674f8;
}

.search-bar-text {
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
}

.upgrade-card-close {
  cursor: pointer;
  transition: opacity .2s;
}

.upgrade-card-close:hover {
  opacity: .5;
}

.exam-card-graph-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 42%;
  height: 250px;
  max-height: 300px;
  margin-right: 40px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  position: relative;
}

.exam-card-content {
  flex-direction: column;
  display: flex;
}

.heading-102 {
  margin-right: 20px;
}

.upgrade-card-text {
  color: #ffffffbf;
  margin-bottom: 34px;
  font-size: 19px;
  font-weight: 700;
  line-height: 25px;
}

.discussion-button {
  background-color: var(--button-black);
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 12rem;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 44px;
  margin-left: 40px;
  margin-right: 40px;
  padding-left: 0;
  transition: box-shadow .2s, background-color .2s;
  display: flex;
}

.discussion-button:hover {
  color: #4674f8;
  background-color: #0000;
  box-shadow: 0 0 0 2px #4674f8;
}

.exam-card-description {
  font-weight: 700;
}

.all-features {
  flex-direction: column;
  display: flex;
}

.all-features.hidden-features {
  display: flex;
}

.exam-card-category {
  color: #8f92a1;
  font-weight: 400;
}

.exam-card-button-container {
  height: 44px;
  margin-left: -11px;
  margin-right: -11px;
  display: flex;
}

.all-features-container {
  justify-content: center;
  display: flex;
}

.progress-card-2 {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
  padding: 22px;
  display: flex;
  box-shadow: 0 2px 10px #8f92a10a;
}

.exam-card-average {
  color: #8f92a1;
}

.mobile-navigation {
  display: none;
}

.question-container {
  cursor: pointer;
  border: 2px solid #f7f7f7;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 18px;
  transition: border-color .2s;
}

.question-container:hover {
  border-color: #4674f8;
}

.question-container.active-question {
  border-width: 2px;
  border-color: #4674f8;
}

.progress-container {
  flex-direction: column;
  flex: 1;
  margin-left: 22px;
  margin-right: 22px;
  display: flex;
}

.upgrade-card-category {
  font-weight: 400;
}

.feature {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 22px;
  display: flex;
}

.feature-icon-2 {
  background-color: #ffffff4d;
  border-radius: 12px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 0;
  margin-right: 20px;
  display: flex;
}

.desktop-navigation-upgrade-bubble {
  z-index: 100;
  color: #ffffffbf;
  background-color: #4674f8;
  border-radius: 12px;
  align-items: center;
  width: 210px;
  margin-left: 60px;
  padding: 12px;
  display: flex;
  position: absolute;
  left: 0;
  box-shadow: 14px 14px 20px 10px #8f92a133;
}

.bar-graph-fill {
  background-color: var(--rival-blue);
  background-image: linear-gradient(to right, var(--deon-green), #7ddb15);
  border-radius: 20px;
  width: 77%;
  height: 100%;
}

.bar-graph-fill.reasoning {
  background-color: #1e1f20;
  width: 19%;
}

.bar-graph-fill.comprehension {
  background-color: #e56862;
  width: 45%;
}

.bar-graph-fill.biology {
  background-color: #77c285;
  width: 22%;
}

.bar-graph-fill.organic {
  background-color: #4674f8;
  width: 49%;
}

.notifications {
  color: #fff;
  cursor: pointer;
  background-color: #e56862;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-right: 12px;
  transition: opacity .2s;
  display: flex;
}

.notifications:hover {
  opacity: .75;
}

.notifications.hidden {
  background-color: #7c1315;
  border-radius: 4.6rem;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  display: none;
}

.heading-container {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 44px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
}

.upgrade-card {
  z-index: 90;
  backface-visibility: hidden;
  color: #fff;
  transform-style: preserve-3d;
  background-color: #77c285;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  height: 100%;
  padding: 22px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
  box-shadow: 0 2px 10px #8f92a10a;
}

.question {
  color: #333;
  margin-bottom: 12px;
  font-weight: 700;
}

.exam-card-score {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 34px;
}

.lower-content-container {
  flex-direction: column;
  flex: none;
  display: flex;
}

.bar-graph {
  background-color: #f7f7f7;
  border-radius: 12px;
  height: 12px;
  display: flex;
  overflow: hidden;
}

.features-card-close {
  cursor: pointer;
  transition: opacity .2s;
}

.features-card-close:hover {
  background-color: var(--underline-title);
  opacity: .5;
  border-radius: 20px;
}

.features-information-bar {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 44px;
  font-weight: 700;
  display: flex;
}

.upgrade-card-text-span {
  color: #fff;
}

.users {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.view-more-text-copy {
  flex-direction: column;
  justify-content: center;
  transition: color .2s, box-shadow .2s;
  display: flex;
}

.users-container {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.upgrade-description {
  color: #fff;
  font-weight: 700;
}

.search-icon-3 {
  margin-right: 14px;
}

.flating-users-container {
  z-index: 1;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: stretch;
  height: 44px;
  padding-left: 22px;
  padding-right: 22px;
  display: flex;
  position: absolute;
  inset: auto 0% -44px;
}

.content-container {
  flex-direction: column;
  width: 72%;
  padding: 44px;
  display: flex;
  overflow: scroll;
}

.upgrade-quote {
  color: #8f92a1;
  width: 100%;
  margin-left: -100%;
  padding-right: 22px;
  font-size: 19px;
  font-weight: 700;
  line-height: 25px;
  position: absolute;
}

.user-image {
  cursor: pointer;
  border-radius: 12px;
  margin-left: 12px;
  margin-right: 12px;
  transition: opacity .2s;
}

.user-image:hover {
  opacity: .75;
}

.user-image.hidden {
  border-radius: 4.4rem;
  width: 45px;
  height: 45px;
  display: block;
}

.donut-graph {
  opacity: .47;
  width: 100%;
  margin-top: 12px;
  padding: 15px;
  display: block;
  position: absolute;
  top: 10px;
}

.feature-button {
  color: #4674f8;
  text-align: center;
  cursor: pointer;
  background-color: #f7f7f7;
  border-radius: 12rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  margin-left: 0;
  margin-right: 0;
  transition: background-color .2s;
  display: flex;
  box-shadow: 0 0 0 2px #fff;
}

.feature-button:hover {
  color: #fff;
  background-color: #0000;
}

.content-wrapper {
  background-color: #f7f7f7;
  flex-direction: row;
  flex: 1;
  margin-left: 5%;
  display: flex;
}

.toolbar-upgrade-button-icon {
  margin-right: 8px;
}

.careousel {
  justify-content: space-between;
  margin-bottom: 44px;
  display: flex;
}

.exam-card-results-container {
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 34px;
  display: flex;
}

.exam-card-results-container.quote-interaction {
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  padding-left: 22px;
  padding-right: 22px;
  position: relative;
}

.toolbar {
  flex: none;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.features-container {
  flex-direction: column;
  width: 33.3333%;
  margin-left: 22px;
  margin-right: 22px;
  display: flex;
  overflow: hidden;
}

.exam-card-details {
  align-items: center;
  display: flex;
}

.answer {
  margin-bottom: 22px;
}

.selection-icon {
  cursor: pointer;
  transition: opacity .2s;
}

.selection-icon:hover {
  opacity: .75;
}

.desktop-navigation-container {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  margin-top: 80px;
  display: flex;
}

.text-block-78 {
  color: var(--button-black);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
  font-style: italic;
  font-weight: 800;
}

.text-block-79, .stat-numbers {
  font-family: Bebasneue, sans-serif;
  font-size: 20px;
}

.request-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: grid;
}

.paragraph-small {
  font-size: 14px;
  line-height: 20px;
}

.information_brand-link {
  display: none;
}

.form_field-label {
  color: #2b2b2b;
  margin-bottom: 6px;
  font-size: 1em;
  font-weight: 500;
}

.width-60percent {
  width: 80%;
  margin-bottom: 20px;
  line-height: 1.3em;
}

.link-2 {
  color: #000;
}

.is--second {
  color: #000;
  margin-left: 32px;
}

.button-34 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0b6dff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 18px 48px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.button-34:hover {
  background-color: #284ee7;
}

.button-34.is--secondary {
  color: #080808;
  background-color: #ededed00;
  border: 1px solid #080808;
  border-radius: 20px;
  padding: 10px 12px;
}

.button-34.mg-top-36px {
  background-color: var(--button-black);
  border-radius: 50px;
  margin-top: 36px;
  font-weight: 500;
}

.button-34.mg-top-36px:hover {
  background-color: var(--deon-green);
}

.form_section {
  background-color: #f8f8f8;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50svw;
  height: 100vh;
  margin-right: 0;
  padding: 64px;
  display: flex;
}

.button-_icon {
  margin-left: 12px;
}

.form_block {
  width: 400px;
  display: flex;
}

.form_error-message {
  background-color: #ffecec;
  border-radius: 6px;
}

.form_text-field {
  border: 1px solid #ededed;
  border-radius: 20px;
  margin-bottom: 37px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-span-8 {
  color: var(--light-outline);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--black);
  border: 1px #000;
}

.display-1 {
  margin-bottom: 40px;
  font-size: 50px;
  line-height: 62px;
}

.display-1.width-80percent {
  color: #0c0c0c;
  width: 80%;
  font-weight: 700;
}

.display-1.width-90percent {
  color: #000;
  text-align: left;
  width: 90%;
  margin-top: 150px;
  margin-bottom: 8px;
  padding-left: 0;
  padding-right: 10px;
  font-family: Bebasneue, sans-serif;
  font-weight: 700;
  line-height: 55px;
  display: block;
}

.divider {
  background-color: #ccc;
  width: 100%;
  max-width: 300px;
  height: 1px;
  margin-top: 56px;
  margin-bottom: 16px;
}

.form_success-message {
  background-color: #eaf3ff;
  border-radius: 6px;
}

.information_header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.information_section {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  padding: 40px;
  display: flex;
}

.information_section.background-color.neutral-200 {
  background-color: #fff;
  overflow: auto;
}

.information_section.background-color.neutral-200.is--footer.hide-desktop {
  display: none;
}

.information_section.background-color.neutral-200 {
  background-image: linear-gradient(0deg, #0000004f, #fff0 74%), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6608c9f29296b283f04cd05f_Triathletes-training-on-sunset-beach.jpg");
  background-position: 0 0, 100% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 20px;
  align-items: center;
  height: 800px;
  display: block;
}

.dashreturn {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  color: #667479;
  letter-spacing: 4px;
  text-transform: uppercase;
  border-bottom: 1px #e4e9ec;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  padding-bottom: 0;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: grid;
}

.dashreturn.light {
  color: #fff;
  border-bottom-color: #ffffff80;
}

.return-wrap {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.returnbutton {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
}

.dash-arrow-wrap {
  overflow: hidden;
}

.button-35 {
  background-color: var(--ai-background);
  text-align: center;
  text-transform: uppercase;
  margin-top: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.button-35:hover {
  border: 1px solid var(--neon-green);
  background-image: none;
}

.arrow-button-copy {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.showcase-section {
  height: 100vh;
  padding: 2rem;
  position: relative;
  overflow: visible;
}

.slider-component {
  z-index: 10;
  background-color: #0000;
  width: 100%;
  max-width: 1140px;
  height: 100%;
  max-height: 600px;
  position: absolute;
  inset: 50% 0% 0% 50%;
  transform: translate(-50%, -50%);
}

.background-card {
  background-image: linear-gradient(149deg, #fff6, #ffffff1a);
  border: 1px solid #ffffff1a;
  border-radius: 4px;
  width: 100%;
  max-width: 1140px;
  height: 100%;
  max-height: 600px;
  position: absolute;
  inset: 50% 0% 0% 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  box-shadow: inset 0 70px 30px 300px #0003;
}

.card-plastic {
  opacity: 1;
  width: 100%;
  height: auto;
}

.content-wrapper-video {
  background-color: #f4f8fa;
  background-image: linear-gradient(143deg, #f1f1f1, #fff 38%);
  flex: 1;
  align-self: stretch;
  width: 95vw;
  min-height: 100vh;
  margin-top: 75px;
  margin-left: 5vw;
  margin-right: 0;
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.hidden-cms-section {
  background-color: #aca13c;
  overflow: hidden;
}

.slider-dynamic-wrapper {
  height: 100%;
  position: relative;
}

.slider-dynamic-list {
  z-index: 20;
  position: relative;
}

.slider-dynamic-item {
  z-index: 25;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 1140px;
  height: 100%;
  display: flex;
  position: relative;
}

.card-star {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65465b4edc88618562a226d2_star.svg");
  background-position: 0 0;
  background-size: auto;
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

.image-30 {
  height: 100%;
}

.button-36 {
  color: #fff;
  background-color: #1a1b08;
  padding: 1rem 1.5rem;
  font-size: 1.5rem;
  text-decoration: none;
}

.button-36:hover {
  color: #f9fb93;
  background-color: #000;
}

.image-container {
  z-index: 85;
  width: 100%;
  height: auto;
  max-height: 600px;
}

.slider-this-is-copied-to-slide {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "."
  / 60% 40%;
  max-width: 1140px;
  max-height: 600px;
  margin-left: auto;
  margin-right: auto;
}

.stars-container {
  flex-direction: row;
  align-items: center;
  padding-top: .25rem;
  padding-bottom: .25rem;
  display: flex;
}

.vertical-label-container {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.image-wrapper {
  z-index: 80;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-height: 600px;
  display: flex;
  position: relative;
}

.subtitle-4 {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.75em;
}

.title {
  color: #f9fb93;
  letter-spacing: 6px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6.25rem;
  font-weight: 400;
  line-height: 1em;
}

.mobile-image-container {
  z-index: 85;
  width: 100%;
  height: auto;
  max-height: 600px;
  display: none;
}

.bottom-content {
  border-top: 1px solid #ffffff80;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  display: flex;
}

.content-wrapper-3 {
  z-index: 90;
  flex-direction: column;
  justify-content: space-around;
  max-height: 600px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: 4rem;
  display: flex;
  position: relative;
}

.price-6 {
  color: #f9fb93;
  letter-spacing: 6px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1em;
}

.vertical-label {
  opacity: .2;
  color: #fff;
  position: absolute;
  inset: 0% auto;
  transform: translate(15px)rotate(-90deg);
}

.ai-subheader {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
  display: block;
}

.text-block-81 {
  font-family: Montserrat, sans-serif;
}

.body-14 {
  margin-top: 75px;
}

.button-37 {
  cursor: pointer;
  border-radius: 100vw;
  padding: 0;
  font-weight: 500;
  transition: color .2s, box-shadow .2s, background-color .2s;
  position: relative;
}

.button-37.theme-1-fill-b {
  color: #000f1d;
  background-color: #f5f5f5;
  text-decoration: none;
  display: none;
}

.button-37.theme-1-fill-b:hover {
  background-color: #e6e6e6;
}

.button-37.theme-1-fill-b:active {
  background-color: #ccc;
}

.button-37.theme-1-fill-a {
  color: #fff;
  background-color: #0d0d0d;
  text-decoration: none;
  display: block;
}

.button-37.theme-1-fill-a:hover, .button-37.theme-1-fill-a:active {
  background-color: var(--neon-green);
}

.button-37.image-fill-a {
  color: #000f1d;
  background-color: #fff;
}

.button-37.image-fill-a:hover {
  background-color: #e9e9e9;
}

.button-37.image-fill-a:active {
  background-color: #d9d9d9;
}

.dropdown-list-3 {
  background-color: #0000;
  padding-top: 5px;
}

.dropdown-list-3.is--right {
  right: 0;
}

.container-30 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.container-30.is--huge {
  background-color: #0c0b0b00;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/683f7d18e3d0252bf1b7130f_Pattern.png");
  background-size: cover;
  flex-flow: column;
  max-width: 1830px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  display: flex;
}

.nike-wrapper {
  background-color: #f4f8fa;
  background-image: linear-gradient(143deg, #f1f1f1, #fff 38%);
  flex: 1;
  align-self: stretch;
  width: 100vw;
  min-height: 100vh;
  margin-top: 75px;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.main-wrapper-nike {
  background-color: #fff0;
  height: 150px;
  padding: 30px 20px;
}

.main-hero-copy {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
  display: block;
}

.nike-page {
  margin-right: 0;
}

.section-22 {
  background-color: #0000;
  width: 100%;
}

.slider-1-copy {
  z-index: 0;
  background-color: #0000;
  height: auto;
  position: relative;
}

.collection-list-wrapper-4-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: block;
}

.header-wrapper {
  border-top: 1px #aeb0b5;
  border-bottom: 1px solid #dbdbdb;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.mb-0 {
  margin-bottom: 0;
}

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

.container-31 {
  width: 100%;
  max-width: 1500px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.btn {
  color: #fff;
  background-color: #212121;
  border: 1px solid #0000;
  border-radius: 4px;
  margin-top: 12px;
  margin-right: 12px;
  padding: 8px 18px;
  text-decoration: none;
  transition: box-shadow .3s ease-out, border-color .3s ease-out;
  display: inline-block;
  box-shadow: inset 0 0 #0000;
}

.btn:hover {
  color: #fff;
  box-shadow: inset 0 0 0 100px #00000026;
}

.btn.btn-primary {
  background-color: #4253ff;
  border-color: #0000;
}

.btn.btn-primary.cc-dropdown {
  background-color: var(--button-black);
  border-radius: 4rem;
  margin-top: 0;
  padding: 12px 20px;
  font-family: Montserrat, sans-serif;
}

.btn.btn-primary.card-slider_nav-btn {
  background-color: #f1f1f1;
  border-radius: 4rem;
  margin-top: 0;
  margin-left: 12px;
  margin-right: 0;
  padding: 15px 20px;
}

.card-slider_item {
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  width: 350px;
  margin-left: 12px;
  margin-right: 12px;
  display: block;
}

.header-wrapper_left {
  margin-left: 20px;
  display: flex;
}

.header-wrapper_right {
  flex: 1;
  max-width: 600px;
}

.d-inline-block {
  text-transform: uppercase;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  display: inline-block;
}

.dropdown-list-4 {
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 3px 8px #00000047;
}

.dropdown-list-4.w--open {
  background-color: #fff;
}

.card-slider_nav-icon {
  color: var(--black);
  width: 10px;
  height: 18px;
}

.slick-slider, .slick-slider.cms-slider {
  margin-left: -12px;
  margin-right: -12px;
  display: flex;
}

.btn-icon {
  margin-left: 14px;
  display: inline-block;
}

.dropdown-link {
  border-bottom: 1px solid #f8f8f8;
  padding: 12px 45px 12px 18px;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.dropdown-link:hover {
  background-color: var(--deon-green);
  color: #fff;
}

.card-category {
  color: var(--button-black);
  text-transform: uppercase;
  border-radius: 5rem;
  padding: .25rem .75rem;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
  position: static;
  inset: -1rem 1.5rem auto auto;
}

.card-body {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.body-15 {
  margin-top: 75px;
}

.search-bar-2 {
  background-color: #35373b;
  align-items: center;
  padding: 6px 12px 6px 20px;
  display: flex;
}

.search-bar-2.light {
  background-color: #fff;
}

.tab {
  object-fit: fill;
  background-color: #35373b;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 14vw;
  min-width: 140px;
  height: 100%;
  margin-top: 0;
  padding-top: 2px;
  font-weight: 400;
  display: block;
  position: relative;
  overflow: hidden;
}

.tab.light {
  color: #000;
  background-color: #fff;
}

.tab.inactive {
  color: #fffc;
  background-color: #0000;
  width: 13vw;
}

.tab.inactive.light {
  color: #000c;
  background-color: #dee1e5;
}

.search__overflow-gradient {
  z-index: 2;
  background-image: linear-gradient(255deg, #34383b, #34383c 0% 60%, #34383c00);
  flex: none;
  height: 100%;
  padding-bottom: 2px;
  padding-left: 30px;
  padding-right: 12px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.search__overflow-gradient.light {
  background-image: linear-gradient(255deg, #f1f3f4, #34383c 0%, #f1f3f4 0%, #f1f3f4);
}

.denied-button {
  color: #fff;
  text-align: center;
  letter-spacing: .03em;
  background-color: #010026;
  border-radius: 8rem;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: transform .2s cubic-bezier(.645, .045, .355, 1), border-color .2s cubic-bezier(.645, .045, .355, 1), border-radius .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), background-color .2s cubic-bezier(.645, .045, .355, 1);
  display: inline-block;
  position: relative;
  top: 0;
  box-shadow: 1px 1px 5px #ffffff40, 0 10px 20px -5px #2d3e504d;
}

.denied-button:hover {
  background-color: var(--deon-green);
  box-shadow: none;
  color: #fff;
  transform: translate(0, 2px);
}

.denied-button:active {
  background-color: #0a3092;
}

.icon__back-arrow {
  filter: invert();
  border-radius: 50%;
  width: 16px;
  margin-right: 16px;
  padding: 0;
  transition: opacity .2s;
  display: block;
}

.icon__back-arrow:hover {
  opacity: .5;
  filter: invert();
}

.icon__back-arrow.dark {
  filter: none;
}

.denied-page {
  color: #010026;
  background-color: #fff;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  min-height: 100vh;
  padding-top: 70px;
  padding-bottom: 70px;
  line-height: 1.7em;
  display: flex;
  overflow: hidden;
}

.tab-divider {
  z-index: 6;
  opacity: .2;
  background-color: #fff;
  width: 1px;
  height: 20px;
  margin-right: 1px;
  position: absolute;
  inset: 24% 0% auto auto;
}

.tab-divider.dark {
  background-color: #000;
  top: 14%;
}

.space {
  width: 10px;
  height: 10px;
}

.space.is-20 {
  width: 20px;
  height: 20px;
}

.gumdrops__wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 6px 20px 6px 24px;
  display: flex;
  overflow: hidden;
}

.tab__close-wrapper {
  z-index: 2;
  background-image: linear-gradient(255deg, #34383b, #34383c 0% 60%, #34383c00);
  flex: none;
  height: 100%;
  padding-bottom: 2px;
  padding-left: 30px;
  padding-right: 12px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.tab__close-wrapper.inactive {
  background-image: linear-gradient(255deg, #1e2325, #1e2325 0% 60%, #1e232500);
}

.tab__close-wrapper.inactive.light {
  background-image: linear-gradient(255deg, #dee1e6, #dee1e6 0% 60%, #dee1e6);
}

.tab__close-wrapper.light {
  background-image: linear-gradient(255deg, #fff, #fff 0% 60%, #fff0);
}

.flex-row {
  align-items: center;
  display: flex;
}

.inactive-tab__wrapper {
  align-items: center;
  height: 100%;
  display: flex;
}

.denied-button-flex {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.icon__forward-arrow {
  filter: invert();
  width: 14px;
  margin-right: 16px;
  display: block;
}

.icon__forward-arrow.inactive {
  opacity: .4;
  width: 16px;
  padding: 0;
}

.icon__forward-arrow.inactive.dark {
  filter: none;
}

.active-tab__wrapper {
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.browser__wrapper {
  background-color: #1e2225;
  border-radius: 12px;
  flex: 1;
  margin-right: -37px;
  overflow: hidden;
  box-shadow: -6px 60px 30px -40px #00000080;
}

.browser__wrapper.light {
  transform-origin: 0 0;
  background-color: #fff;
  min-width: 1200px;
  max-width: 800px;
  max-height: 542px;
  margin-top: 20vh;
  margin-right: -37px;
  font-size: 11px;
  position: absolute;
  left: 0;
  transform: scale(.7);
  box-shadow: -6px 60px 30px -40px #00000029;
}

.browser__wrapper.size {
  max-width: 800px;
  max-height: 542px;
}

.new-tab__icon {
  opacity: .8;
  filter: invert();
  width: 12px;
}

.new-tab__icon.dark {
  filter: none;
}

.denied-link {
  grid-column-gap: 8px;
  color: #010026;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  display: flex;
}

.tab-list__wrapper {
  flex: 1;
  height: 100%;
  padding-top: 8px;
  padding-left: 12px;
}

.denied-content {
  z-index: 2;
  max-width: 400px;
  margin-left: 25px;
  padding: 50px;
  position: relative;
}

.tab-bar {
  background-color: #dee1e6;
  align-items: flex-start;
  height: 38px;
  display: flex;
}

.insert-website-here {
  align-items: flex-start;
  min-height: 400px;
  display: flex;
  overflow: hidden;
}

.tab__wrapper {
  height: 100%;
  display: flex;
}

.denied-button-svg {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.new-tab {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  margin-left: 4px;
  padding: 6px;
  display: flex;
}

.new-tab:hover {
  background-color: #fff;
  border-radius: 50%;
}

.search__input {
  color: #fff6;
  background-color: #1e2225;
  border: 1px #000;
  border-radius: 100px;
  flex: 1;
  align-items: center;
  height: 32px;
  margin-bottom: 0;
  padding: 6px 6px 6px 8px;
  font-weight: 400;
  line-height: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.search__input.light {
  color: #0006;
  background-color: #f1f3f4;
}

.search__value {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
}

.search__value-wrapper {
  width: 200%;
}

.tab__close {
  opacity: .8;
  filter: invert();
  width: 8px;
}

.tab__close.active {
  opacity: 1;
}

.tab__close.active.dark {
  filter: none;
}

.tab__close.inacvtive {
  transition: opacity .2s;
}

.tab__close.inacvtive:hover {
  opacity: .5;
}

.tab__close.inacvtive.dark {
  filter: none;
}

.icons-list__wrapper {
  flex: none;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.tab__label {
  z-index: 1;
  flex: 1;
  align-items: center;
  width: 200px;
  padding-bottom: 4px;
  padding-left: 12px;
  display: flex;
  position: relative;
}

.favicon {
  flex: none;
  width: 20px;
  margin-right: 12px;
}

.icon__refresh {
  filter: invert();
  border-radius: 0%;
  width: 16px;
  margin-right: 0;
  padding: 0;
  transition: opacity .2s;
  display: block;
}

.icon__refresh:hover {
  opacity: .5;
}

.icon__refresh.dark {
  filter: none;
}

.tab__curve {
  width: 12px;
  max-width: none;
}

.gumdrop {
  background-color: #ffd9d9;
  border-radius: 50%;
  flex: none;
  width: 12px;
  height: 12px;
}

.gumdrop.minimize {
  background-color: #f4be4f;
  margin-right: 6px;
}

.gumdrop.close {
  background-color: #ed6a5d;
  margin-right: 6px;
}

.gumdrop.maximize {
  background-color: #61c454;
}

.intro-subheader {
  align-items: center;
  display: flex;
}

.text-block-83 {
  color: var(--deon-green);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.text-block-84 {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-left: 4px;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-style: italic;
  font-weight: 300;
}

.heading-103 {
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  line-height: 38px;
}

.text-block-85 {
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
}

.text-block-86 {
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 800;
}

.return2dash {
  grid-column-gap: 8px;
  color: #010026;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  display: flex;
}

.profile-editing-subtext {
  color: #667479;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.text-block-87 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.edit-profile-button {
  color: var(--button-black);
  text-align: center;
  cursor: pointer;
  background-color: #0b6dff00;
  border: 1px solid #000;
  border-radius: 6rem;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 18px 48px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.edit-profile-button:hover {
  background-color: #284ee7;
}

.edit-profile-button.is--secondary {
  color: #080808;
  background-color: #ededed00;
  border: 1px solid #080808;
  border-radius: 20px;
  padding: 10px 12px;
}

.edit-profile-button.mg-top-36px {
  background-color: var(--button-black);
  border-radius: 50px;
  margin-top: 36px;
  font-weight: 500;
}

.edit-profile-button.mg-top-36px:hover {
  background-color: var(--deon-green);
}

.publicpro-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: grid;
}

.publicpro-content-wrapper {
  background-color: #f4f8fa;
  background-image: linear-gradient(143deg, #f1f1f1, #fff 38%);
  flex: 1;
  align-self: stretch;
  width: 100%;
  min-height: 100vh;
  margin-top: 75px;
  margin-left: 5vw;
  margin-right: 0;
  padding: 10px 30px 30px 40px;
  position: static;
  overflow: hidden;
}

.profile-display {
  background-color: #f8f8f8;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50svw;
  height: 100vh;
  margin-right: 0;
  padding: 64px;
  display: flex;
}

.person-wrap {
  background-color: var(--ai-background);
  border: 1px solid #333;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
}

.person-wrap:hover {
  background-image: linear-gradient(#00000005, #ffffff0f);
  box-shadow: 0 0 #000;
}

.profile-pic-2 {
  border: 1.5px solid var(--neon-green);
  object-fit: cover;
  border-radius: 50px;
  width: 75px;
  height: 75px;
  padding: 5px;
}

.h3-4 {
  color: var(--light-grey-background);
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 800;
}

.text-block-88 {
  color: var(--dark-outline);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
}

.body_pro-network {
  margin-top: 0;
}

.section--hero {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 5% 60px;
  display: flex;
  overflow: hidden;
}

.pro-network-h1 {
  color: #000;
  letter-spacing: -.03em;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
}

.button-38 {
  background-color: var(--button-black);
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 15px 35px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-38:hover {
  background-color: var(--neon-green);
  box-shadow: none;
}

.paragraph-17 {
  opacity: .9;
  color: #000;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.container-32 {
  width: 100%;
  max-width: 1100px;
  margin-top: 20px;
  overflow: hidden;
}

.spacer-30-3 {
  width: 100%;
  height: 30px;
}

.subheader-3 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.subheader-3.text-brand {
  color: var(--top-subtxt);
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.tabs-content-4 {
  padding-top: 40px;
  overflow: visible;
}

.tabs-content-4.no-padding {
  padding-top: 0;
}

.paragraph_small-2 {
  color: #000;
  min-height: auto;
  margin-bottom: 0;
  font-weight: 400;
}

.price-card_name-2 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 800;
  line-height: 38px;
}

.tabs_link-blue-2 {
  color: #000;
  background-color: #0000;
  border: 1px #0000;
  border-radius: 10px;
  width: 200px;
  padding: 12px 0;
  font-weight: 600;
  display: none;
}

.tabs_link-blue-2.w--current {
  color: #434de7;
  background-color: #f5f5f5;
  border: 1px #434de7;
  border-radius: 10rem;
  padding-top: 12px;
  padding-bottom: 12px;
}

.button-39 {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-39:hover {
  box-shadow: none;
  background-color: #000;
}

.button-39.outline {
  color: #434de7;
  background-color: #fff;
  border: 2px solid #434de7;
  padding-left: 25px;
  padding-right: 25px;
}

.button-39.outline:hover {
  color: #000;
  border-color: #000;
}

.button-39.outline.in-pricing {
  border-color: var(--button-black);
  color: var(--button-black);
  -webkit-text-stroke-color: var(--button-black);
  background-color: #1d1d1d00;
  font-family: Montserrat, sans-serif;
}

.button-39.outline.in-pricing:hover {
  border-color: var(--deon-green);
  color: var(--white);
  -webkit-text-stroke-color: var(--deon-green);
}

.button-39.in-pricing {
  background-color: var(--button-black);
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.button-39.in-pricing:hover {
  background-color: var(--deon-green);
}

.pricing-card-2 {
  background-color: #fff;
  border: 1px solid #f2f3ff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 32px 25px;
  display: flex;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.tabs_menu-spacing-2 {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 8px;
  display: inline-block;
}

.spacer-20-3 {
  width: 100%;
  height: 20px;
}

.container-33 {
  width: 100%;
  max-width: 1100px;
}

.price-7 {
  color: #000;
  margin-top: 40px;
  font-family: Bebasneue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

.frequency-2 {
  opacity: .6;
  color: #000;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
}

.table_field-empty-2 {
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  height: 65px;
}

.grid_outer-chart-2 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #f2f3ff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.table-field-2 {
  color: #b7bbd1;
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.table-field-2.featured {
  color: #434de7;
  background-color: #e0e0e0;
}

.table-wrap-2 {
  opacity: .85;
  border: 1px solid #f2f3ff;
  border-radius: 0;
  width: 100%;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.table_field-title-2 {
  color: #000;
  text-align: left;
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 75px;
  padding: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  display: flex;
}

.section-24 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 5%;
  display: block;
}

.pricing-field_sticky-2 {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.pricing-field_sticky-2.end {
  color: var(--black-2);
  background-color: #e6e6e6;
  border-radius: 0;
}

.pricing-field_sticky-2.middle {
  background-color: #fff;
}

.h2-4 {
  color: #000;
  letter-spacing: -.05px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1;
}

.text-pop-3 {
  color: var(--black-2);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.table_pricing-field-2 {
  background-color: #000;
  border-top-right-radius: 5px;
  padding-top: 0;
}

.paragraph-18 {
  opacity: .9;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.text_grid-header-2 {
  color: #000;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.container-34 {
  width: 100%;
  max-width: 1100px;
}

.icon-3 {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  overflow: hidden;
}

.table_grid-sticky-2 {
  z-index: 3;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  color: #edf1fd;
  background-color: #f2f3ff;
  border-bottom: 1px solid #f2f3ff;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 5px;
  padding-top: 0;
  position: sticky;
  top: 0;
}

.account-settings-box {
  background-color: #fff;
  border-bottom: 1px #dbdbdb;
  flex-direction: column;
  margin-bottom: 0;
  display: flex;
}

.heading-104 {
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
}

.div-block-64 {
  display: flex;
}

.togglebutton {
  background-color: #e9e9e9;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 55px;
  height: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.buttontoggle {
  z-index: 2;
  background-color: #fff;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  position: relative;
  box-shadow: 0 1px 3px #0003;
}

.text-block-29 {
  color: #616161;
  margin-left: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
}

.account-settings-box-2 {
  background-color: #fff;
  border-bottom: 1px #dbdbdb;
  flex-direction: column;
  margin-bottom: 64px;
  display: flex;
}

.heading-105 {
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
}

.div-block-65 {
  display: flex;
}

.text-block-89 {
  color: #616161;
  margin-left: 30px;
  font-size: 16px;
}

.checkbox-field {
  align-items: center;
  margin-bottom: 0;
  font-size: 26px;
  line-height: 26px;
  display: flex;
}

.checkbox-2 {
  background-color: #e4e3e3;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/654823c3080394f78341866f_black-circle.svg");
  background-position: 3px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-color: #f0f0f0;
  border-radius: 20px;
  width: 52px;
  height: 26px;
  margin-top: 2px;
  margin-right: 20px;
}

.checkbox-2.w--redirected-checked {
  background-color: #c3f0ca;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/654823c3080394f78341866f_black-circle.svg");
  background-position: 28px;
  background-size: 20px;
  border-color: #8bc794;
}

.checkbox-label-2 {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.upgrade-page {
  margin-right: 0;
}

.upgrade-wrapper {
  background-color: #f4f8fa;
  background-image: linear-gradient(143deg, #f1f1f1, #fff 38%);
  flex: 1;
  align-self: stretch;
  width: 95vw;
  min-height: 100vh;
  margin-top: 75px;
  margin-left: 5vw;
  margin-right: 0;
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.nav-links {
  margin-left: 50px;
}

.nav-link-4 {
  color: #111828;
  border-bottom: 1px solid #11182800;
  margin-right: 30px;
  text-decoration: none;
  transition: border .2s;
}

.nav-link-4:hover {
  border-bottom-color: #111828;
}

.nav-link-4.last {
  margin-right: 0;
}

.price-label {
  color: var(--deon-green);
}

.card-bot {
  padding: 40px 30px;
}

.nav-button {
  color: #fff;
  background-color: #111828;
  border: 1px solid #111828;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 45px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.nav-button:hover {
  color: #111828;
  background-color: #fff;
}

.switch {
  border: 1px solid #1118284d;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 280px;
  height: 57px;
  padding: 2px;
  display: flex;
  position: relative;
}

.nav-wrap-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.monthly-wrap {
  background-color: var(--button-black);
  color: #fff;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  padding: 10px;
  display: flex;
}

.white {
  color: #fff;
}

.nav-2 {
  z-index: 9999;
  background-color: #fff;
  border-bottom: 1px solid #1118284d;
  align-items: center;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: sticky;
  top: 0;
}

.card-top {
  border-bottom: 1px solid #1118284d;
  padding: 40px 30px;
}

.card-top.white {
  border-bottom-color: #ffffff4d;
}

.switcher {
  z-index: -1;
  background-color: #111828;
  border-radius: 8px;
  width: 140px;
  height: 50px;
  position: absolute;
}

.mb-5-2 {
  margin-bottom: 2px;
}

.containter {
  width: 100%;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.tabs-menu-2 {
  display: none;
}

.login-wrap {
  align-items: center;
  display: flex;
}

.shadow-2 {
  display: none;
}

.popular {
  color: #111828;
  background-color: #adff14;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 30px;
  font-size: 13px;
  display: flex;
}

.green {
  color: #adff14;
}

.button-40 {
  color: #fff;
  white-space: nowrap;
  background-color: #111828;
  border: 1px solid #111828;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  text-decoration: none;
  display: flex;
}

.button-40.transparent {
  color: #111828;
  background-color: #fff;
  border-color: #1118284d;
  transition: color .2s, background-color .2s;
}

.button-40.transparent:hover {
  background-color: #11182880;
  border-color: #111828b3;
}

.button-40.transparent.blue:hover {
  color: #fff;
  background-color: #0000;
  border-color: #ffffffb3;
}

.button-40.mb-10 {
  margin-bottom: 10px;
  transition: color .2s, border-color .2s, background-color .2s;
}

.button-40.mb-10:hover {
  color: #111828;
  background-color: #adff14;
  border-color: #adff14;
}

.button-40.green {
  color: #111828;
  background-color: #adff14;
}

.button-40.green.mb-10 {
  border-color: #adff14;
}

.button-40.green.mb-10:hover {
  background-color: #fff;
  border-color: #fff;
}

.annual-wrap {
  cursor: pointer;
  margin-right: 5px;
  padding: 10px;
}

.content-heading-2 {
  width: 100%;
  max-width: 540px;
  margin-bottom: 40px;
}

.capitalize {
  text-transform: uppercase;
}

.capitalize.mb-10 {
  color: var(--white);
  text-align: left;
  margin-bottom: 10px;
  font-size: 30px;
}

.content-8 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.cards-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.features {
  border-bottom: 1px solid #d4d4d47a;
  margin-bottom: 30px;
}

.card-price {
  grid-column-gap: 10px;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.card-buttons {
  margin-top: 30px;
}

.switch-wrap {
  margin-bottom: 60px;
}

.card-3 {
  border: 1px solid #1118284d;
  border-radius: 10px;
  width: 100%;
}

.card-3.blue {
  background-color: #111828;
}

.nav-menu-4 {
  grid-column-gap: 50px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hamburger-3 {
  display: none;
}

.check-line {
  grid-column-gap: 15px;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.check-line.last {
  margin-bottom: 0;
}

.card-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.upgrade-h1-price {
  color: var(--white);
  font-family: Bebasneue, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.paragraph-19 {
  margin-bottom: 0;
}

.paragraph-20 {
  font-style: normal;
  font-weight: 400;
}

.paragraph-button {
  margin-bottom: 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.content-heading-3 {
  text-align: center;
  width: 100%;
  max-width: 700px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.card-bg {
  background-color: #c4c4c4;
  border-radius: 8px;
}

.card-bg.green {
  background-color: #00b894;
}

.card-bg.purple {
  background-color: #9b51e0;
}

.tabs-menu-3 {
  display: block;
}

.checks-wrap {
  margin-bottom: 30px;
}

.card-check-2 {
  grid-column-gap: 10px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.card-check-2.last {
  margin-bottom: 0;
}

.container-35 {
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.switch-2 {
  cursor: pointer;
  background-color: #d8d8d8;
  border-radius: 50px;
  align-items: center;
  width: 40px;
  height: 25px;
  padding: 2px;
  display: flex;
}

.card-4 {
  z-index: 10;
  border-style: solid;
  border-width: 8px 1px 1px;
  border-color: var(--button-black) #f0f0f0 #f0f0f0;
  background-color: #fbfbfb;
  border-radius: 8px;
  width: 100%;
  padding: 30px;
  box-shadow: 0 2px 5px -2px #0003;
}

.card-4.green {
  border-top-color: var(--deon-green);
  background-color: #fff;
}

.card-4.purple {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background-color: #22222208;
  border: 1px #000;
}

.p-30 {
  color: #000;
  font-size: 30px;
  font-weight: 600;
}

.p-16 {
  font-size: 16px;
}

.p-16.mb-30 {
  color: var(--white);
  text-align: left;
  margin-bottom: 30px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.card-button {
  color: #4f4f4f;
  white-space: nowrap;
  background-color: #e0e0e0;
  border: 1px solid #0000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  padding: 10px 20px;
  text-decoration: none;
  transition: border-color .2s, color .2s, background-color .2s;
  display: flex;
}

.card-button:hover {
  background-color: #0000;
  border-color: #4f4f4f;
}

.card-button.green {
  border-color: var(--button-black);
  color: var(--button-black);
  background-color: #6cba1600;
  font-family: Montserrat, sans-serif;
  position: relative;
}

.card-button.green:hover {
  background-color: var(--deon-green);
  color: var(--white);
  border-color: #00b894;
}

.card-button.purple {
  border-color: var(--neon-green);
  color: var(--button-black);
  background-color: #9b51e000;
  flex-direction: column;
  position: relative;
}

.card-button.purple:hover {
  border-color: var(--deon-green);
  background-color: var(--deon-green);
  color: var(--white);
}

.card-top-2 {
  margin-bottom: 30px;
}

.mb-15 {
  color: var(--deon-green);
  letter-spacing: -.03px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 800;
}

.switch-circle {
  background-color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 21px;
}

.section-25 {
  padding-top: 0;
  padding-bottom: 140px;
}

.grey-p {
  color: var(--white);
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
}

.grey-p.emphasis {
  margin-bottom: 0;
  font-weight: 600;
}

.switch-wrap-2 {
  grid-column-gap: 15px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: none;
}

.cards-wrap-2 {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding: 20px;
  display: grid;
}

.content-wrap-2 {
  z-index: 10;
  position: relative;
}

.h1-upgrade-page {
  letter-spacing: -.05px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.proh1-level {
  color: var(--white);
  text-align: left;
  letter-spacing: -.03px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 800;
}

.mb-15-copy {
  color: var(--deon-green);
  margin-bottom: 15px;
}

.paragraph-21 {
  color: var(--button-black);
}

.starter-text-top {
  color: var(--button-black);
  margin-bottom: 2px;
}

.starter-text-bottom {
  color: var(--button-black);
}

.pro-text-top {
  color: var(--button-black);
  margin-bottom: 2px;
}

.pro-text-bottom {
  color: var(--light-grey-background);
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 500;
  line-height: 14.5px;
}

.elite-text-top {
  color: var(--button-black);
  margin-bottom: 2px;
}

.elite-text-bottom {
  color: var(--button-black);
}

.paragraph-22 {
  color: #333;
}

.paragraph-23 {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 800;
}

.paragraph-24 {
  margin-bottom: 0;
}

.upgrade-h1-elite-price {
  color: var(--button-black);
  font-family: Bebasneue, sans-serif;
  font-size: 40px;
  font-weight: 400;
  display: none;
}

.link-block-10 {
  text-decoration: none;
}

.your-plan {
  border: 0px none var(--deon-green);
  background-color: var(--deon-green);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  margin: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-block-90 {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.text-block--pro-upgrade {
  background-image: linear-gradient(108deg, var(--rival-blue), #296cca);
  color: var(--deon-green);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.text-block-91 {
  margin-top: 40px;
  padding-left: 40px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
}

.elite-icon-subtext, .box-icon-subtext {
  color: var(--button-black);
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-block-92 {
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.slide_item {
  z-index: 3;
  flex: none;
  width: 48%;
  padding-right: 1.3em;
  transition: transform .35s;
  position: relative;
}

.slide_arrows {
  align-items: center;
  padding-top: 2.4em;
  display: flex;
}

.slide_contain {
  width: 100%;
}

.section-26 {
  position: relative;
  overflow: hidden;
}

.slide_svg {
  width: 2em;
  height: 2em;
}

.slide_svg.is--flip {
  transform: rotate(-180deg);
}

.slide_arrow {
  color: #1c1d21;
  cursor: pointer;
  background-color: #d2e9ec;
  border-radius: 200vw;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  margin-right: .8em;
  display: flex;
}

.slide_wrap {
  width: 100%;
}

.slide_list {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.container-36 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 7.7em 10em;
}

.text-block-93 {
  font-family: Montserrat, sans-serif;
  font-size: 14.5px;
}

.pricing-subtext {
  color: #3f4246;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.pricing-card-info {
  text-align: left;
  margin-top: 60px;
}

.nav-1-menu-2 {
  z-index: 99;
  float: none;
  background-color: #0000;
  position: static;
}

.button-41 {
  cursor: pointer;
  border-radius: 100vw;
  padding: 0;
  font-weight: 500;
  transition: color .2s, box-shadow .2s, background-color .2s;
  position: relative;
}

.button-41.theme-1-fill-b {
  color: #000f1d;
  background-color: #f5f5f5;
}

.button-41.theme-1-fill-b:hover {
  background-color: #e6e6e6;
}

.button-41.theme-1-fill-b:active {
  background-color: #ccc;
}

.button-41.theme-1-fill-a {
  color: #fff;
  background-color: #111;
}

.button-41.theme-1-fill-a:hover {
  background-color: #404040;
}

.button-41.theme-1-fill-a:active {
  background-color: #595959;
}

.nav-1-menu-3 {
  z-index: 99;
  float: none;
  background-color: #0000;
  position: static;
}

.button-42 {
  cursor: pointer;
  border-radius: 100vw;
  padding: 0;
  font-weight: 500;
  transition: color .2s, box-shadow .2s, background-color .2s;
  position: relative;
}

.button-42.theme-1-fill-b {
  color: #000f1d;
  background-color: #f5f5f5;
}

.button-42.theme-1-fill-b:hover {
  background-color: #e6e6e6;
}

.button-42.theme-1-fill-b:active {
  background-color: #ccc;
}

.button-42.theme-1-fill-a {
  color: #fff;
  background-color: #111;
}

.button-42.theme-1-fill-a:hover {
  background-color: #404040;
}

.button-42.theme-1-fill-a:active {
  background-color: #595959;
}

.ths14-menu-link-number {
  color: #f5f5f5a6;
  font-size: 15px;
  line-height: 20px;
  position: absolute;
  inset: 0% auto auto 20px;
}

.ths14-menu {
  z-index: 9;
  margin-top: 120px;
  margin-left: 120px;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.ths14-menu-secondary-links-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.ths14-menu-link {
  color: #f5f5f5;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 70px;
  font-weight: 400;
  line-height: 70px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ths14-menu-contact-info {
  overflow: hidden;
}

.ths14-menu-block {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 50%;
  height: 100%;
  padding: 70px 100px;
  display: flex;
}

.ths14-menu-links-inner-block {
  flex-direction: column;
  align-items: flex-end;
  width: 50%;
  display: flex;
  position: relative;
}

.ths14-menu-links {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.ths14-menu-secondary-link {
  color: #f5f5f5;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.ths14-menu-contact-info-text {
  color: #f5f5f5;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.ths14-menu-social-link-hover-text {
  position: absolute;
}

.ths14-menu-contact-link {
  color: #f5f5f5cc;
  letter-spacing: .5px;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  display: block;
}

.ths14-menu-contact-link:hover {
  font-weight: 500;
}

.ths14-menu-blocks-wrapper {
  background-color: #171717;
  width: 100%;
  height: 100%;
  display: flex;
}

.ths14-menu-links-title {
  color: #f5f5f599;
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.ths14-color-switch-btn-hover-circle {
  background-color: #171717;
  border: 2px solid #171717;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: auto -32px 0% auto;
}

.ths14-scroll-arrow-icon-white {
  width: 20px;
  position: absolute;
  transform: rotate(180deg);
}

.ths14-color-switch-btn-circle {
  border: 2px solid #171717;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ths14-color-switch-btn-text {
  flex: none;
}

.ths14-color-switch-btn-text.ths14-white {
  color: #f5f5f5;
  position: absolute;
  inset: 0%;
}

.ths14-menu-icon-wrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
}

.ths14-color-switch-text-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
  transform: rotate(-90deg);
}

.ths14-scroll-arrow-icon-black {
  z-index: 1;
  width: 20px;
  position: relative;
  transform: rotate(180deg);
}

.ths14-side-nav {
  z-index: 9;
  border-right: 2px solid #1717171a;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 120px;
  padding-bottom: 40px;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.ths14-side-nav-scroll-link {
  color: #171717;
  letter-spacing: 4px;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  transform: rotate(-90deg);
}

.ths14-color-switch-btn {
  z-index: 4;
  color: #171717;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.section-27 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/653b034b5ac0f0a249c2a19f_hero.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 1444px;
  height: 600px;
}

.clone-menu-wrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
}

.clone-menu {
  z-index: 9;
  margin-top: 120px;
  margin-left: 120px;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.button-43 {
  cursor: pointer;
  border-radius: 100vw;
  padding: 0;
  font-weight: 500;
  transition: color .2s, box-shadow .2s, background-color .2s;
  position: relative;
}

.button-43.theme-1-fill-b {
  color: #000f1d;
  background-color: #f5f5f5;
}

.button-43.theme-1-fill-b:hover {
  background-color: #e6e6e6;
}

.button-43.theme-1-fill-b:active {
  background-color: #ccc;
}

.button-43.theme-1-fill-a {
  color: #fff;
  background-color: #111;
}

.button-43.theme-1-fill-a:hover {
  background-color: #404040;
}

.button-43.theme-1-fill-a:active {
  background-color: #595959;
}

.navmenu__dropdown-section-link-2 {
  color: #1b1b1b;
  text-decoration: none;
  display: flex;
}

.navmenu__dropdown-section-link-2:hover, .navmenu__dropdown-section-link-2:focus {
  color: #4353ff;
}

.navmenu__beta-tag {
  clear: left;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
}

.sr-only {
  white-space: nowrap;
  border: 0 solid #0000;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  position: absolute;
  overflow: hidden;
}

.navmenu__dropdown-section-link-heading-2 {
  margin-right: 8px;
  line-height: 1.5;
}

.navmenu__dropdown-right-2 {
  grid-column-gap: 80px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .4fr;
  padding-top: 40px;
  padding-bottom: 52px;
}

.navmenu__dropdown-banner-link {
  background-color: #fafafa;
  border-left: 1px solid #e4e4e4;
  margin-bottom: 40px;
  text-decoration: none;
}

.navmenu__dropdown-section-link-description {
  color: #666;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
}

.navmenu__section-link-row {
  color: #1b1b1b;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: -1px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.navmenu__section-link-row:hover {
  color: #4353ff;
}

.navmenu__section-link-row.cc-last {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.navmenu__section-link-row.cc-first {
  border-top-style: none;
  border-top-width: 0;
  padding-top: 0;
}

.navmenu__banner-image {
  width: 100%;
}

.link-list__dropdown-wrapper-2 {
  align-items: center;
  font-weight: 500;
  display: flex;
  position: static;
}

.navmenu__col-1-list-2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.link-list__dropdown-icon {
  align-self: center;
  align-items: center;
  margin-left: 8px;
  margin-right: 0;
  display: flex;
  position: relative;
}

.navmenu__dropdown-section-list-2 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-bottom: 0;
  display: grid;
}

.link-list__dropdown-toggle {
  color: #1b1b1b;
  align-items: center;
  height: 100%;
  padding: 16px 0;
  transition: box-shadow .2s, color .2s;
  display: flex;
}

.link-list__dropdown-toggle:hover {
  color: #4353ff;
  box-shadow: inset 0 -3px #4353ff;
}

.link-list__dropdown-toggle.w--open {
  box-shadow: inset 0 -3px #4353ff;
}

.navmenu__link-list-2 {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.navmenu__dropdown-list {
  margin-bottom: 0;
}

.link-list__link {
  color: #1b1b1b;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .2s, color .2s;
  display: flex;
}

.link-list__link:hover {
  color: #4353ff;
  box-shadow: inset 0 -3px #4353ff;
}

.navmenu__dropdown-2 {
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.navmenu__dropdown-2.w--open {
  max-height: 90vh;
  overflow: auto;
}

.navmenu__dropdown-left-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  padding-bottom: 52px;
  padding-right: 60px;
  display: grid;
}

.navmenu__dropdown-block {
  background-color: #fafafa;
  border-left: 1px solid #e4e4e4;
  flex: 0 0 34%;
  padding-left: 60px;
}

.navmenu__content-block-overlay {
  background-color: #fafafa;
}

.navmenu__dropdown-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(auto, 1280px) 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch;
  width: 100%;
  display: grid;
}

.link-list__list-item {
  margin-right: 32px;
  display: flex;
}

.navmenu__dropdown-section-heading {
  color: #666;
  text-transform: uppercase;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 28px;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
}

.navbar3_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.button-44 {
  color: #0000;
  text-align: center;
  background-color: #0000;
  border: 1px solid #0000;
  padding: .75rem 1.5rem;
}

.button-44.is-navbar3-button {
  margin-left: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.navbar3_tablet-menu-button {
  color: #0000;
  background-color: #000;
  border: 1px solid #0000;
  margin-left: 1rem;
  padding: .5rem 1.5rem;
  display: none;
}

.navbar3_menu-button {
  padding: 0;
}

.dropdown-chevron {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: none;
}

.navbar3_logo-link-menu {
  padding-left: 0;
  display: none;
}

.navbar3_menu-dropdown {
  z-index: 9999;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.navbar3_dropdown-list.w--open {
  background-color: #fff;
  border: 1px #000;
  border-bottom-right-radius: 10px;
  padding: 10px 0 8px;
  display: none;
  position: absolute;
  box-shadow: 0 5px 20px 1px #0000001a;
}

.navbar3_logo {
  width: 100px;
  display: none;
}

.navbar3_link {
  margin-left: 0;
  margin-right: 0;
  padding: .5rem 1rem;
}

.navbar3_link.w--current {
  color: #0000;
}

.navbar3_logo-link {
  padding-left: 0;
}

.navbar3_menu-background {
  display: none;
  position: static;
}

.navbar3_dropdown-link {
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: .5rem 1rem;
  font-family: Bebasneue, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.navbar3_dropdown-link:hover {
  background-color: #f3f3f3;
  border-radius: 10px;
}

.navbar3_dropdown-link.w--current {
  color: #0000;
}

.navbar3_menu {
  background-color: #c8c8c800;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: static;
}

.navbar3_dropdown-toggle {
  grid-column-gap: .5rem;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.navbar3_dropdown-toggle.w--open {
  z-index: 9999;
}

.navbar3_component {
  z-index: 99999;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #ffffff24;
  border-bottom: 1px #0000;
  align-items: center;
  width: 100%;
  min-height: 3.8rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
  top: 0;
}

.text-block-94 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.finalnav {
  z-index: 9999;
  background-color: #08080800;
  position: fixed;
  inset: 0% 0% auto;
}

.menu-spacer {
  height: 40px;
}

.navbar3_dropdown-login {
  letter-spacing: 4px;
  text-transform: uppercase;
  border-top: 1px solid #e4e4e4;
  padding: .5rem 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

.navbar3_dropdown-login:hover {
  background-color: #6cba161a;
}

.navbar3_dropdown-login.w--current {
  color: #0000;
}

.mobile-menu-button, .mobile-menu-wrap {
  display: none;
}

.burgermenu--mobile {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: auto;
  display: flex;
}

.mobile-menu-button-dash {
  display: none;
}

.mobile-button {
  padding: 0;
  display: none;
}

.mobile-button.w--open {
  background-color: #c8c8c800;
  display: none;
}

.button-45 {
  color: #0000;
  text-align: center;
  background-color: #0000;
  border: 1px solid #0000;
  padding: .75rem 1.5rem;
}

.button-45.is-navbar3-button {
  margin-left: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.navbar3_tablet-menu-button-2 {
  color: #0000;
  background-color: #000;
  border: 1px solid #0000;
  margin-left: 1rem;
  padding: .5rem 1.5rem;
  display: none;
}

.dropdown-chevron-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.navbar3_menu-dropdown-2 {
  margin-left: 0;
  margin-right: 0;
}

.navbar3_dropdown-list-2.w--open {
  background-color: #fff;
  border: 1px solid #000;
  padding: 8px;
  position: absolute;
}

.navbar3_dropdown-link-2 {
  padding: .5rem 1rem;
}

.navbar3_dropdown-link-2.w--current {
  color: #0000;
}

.navbar3_menu-2 {
  justify-content: flex-start;
  align-items: center;
  margin-left: -1rem;
  display: flex;
  position: static;
}

.navbar3_dropdown-toggle-2 {
  grid-column-gap: .5rem;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.navbar3_component-2 {
  background-color: #0000;
  border-bottom: 1px solid #0000;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.navbar3_menu-dropdown-3 {
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.navbar3_dropdown-toggle-3 {
  grid-column-gap: .5rem;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.navbar3_dropdown-list-3.w--open {
  background-color: #fff;
  border: 1px #000;
  border-bottom-right-radius: 10px;
  width: 300px;
  margin-left: 0;
  padding: 8px 0;
  position: absolute;
  box-shadow: 6px 10px 20px #00000026;
}

.navbar3_dropdown-link-3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  padding: .5rem 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 600;
}

.navbar3_dropdown-link-3:hover {
  color: var(--rival-red);
  -webkit-text-fill-color: inherit;
  background-color: #f7f7f7;
  background-clip: border-box;
  font-weight: 800;
}

.navbar3_dropdown-link-3.w--current {
  color: #111;
}

.text-block-95 {
  color: #080808;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.burgermenu--desktop {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: auto;
  display: flex;
}

.navbar3_link-2 {
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding: .5rem 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
  display: none;
}

.navbar3_link-2.w--current {
  color: #111;
}

.navmenu__dropdown-section-link-3 {
  color: #1b1b1b;
  text-decoration: none;
  display: flex;
}

.navmenu__dropdown-section-link-3:hover, .navmenu__dropdown-section-link-3:focus {
  color: #4353ff;
}

.navmenu__dropdown-section-link-heading-3 {
  margin-right: 8px;
  line-height: 1.5;
}

.navmenu__cta-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.cta-button__sub-text {
  opacity: .8;
  font-weight: 400;
}

.navmenu__col-1-list-3 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.navmenu__dropdown-section-list-3 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-bottom: 0;
  display: grid;
}

.nav-menu__cta-button {
  color: #fff;
  cursor: pointer;
  background-color: #4353ff;
  align-items: center;
  padding: 12px 24px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .2s, color .2s, background-color .2s;
  display: flex;
}

.nav-menu__cta-button:hover {
  background-color: #3545ee;
}

.navmenu__link-list-3 {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.button-46 {
  color: #fff;
  background-color: #4353ff;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  padding: 0 24px;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.button-46:hover {
  background-color: #3545ee;
}

.button-46.cc-navbar {
  padding-top: 12px;
  padding-bottom: 12px;
  transition: box-shadow .2s, color .2s, background-color .2s;
}

.button-46.cc-navbar.cc-secondary {
  color: #4353ff;
  background-color: #4353ff17;
  margin-right: 10px;
}

.button-46.cc-navbar.cc-secondary:hover {
  background-color: #4353ff29;
}

.navmenu__dropdown-left-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  padding-bottom: 52px;
  padding-right: 60px;
  display: grid;
}

.navmenu__dropdown-block-3 {
  background-color: #fafafa;
  border-left: 1px solid #e4e4e4;
  flex: 0 0 34%;
  padding-left: 60px;
}

.navmenu__flex-container {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.d-117-second-line {
  transform-origin: 0%;
  background-color: #e9e9e9;
  position: absolute;
  inset: 0%;
}

.d-117-line-wrapper {
  background-color: #e9e9e9;
  border-radius: 20px;
  width: 100%;
  height: 2px;
  position: absolute;
  overflow: hidden;
}

.menu-link-text-2 {
  color: var(--button-black);
  text-transform: uppercase;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 26px;
  font-style: italic;
  font-weight: 800;
  line-height: 48px;
  transition: opacity .2s;
}

.menu-link-text-2:hover {
  opacity: .65;
}

.d-117-first-line {
  transform-origin: 100%;
  background-color: #e9e9e9;
  position: absolute;
  inset: 0%;
}

.nav-logo-wrap {
  filter: invert();
  margin-bottom: 40px;
  display: block;
}

.nav-logo-wrap.w--current {
  margin-bottom: 14%;
}

.nav-logo {
  width: 120px;
}

.menu-link-container {
  color: var(--button-black);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  display: flex;
}

.nav-menu-button {
  z-index: 98;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
  inset: auto;
}

.nav-menu-5 {
  z-index: 97;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 35vw;
  padding-right: 10%;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
  transform: translate(-100%);
}

.div-block-66 {
  height: 80px;
}

.menu-buttons {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  text-align: center;
  flex-flow: column;
  width: 75%;
  display: flex;
}

.menu_login-btn {
  background-color: var(--button-black);
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 4.6rem;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
}

.menu_login-btn:hover {
  background-color: var(--deon-green);
}

.menu_join-btn {
  color: #000;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #1d1d1d0f;
  border-radius: 4.6rem;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
}

.menu_join-btn:hover {
  background-color: #1d1d1d1f;
}

.whitenav-logo {
  padding-left: 0;
}

.whitenav-logo-img {
  width: 100px;
}

.page-wrapper-11 {
  margin-top: -80px;
}

.whitenav {
  z-index: 9998;
  background-color: #fff0;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar3_logo-dark {
  width: 100px;
}

.search-icon-dark {
  z-index: 25;
  background-color: #0000;
  border: 1px solid #3534345c;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 1px 1px 0;
  display: flex;
}

.lottie-animation-dark {
  opacity: .6;
  filter: invert(72%);
  justify-content: center;
  align-items: center;
  width: 13px;
  display: flex;
}

.navbar3_logo-light {
  width: 100px;
  display: block;
}

.bold-text-3 {
  display: none;
}

.text-block-96 {
  color: var(--top-subtxt);
  text-align: center;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 17px;
}

.button-47 {
  color: #fff;
  text-transform: uppercase;
  background-color: #1d1d1d;
  border-radius: 50px;
  width: 100%;
  height: 45px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  transition: box-shadow .2s;
}

.button-47:hover {
  border: 1px solid var(--deon-green);
  background-color: #1d1d1d00;
}

.google-icon {
  width: 20px;
}

.mb-20-3 {
  color: #fff;
  letter-spacing: -.05px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.field-3 {
  color: var(--white);
  background-color: #ffffff05;
  border: 1px #e0e0e0;
  border-bottom: 1px solid #303030;
  border-radius: 3px;
  height: 40px;
  margin-bottom: 0;
  padding: 0 0 0 10px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 300;
  transition: box-shadow .2s;
}

.field-3:focus {
  color: var(--white);
  background-color: #ffffff17;
  border-bottom-color: #6e97ff;
}

.disclaimer {
  color: #0009;
  text-align: center;
}

.button_google {
  color: #fff;
  background-color: #4280ef;
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  padding: 3px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.google-icon-wrap {
  background-color: #fff;
  border-radius: 50px;
  padding: 10px;
}

.label-3 {
  color: var(--dark-outline);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
}

.text_tab {
  z-index: 2;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  position: relative;
}

.spacer-40-2 {
  width: 40px;
}

.tab-link-2 {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border-radius: 50px;
  flex: 1;
  font-weight: 500;
  transition: color .2s;
}

.tab-link-2.w--current {
  color: #000;
  background-color: #0000;
}

.form-block-17 {
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  display: flex;
  position: relative;
}

.img_banner {
  object-fit: cover;
  background-color: #0d0e0e80;
  width: 100%;
  height: 400px;
  position: absolute;
  inset: 0% 0% auto;
}

.section_big-2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 140px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.tab-menu {
  background-color: #292929;
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  display: flex;
}

.toggle {
  z-index: 1;
  background-color: #fff;
  border-radius: 50px;
  position: absolute;
  inset: 0%;
}

.form-19 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.modal {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #080808c9;
  border: 1px #f1f1f1;
  border-radius: 20px;
  width: 100%;
  max-width: 600px;
  margin-bottom: 30px;
  padding: 40px;
  position: static;
  box-shadow: 0 9px 20px #0000000d;
}

.first-name-block {
  margin-right: 40px;
}

.form-field-2 {
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.tab-link-tab-1-2 {
  display: none;
}

.text-block-97 {
  color: #616161;
  text-align: right;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-style: normal;
}

.heading-106 {
  color: var(--white);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.bold-text-4 {
  font-weight: 400;
}

.membership-name {
  color: var(--button-black);
  text-transform: uppercase;
  padding-left: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 400;
}

.return2dash-main {
  color: var(--button-black);
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.text-block-85-copy {
  color: var(--button-black);
  text-transform: uppercase;
  margin-top: 2px;
  margin-bottom: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-style: italic;
  text-decoration: none;
}

.text-block-85-copy:hover {
  opacity: .65;
}

.form-field-profile {
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.input-3 {
  color: #000;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 13px 45px 10px 18px;
  font-size: 1rem;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input-3:hover {
  box-shadow: none;
  border-color: #000;
}

.input-3:focus {
  border: 1px solid #000;
}

.input-3::placeholder {
  color: #6e6e6e;
}

.input-3.w--open {
  border-color: #1d894e;
}

.custom-checkbox-label-b {
  z-index: 3;
  color: #000;
  mix-blend-mode: normal;
  width: 100%;
  font-weight: 600;
  position: relative;
}

.checkbox_button-b {
  z-index: 3;
  cursor: pointer;
  border-color: #0000;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.checkbox_button-b:hover {
  background-color: #0000000d;
}

.checkbox_button-b.w--redirected-checked {
  background-color: #1d894e0d;
  background-image: none;
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-width: 2px;
  border-color: #1d894e;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}

.select-dropdown.w--open {
  background-color: #fff;
  border: .5px solid #b8bbd1;
  border-radius: 6px;
  padding: .5rem .5rem .25rem;
  box-shadow: 0 10px 12px -3px #0000001a;
}

.checkbox-field-b {
  z-index: 2;
  flex: none;
  align-items: center;
  width: 100%;
  margin-bottom: .25rem;
  padding-top: .3rem;
  padding-bottom: .2rem;
  padding-left: .7rem;
  line-height: 1.4em;
  display: flex;
  position: relative;
}

.checkbox-field-b:hover {
  border-color: #1200ee;
  position: relative;
  box-shadow: 0 20px 30px -10px #00000021;
}

.svg {
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-left: -.25rem;
  margin-right: 6px;
  display: flex;
  overflow: hidden;
}

.svg.editted {
  color: #1d894e;
  background-color: #fff;
  margin-right: 0;
  position: absolute;
  inset: 10px 10px auto auto;
}

.text-color-grey {
  opacity: .7;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.select-input {
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.checkbox-label-3 {
  color: #000;
  margin-bottom: .5rem;
  font-size: .9rem;
  font-weight: 600;
}

.column-2 {
  justify-content: flex-end;
  width: 100%;
  margin-left: 40px;
  display: flex;
}

.error-message---brix {
  border-radius: 16px;
  padding: 20px;
}

.popup-content-wrapper---brix {
  z-index: 100;
  border-radius: 32px;
  max-width: 500px;
  margin-bottom: 54px;
  margin-right: 40px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
  box-shadow: 0 3px 14px #4a3aff29, 0 -2px 4px #14142b1f, 0 12px 44px #14142b57;
}

.popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
  max-width: 500px;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 8% 10% auto;
}

.popup-content-wrapper---brix.popup-2-content-wrapper---brix {
  display: block;
  position: relative;
}

.success-message---brix {
  color: #fff;
  background-color: #4a3aff;
  border-radius: 16px;
}

.dummy-display {
  color: #a0a3bd;
  margin-bottom: 16px;
  line-height: 1.2;
}

.paragraph-25.dummy-paragraph {
  color: #a0a3bd;
  margin-bottom: 32px;
}

.close-popup---brix {
  cursor: pointer;
  transition: transform .2s;
  position: absolute;
  inset: 24px 24px auto auto;
}

.close-popup---brix:hover {
  transform: scale(.9);
}

.cloneable-container-default {
  background-color: #f7f7fb;
  border-radius: 20px;
  min-height: 624px;
  padding-top: 132px;
  padding-bottom: 132px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.button-arrow {
  margin-left: 6px;
}

.popup-1-form---brix {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  position: static;
  overflow: visible;
}

.input---brix {
  color: #170f49;
  border: 1px solid #eff0f6;
  border-radius: 500px;
  min-height: 60px;
  margin-bottom: 0;
  padding: 30px 20px;
  font-size: 18px;
  line-height: 20px;
  transition: color .2s, border-color .2s;
}

.input---brix:hover, .input---brix:focus {
  color: #4a3aff;
  border-color: #4a3aff;
}

.input---brix::placeholder {
  color: #6f6c90;
}

.input---brix.large---brix {
  border-radius: 3.4em;
  min-height: 74px;
  padding: 24px 40px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
}

.input---brix.mg-bottom-16 {
  margin-bottom: 16px;
}

.dummy-hero-wrapper---brix {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.dummy-hero-wrapper---brix.preview-page---brix {
  padding: 32px 50px;
}

.subscribe-button---brix {
  color: #fff;
  text-align: center;
  background-color: #4a3aff;
  background-image: none;
  border-radius: 80px;
  padding: 16px 32px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  position: absolute;
  inset: auto 12px auto auto;
  box-shadow: 0 3px 12px #4a3aff1f;
}

.subscribe-button---brix:hover {
  background-color: #3527d8;
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.subscribe-button---brix.popup-1---brix {
  background-color: var(--button-black);
  text-transform: uppercase;
  border-radius: 20em;
  width: auto;
  min-width: auto;
  max-width: none;
  min-height: auto;
  padding: 25px 20px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  display: block;
  position: static;
  overflow: visible;
}

.subscribe-button---brix.popup-1---brix:hover {
  background-color: #302f2f;
  background-image: linear-gradient(151deg, var(--deon-green), var(--neon-green));
  box-shadow: 0 4px 14px #447e063d;
}

.subscribe-button---brix.ebook-button---brix {
  background-image: none;
  margin-top: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
}

.image-thumbnail-illustration---brix {
  width: 100%;
  height: 100%;
  max-height: 440px;
}

.limit-content---brix {
  align-self: center;
  width: 100%;
  max-width: 456px;
}

.popup-form-block---brix {
  width: 100%;
  margin-bottom: 0;
}

.popup-1---brix {
  text-align: center;
  background-color: #fff;
  border-radius: 0 32px 32px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200%;
  margin-left: 0;
  margin-right: 0;
  padding: 40px 40px 60px;
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.popup-1-illustration---brix {
  max-width: 50%;
  max-height: 15%;
  margin-bottom: 10px;
}

.popup-wrapper---brix {
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-wrapper---brix.preview-page {
  width: auto;
  display: block;
  position: absolute;
}

.overlay---brix {
  z-index: 10;
  background-color: #0000009c;
  display: block;
  position: absolute;
  inset: 0%;
}

.dummy-hero-button---brix {
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  transform-style: preserve-3d;
  border: 1px #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  max-width: 260px;
  padding: 3px 10px 3px 0;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.dummy-hero-button---brix:hover {
  transform: scale3d(1, 1, .01)translate(0, -2px);
  box-shadow: 0 4px 10px #00000014;
}

.heading-107 {
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.column-3 {
  justify-content: flex-end;
  width: 100%;
  margin-left: 40px;
  display: flex;
}

.popup-4-form---brix {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.popup-4-image-wrapper---brix {
  align-items: center;
  max-width: 45%;
  display: flex;
}

.popup-4---illustration---brix {
  object-fit: cover;
  width: 100%;
  height: 130%;
  position: relative;
}

.popup-title---brix {
  margin-bottom: 8px;
}

.paragraph-26.dummy-paragraph {
  color: #a0a3bd;
  margin-bottom: 32px;
}

.popup-4---brix {
  text-align: left;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 55%;
  padding: 58px 48px;
  display: flex;
  position: relative;
}

.div-block-67 {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.paragraph-27 {
  font-size: 13.5px;
}

.image-31 {
  min-width: 50%;
  max-width: 100%;
  max-height: none;
}

.date-dashboard {
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.content-hero {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.info-icon {
  margin-bottom: -3px;
}

.card-h {
  color: var(--button-black);
  letter-spacing: -.02px;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 800;
}

.card-top-3 {
  padding: 20px 25px;
}

.card-bot_text {
  font-size: 14px;
}

.button-48 {
  grid-column-gap: 15px;
  background-color: var(--deon-green);
  color: #fff;
  justify-content: center;
  align-items: center;
  height: 52px;
  padding-left: 18px;
  padding-right: 18px;
  text-decoration: none;
  transition: box-shadow .2s, transform .2s;
  display: flex;
}

.button-48:hover {
  transform: translate(0, -6px);
  box-shadow: 0 6px 9px #0029ff4d;
}

.cards-wrap-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: nowrap;
  grid-template-rows: 200px;
  grid-template-columns: 200px;
  grid-auto-columns: minmax(200px, 200px);
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 88vw;
  margin-bottom: 40px;
  padding-bottom: 10px;
  display: grid;
  overflow: auto;
}

.hero-description-2 {
  color: silver;
}

.card-bot-3 {
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  padding: 16px 25px;
  display: flex;
}

.content-9 {
  margin-top: 50px;
}

.card-5 {
  color: #000;
  border: 1px solid #eaebef;
  flex-direction: column;
  justify-content: space-between;
  min-width: 250px;
  text-decoration: none;
  display: flex;
}

.spacer-27 {
  height: 20px;
}

.card-description-2 {
  color: var(--button-black);
  font-family: Montserrat, sans-serif;
  font-size: 12px;
}

.options-wrap {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 480px;
  display: flex;
}

.options-grid {
  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;
}

.options-card {
  grid-row-gap: 30px;
  color: #000;
  border: 1px solid #eaebef;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 35px;
  padding-bottom: 30px;
  text-decoration: none;
  transition: box-shadow .2s, transform .2s;
  display: flex;
}

.options-card:hover {
  transform: translate(0, -6px);
  box-shadow: 0 6px 9px #0029ff4d;
}

.option-h {
  font-size: 16px;
}

.button-49 {
  grid-column-gap: 15px;
  color: #fff;
  background-color: #0029ff;
  justify-content: center;
  align-items: center;
  height: 52px;
  padding-left: 18px;
  padding-right: 18px;
  text-decoration: none;
  transition: box-shadow .2s, transform .2s;
  display: flex;
}

.button-49:hover {
  transform: translate(0, -6px);
  box-shadow: 0 6px 9px #0029ff4d;
}

.number-card-progress-wrapper {
  justify-content: space-between;
  display: flex;
}

.style-label {
  color: #bebebe;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
}

.number-card-number {
  color: var(--button-black);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 26px;
  font-weight: 400;
}

.row-2 {
  margin-bottom: 50px;
}

.number-card-progress {
  color: var(--body-display);
  text-align: right;
}

.basic-column {
  padding-left: 5px;
  padding-right: 5px;
}

.number-card-divider {
  background-color: #ffffff26;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 14px;
}

.tag-wrapper {
  border: 1px #000;
  margin-top: 35px;
  margin-bottom: 35px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  display: block;
}

.number-card-dollars {
  color: var(--body-display);
  letter-spacing: 1px;
  font-family: Bebasneue, sans-serif;
  font-size: 14px;
  font-weight: 200;
  line-height: 24px;
}

.tagline {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.tagline.number-card-currency {
  color: var(--body-display);
  font-family: Montserrat, sans-serif;
  font-size: 10px;
}

.tagline.tagline-promo-40 {
  color: #3336;
}

.tagline.white-hero-tagline {
  color: var(--active-border);
  letter-spacing: 3px;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
  font-weight: 500;
}

.number-card {
  background-image: linear-gradient(#1991eb, #1991eb);
  border-radius: 8px;
  padding: 22px 30px;
}

.number-card.number-card-content2 {
  color: #333;
  background-image: none;
  border: 1px solid #d4d4d4;
  display: block;
}

.number-card.number-card-content2:hover {
  background-color: var(--light-grey-background);
  background-image: none;
}

.number-card.number-card-content1 {
  background-image: none;
  border: 1px solid #d4d4d4;
  text-decoration: none;
}

.number-card.number-card-content1:hover {
  background-image: linear-gradient(to bottom, var(--neon-green), var(--deon-green));
}

.number-card.number-card-content3 {
  background-image: none;
  border: 1px solid #d4d4d4;
}

.number-card.number-card-content3:hover {
  background-color: var(--light-grey-background);
}

.number-card.number-card-content4 {
  background-image: none;
  border: 1px solid #d4d4d4;
}

.number-card.number-card-content4:hover {
  background-color: var(--light-grey-background);
}

.divider-2 {
  background-color: #eee;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 15px;
}

.feed {
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
  overflow: auto;
}

.article {
  margin-bottom: 10px;
}

.article-alt-cover {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65526a360df0522c78b01daf_card-cover.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  height: 270px;
  margin-top: 26px;
  padding-bottom: 0;
}

.article-alt-cover.article-2-content {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65526a360df0522c78b01da5_article-cover-1.jpg");
  margin-top: 0;
  margin-bottom: 26px;
}

.article-alt-cover.article-1-content {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65526a360df0522c78b01daa_flatiron.jpg");
}

.label-text-2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  line-height: 17px;
}

.divider-3 {
  background-color: #eee;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 15px;
}

.label-4 {
  background-color: #1991eb;
  border-radius: 4px;
  padding: 4px 10px 3px;
  display: inline-block;
}

.label-4.label-article-brown {
  background-color: #66493e;
  margin-bottom: 2px;
}

.label-4.label-article-pink {
  background-color: #e556a4;
  margin-top: 2px;
}

.sticky-dashbar {
  z-index: 899;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #e4e9ec75;
  border-radius: 4.6rem;
  flex: none;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  padding: 10px 40px;
  display: flex;
  position: sticky;
  top: 5px;
}

.hero-content-wrapper-2 {
  flex-direction: column;
  align-items: center;
  width: 910px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: flex;
}

.button-50 {
  float: none;
  color: #fff;
  background-color: #1991eb;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 9px 25px;
  line-height: 22px;
  transition: color .2s, box-shadow .2s, background-color .2s;
  display: inline-block;
}

.button-50:hover {
  color: #fff;
  background-color: #1386dd;
  border-color: #0c6eb8;
}

.button-50.default-button {
  color: #5b697a;
  background-color: #fff;
  align-items: flex-end;
  transition: color .2s, background-color .2s, box-shadow .2s;
  display: inline-block;
}

.button-50.default-button:hover {
  color: #213d63;
  background-color: #fff;
  box-shadow: 0 1px 5px #0000001a;
}

.button-50.default-button.big-default {
  background-color: var(--button-black);
  color: var(--white);
  border-radius: 4.5rem;
  margin-top: 0;
  padding: 13px 20px;
  font-size: 16px;
}

.hero2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6552723383acd973ba0891fa_Athleticus%20App%20community.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 255px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.hero {
  background-image: linear-gradient(135deg, var(--black-2), #746e9e99), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65526d45eec7d2be5d81afa4_hero1.jpg");
  text-align: left;
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 480px;
  padding-top: 20%;
  padding-left: 5%;
  padding-right: 20%;
  display: flex;
}

.hero-title-2 {
  color: #fff;
  letter-spacing: 1px;
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 42px;
  font-weight: 700;
}

.wide-wrapper {
  margin-bottom: 30px;
  padding-left: 5px;
  padding-right: 5px;
}

.divider-4 {
  background-color: #eee;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 15px;
}

.larger-paragraph {
  color: var(--dark-outline);
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 26px;
}

.larger-paragraph.white-hero-paragraph {
  color: #fffc;
  margin: 200px auto 30px;
  font-size: 14px;
  line-height: 20px;
}

.larger-paragraph.white-hero-paragraph.hero2-paragraph {
  width: 40%;
}

.larger-paragraph.white-hero-paragraph {
  color: #fffc;
  margin-top: 12px;
  margin-bottom: 30px;
}

.larger-paragraph.white-hero-paragraph.hero2-paragraph {
  color: var(--button-black);
  text-align: center;
  width: 40%;
  margin-top: 10px;
  font-weight: 400;
}

.content-container-light {
  flex-direction: column;
  width: 72%;
  padding: 20px 20px 44px 44px;
  display: flex;
  overflow: scroll;
}

.content-wrapper-light {
  background-color: #fff;
  flex-direction: row;
  flex: 1;
  min-width: auto;
  margin-left: 5%;
  display: flex;
}

.community-feed {
  margin-top: 60px;
  margin-bottom: 35px;
  padding-left: 5px;
  padding-right: 5px;
}

.hero-feed-subtitle {
  color: var(--light-grey-background);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
}

.hero-feed-button {
  background-color: var(--white);
  color: var(--black-2);
  border-radius: 4.8rem;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.hero-feed-wrapper {
  margin-top: 35px;
  margin-bottom: 35px;
  padding-left: 5px;
  padding-right: 5px;
}

.hero-feed-card {
  text-align: left;
  background-image: linear-gradient(to top, #000000cf, #0000000f 70%, #6e899e00), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 400px;
  padding: 10% 20% 5% 5%;
  display: flex;
}

.link-block-11 {
  background-color: var(--black-2);
  border-radius: 8rem;
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
}

.image-32 {
  max-width: 50%;
}

.heading-108 {
  color: var(--white);
  text-align: center;
  letter-spacing: 8px;
  margin-bottom: 40px;
  font-family: Bebasneue, sans-serif;
  font-weight: 500;
}

.blog-subtitle {
  display: flex;
}

.title-section-blog {
  max-width: 100%;
  margin: 0 5% 10px;
  padding: 0 1em 20px;
}

.blog-section {
  z-index: auto;
  max-width: 100%;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
  display: block;
  position: relative;
  top: 0;
}

.text-block-99 {
  color: #727272;
  text-align: left;
  margin-bottom: 5px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.c-hero-content {
  justify-content: space-between;
  display: flex;
}

.c-cms-tabs-item {
  cursor: pointer;
  border-bottom: 1px solid #46464f;
  width: 25%;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 16px;
  position: relative;
}

.c-hero-paragraph {
  flex: 1;
  max-width: 260px;
  margin-bottom: 16px;
}

.c-text-1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.c-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 145px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.c-title-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
}

.c-container {
  border-radius: 4px;
  max-width: 1332px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  display: block;
}

.c-container.cc-10cols {
  max-width: 100%;
  margin-left: 10px;
  margin-right: 10px;
}

.c-title-wrapper {
  margin-bottom: 16px;
}

.c-hero-heading {
  max-width: 260px;
}

.c-cms-content-wrapper {
  padding-top: 78px;
}

.c-cms-tabs-list {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.c-cms-tabs {
  padding-top: 79px;
}

.c-cms-progress {
  width: 100%;
  position: relative;
}

.tabs-menu-4 {
  text-align: left;
  border-bottom: 1px solid #0000001a;
  margin-left: 20px;
  margin-right: 60px;
  font-family: Bebasneue, sans-serif;
  font-size: 22px;
}

.tab-link-all {
  background-color: #c8c8c800;
  margin-left: 0;
  margin-right: 7px;
  padding-left: 0;
  padding-right: 10px;
}

.tab-link-all.w--current {
  border-bottom: 1.5px solid var(--neon-green);
  letter-spacing: 0;
  text-transform: none;
  background-color: #c8c8c800;
  margin-left: 0;
  margin-right: 7px;
  padding-left: 0;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

.tab-link-news {
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #ddd0;
  margin-left: 7px;
  margin-right: 7px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.tab-link-news:hover {
  border-bottom: 1px solid var(--neon-green);
}

.tab-link-news.w--current {
  border-style: none none solid;
  border-width: 1.5px 1px;
  border-color: var(--deon-green);
  background-color: #ddd0;
  font-weight: 700;
}

.tab-link-wellness {
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #ddd0;
  margin-left: 7px;
  margin-right: 7px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.tab-link-wellness:hover {
  border-bottom: 1px solid var(--neon-green);
}

.tab-link-wellness.w--current {
  border-bottom: 1.5px solid var(--deon-green);
  background-color: #ddd0;
  font-weight: 700;
}

.tab-link-fitness {
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #ddd0;
  margin-left: 7px;
  margin-right: 7px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.tab-link-fitness:hover {
  border-bottom: 1px solid var(--neon-green);
}

.tab-link-fitness:active {
  border-bottom-style: none;
}

.tab-link-fitness.w--current {
  border-bottom: 1.5px solid var(--deon-green);
  background-color: #ddd0;
  font-weight: 700;
}

.current-plan {
  color: var(--button-black);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
  font-style: italic;
  font-weight: 800;
}

.membership-level {
  color: var(--button-black);
  text-transform: uppercase;
  padding-left: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 400;
}

.h6-text {
  font-size: 55px;
  font-weight: 500;
  line-height: 1;
  position: relative;
}

.h6-text.absolute {
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 25px;
}

.h6-paragraph-12px {
  color: #000;
  font-size: 12px;
  font-weight: 500;
}

.h6-hl-image {
  width: 100%;
  height: 100%;
}

.h6-hl-text-wrapper {
  grid-column-gap: 50px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
}

.h6-heading-italic {
  color: var(--white);
  letter-spacing: -4px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 4.2vw;
  font-style: italic;
  font-weight: 800;
  line-height: 1.2;
}

.page-wrapper-12 {
  display: none;
  position: relative;
  overflow: hidden;
}

.h6-button-mask {
  object-fit: cover;
  height: 100px;
  position: absolute;
  inset: -10% 0% 0%;
}

.h6-stroke {
  color: #5d5f1f66;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, sans-serif;
  font-size: 13vw;
  font-weight: 700;
  line-height: .9;
}

.hl-hl-wrapper {
  grid-column-gap: 18px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.h6-menu-text-wrapper {
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.form-20 {
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.h6-hr-header {
  grid-column-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.h6-hr-image {
  width: 137px;
  height: 193px;
}

.h6-menu-btn-line-2 {
  background-color: #fff;
  width: 25px;
  height: 2px;
}

.h6-menu-header {
  grid-column-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.h6-button-wrapper {
  justify-content: flex-end;
  width: 50%;
  display: flex;
}

.h6-hero {
  align-items: center;
  display: flex;
}

.h6-navbar-link {
  color: #fff;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.h6-navbar-link._1, .h6-navbar-link._1:hover {
  z-index: 3;
}

.h6-hl-text {
  color: #cfcfcf;
  font-size: 23px;
  font-weight: 500;
}

.h6-embed-stroke {
  position: absolute;
}

.h6-paragraph-14px {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}

.h6-paragraph-14px._420px {
  color: var(--white);
  max-width: 420px;
  font-size: 14px;
}

.h6-button-content {
  z-index: 1;
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
  position: relative;
  left: -15px;
}

.h6-hr-text-wrapper {
  z-index: 2;
  grid-column-gap: 10px;
  white-space: nowrap;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.h6-hr-bg-image {
  width: 100%;
  height: 100%;
}

.h6-hl-content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.h6-form-wrapper {
  width: 50%;
  position: relative;
  overflow: hidden;
}

.h6-form-wrapper._2 {
  width: 100%;
}

.h6-container {
  z-index: 1;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 25px;
  display: flex;
  position: relative;
}

.h6-image-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}

.h6-menu-heading {
  font-size: 55px;
  font-weight: 500;
  line-height: 1.2;
}

.h6-paragraph-16px {
  color: #939393;
  font-weight: 500;
}

.h6-paragraph-16px.menu {
  text-align: right;
  max-width: 270px;
}

.h6-text-field {
  color: #adadad;
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #5c5b4e;
  margin-bottom: 0;
  padding: 25px 0;
}

.h6-text-field:active, .h6-text-field:focus {
  color: #adadad;
  border-bottom-color: #fff;
}

.h6-text-field::placeholder {
  color: #adadad;
  font-size: 20px;
  font-weight: 500;
}

.h6-hr-text {
  color: #000;
  text-transform: uppercase;
  margin-left: 60px;
  margin-right: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 800;
  line-height: 35px;
}

.submit-btn-2 {
  z-index: 10;
  opacity: 0;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.h6-navbar-links {
  grid-column-gap: 20px;
  align-items: center;
  display: flex;
}

.h6-hl-line {
  background-color: #aeaeae;
  width: 100%;
  height: 3px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.h6-mask {
  overflow: hidden;
}

.h6-mask.heading {
  justify-content: flex-end;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
  position: relative;
  top: -40px;
  left: auto;
}

.h6-menu {
  z-index: 2;
  grid-row-gap: 100px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #464437e6;
  flex-direction: column;
  justify-content: center;
  width: 60%;
  height: 100vh;
  padding: 120px 25px;
  display: none;
  position: absolute;
  inset: 0%;
}

.h6-menu-button {
  grid-row-gap: 5px;
  flex-direction: column;
  align-items: center;
  width: 25px;
  display: flex;
}

.h6-navbar {
  z-index: 2;
  grid-column-gap: 100px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 25px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: absolute;
}

.h6-hl-gradient {
  background-color: #0000008f;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.h6-hr-content {
  z-index: 2;
  grid-row-gap: 20px;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 402px;
  height: 530px;
  padding: 17px;
  display: flex;
  position: relative;
}

.h6-button {
  grid-column-gap: 10px;
  cursor: pointer;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
  align-items: center;
  max-width: 100px;
  padding: 14px 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h6-hero-left {
  width: 60%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.h6-navbar-wrapper {
  z-index: 3;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  padding-right: 25px;
  display: flex;
  position: relative;
}

.h6-hr-gradient {
  z-index: 1;
  background-color: #3f3f3f6b;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.h6-hero-right {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100vh;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h6-form-content {
  grid-column-gap: 20px;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.specialty {
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

.profile-sub-info {
  grid-column-gap: 55px;
  grid-row-gap: 55px;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  font-style: normal;
  display: flex;
}

.tabs-menu-wrapper {
  background-color: #ececec;
  border-radius: 999em;
  align-items: center;
  padding: .7em .8em;
  display: flex;
}

.tabs-content-wrapper {
  margin-top: 2em;
  overflow: visible;
}

.third-example-with-unterline {
  border-top: 1px dashed #505050;
  margin-top: 5em;
  padding-top: 5em;
}

.title3 {
  font-size: 2.25em;
  font-weight: 600;
  line-height: 1.2em;
}

.tab-content-inner {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-nav-item-underline {
  grid-column-gap: .5em;
  color: #ffffff80;
  text-align: center;
  background-color: #0000;
  border-radius: 999em;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: .9em 2em;
  transition: all .3s;
  display: flex;
  position: relative;
}

.tabs-nav-item-underline:hover {
  color: #fff;
  background-color: #0000;
}

.tabs-nav-item-underline.w--current {
  color: #fff;
  background-color: #0000;
  font-weight: 500;
}

.tabs-nav-item {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border-radius: 999em;
  flex: 1;
  padding: 1em 2em;
  transition: all .3s;
  position: relative;
}

.tabs-nav-item:hover {
  background-color: #535353;
}

.tabs-nav-item.w--current {
  color: #000;
  background-color: #0000;
  font-weight: 500;
}

.tabs-nav-item._02:hover {
  background-color: #53535333;
}

.tabs-nav-item._02.w--current:hover {
  background-color: #53535300;
}

.tabs-nav-item._01:hover {
  background-color: #53535333;
}

.tabs-nav-item._03:hover {
  background-color: #53535300;
}

.second-example-with-unterline {
  border-top: 1px dashed #505050;
  margin-top: 5em;
  padding-top: 5em;
}

.tab-content-title {
  color: #fff;
  font-size: 3em;
  font-weight: 500;
  line-height: 1;
  position: absolute;
}

.tabs-nav-unterline {
  z-index: 0;
  background-color: #fff;
  border-radius: 999em;
  height: 2px;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.tab-content-image {
  border-radius: 1.4em;
}

.tabs-nav-item-underline2 {
  grid-column-gap: .5em;
  color: #ffffff80;
  text-align: center;
  background-color: #0000;
  border-radius: 999em;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: .9em 2em;
  transition: all .3s;
  display: flex;
  position: relative;
}

.tabs-nav-item-underline2:hover {
  color: #fff;
  background-color: #0000;
}

.tabs-nav-item-underline2.w--current {
  color: #fff;
  background-color: #0000;
  font-weight: 500;
}

.container-w3 {
  width: 100%;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
}

.tabs-nav-background {
  z-index: 0;
  background-color: #fff;
  border-radius: 999em;
  position: absolute;
  inset: 0%;
  box-shadow: 0 22px 2.5em #0006;
}

.p-md-end {
  padding-bottom: 5.5em;
}

.tab-content2, .tab-content {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-menu-underline-wrapper {
  background-color: #464646;
  border-radius: 1.4em;
  align-items: center;
  padding: 1em 2.5em 1.2em;
  display: flex;
}

.tabs-nav-icon {
  width: 1.5em;
  height: 1.5em;
}

.tabs-nav-text {
  z-index: 1;
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Druk Trial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  position: relative;
}

.tabs-nav-text:hover {
  opacity: .7;
}

.style-label-2 {
  color: #bebebe;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.button-51 {
  float: none;
  color: #fff;
  background-color: #1991eb;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 9px 25px;
  line-height: 22px;
  transition: color .2s, box-shadow .2s, background-color .2s;
  display: inline-block;
}

.button-51:hover {
  color: #fff;
  background-color: #1386dd;
  border-color: #0c6eb8;
}

.button-51.default-button {
  color: #5b697a;
  background-color: #fff;
  align-items: flex-end;
  transition: color .2s, background-color .2s, box-shadow .2s;
  display: inline-block;
}

.button-51.default-button:hover {
  color: #213d63;
  background-color: #fff;
  box-shadow: 0 1px 5px #0000001a;
}

.button-51.default-button.big-default {
  margin-top: 0;
  padding: 17px 35px;
  font-size: 16px;
}

.tag-wrapper-2 {
  margin-top: 35px;
  margin-bottom: 35px;
  margin-left: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
}

.hero2-2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6549aa7405c0f26a7a6da450_black-woman-stretching-legs-and-beach-fitness-for-rivalists.jpg");
  background-position: 25% 0;
  background-size: auto;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 600px;
  display: flex;
}

.hero-title-3 {
  color: var(--black);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 55px;
  font-style: italic;
  font-weight: 800;
}

.divider-5 {
  background-color: #eee;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 15px;
}

.image-33 {
  clear: none;
  width: 200px;
  margin-top: 0;
}

.image-4 {
  max-height: 80vh;
}

.text-block-6 {
  color: #0000000f;
  text-align: center;
  text-transform: uppercase;
  width: auto;
  font-family: Druk Trial, sans-serif;
  font-size: 300px;
  font-weight: 700;
  line-height: 280px;
  overflow: hidden;
}

.text-block-6.dessous {
  color: #000;
  letter-spacing: 2px;
  padding-right: 154px;
  font-size: 64px;
  line-height: 70px;
  position: relative;
  bottom: 180px;
}

.text-block-102 {
  background-color: #fff;
  height: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  position: relative;
  top: 100px;
  left: 40px;
  transform: rotate(90deg);
}

.disponible {
  color: #fff;
  text-align: center;
  font-family: Inconsolata, monospace;
  font-size: 32px;
  line-height: 30px;
  display: block;
}

.disponible._2e {
  color: #fff9;
  margin-top: 20px;
  font-size: 18px;
}

.div-block-68 {
  flex-direction: column;
  align-items: flex-start;
  height: 100vh;
  padding-top: 140px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.text-block-3 {
  font-size: 18px;
}

.div-block-69 {
  background-color: #000;
  width: 2px;
  height: 150px;
  margin-top: 20px;
  position: relative;
  left: 10px;
}

.div-block-70 {
  border: 2px solid #000;
  border-bottom-width: 0;
  justify-content: space-between;
  width: 60vw;
  height: 200px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% 30%;
}

.vue-telephone {
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.vue-telephone.frostedcard {
  z-index: 10000;
  background-color: #000000b3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  margin-top: 100px;
}

.text-block-103 {
  margin-top: auto;
  font-size: 18px;
  position: relative;
  bottom: 20px;
  right: 20px;
  transform: rotate(90deg);
}

.div-block-6 {
  flex-direction: column;
  width: 200px;
  height: 220px;
  display: flex;
  position: relative;
  inset: auto 0 20px -20px;
  overflow: hidden;
}

.text-block-104 {
  background-color: #fff;
  width: 100px;
  padding-bottom: 20px;
  padding-right: 10px;
  font-size: 18px;
  line-height: 30px;
  display: inline-block;
  position: relative;
}

.div-block-71 {
  align-items: center;
  height: auto;
  min-height: auto;
  margin-top: 114px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.blog-title-hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  height: 250px;
  min-height: auto;
  margin: 114px auto 0;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: static;
}

.text-block-105 {
  color: var(--black);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
}

.client-logos {
  margin-bottom: 0;
}

.lightbox-link-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

._2-button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: none;
}

.spacer-5rem {
  padding-top: 3.1rem;
}

.button-52 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  padding: .5rem 1.5rem;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .2s;
}

.button-52:hover {
  opacity: .75;
}

.button-52.is-secondary {
  color: #161616;
  background-color: #f5f5f5;
  background-image: none;
  border-color: #f5f5f5;
}

.heading-style-h2-3 {
  color: var(--black);
  margin-bottom: 5px;
  font-family: Druk Trial, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}

.card-6 {
  border: 1px solid #f1f1f1;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.count-up {
  font-weight: 700;
}

.section_video {
  z-index: 4;
  background-color: #fff;
  border-bottom-right-radius: 3rem;
  border-bottom-left-radius: 3rem;
  margin-bottom: -5rem;
  position: relative;
}

.section_video.padding-global.padding-section-medium {
  margin-bottom: 2rem;
  display: block;
}

.play-triangle {
  height: 100%;
  margin-right: -.4375rem;
}

.content-left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
}

.logos-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

._4-grid-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: none;
}

.stat-number-2 {
  font-size: 3rem;
  line-height: 1;
}

.play-button {
  -webkit-backdrop-filter: blur(.3125rem);
  backdrop-filter: blur(.3125rem);
  background-color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  padding: 1rem;
  display: flex;
  position: absolute;
}

.lightbox-bg-image {
  border: 1px solid #f1f1f1;
  border-radius: .75rem;
}

.styles__global-embed-code {
  position: fixed;
  inset: 0% auto auto 0%;
}

.form-21 {
  flex-direction: column;
  width: 100%;
  position: relative;
}

.u-p-0 {
  padding: 0;
}

.message {
  background-color: #302640;
  border-radius: 10px;
  flex-direction: row;
  align-self: flex-start;
  align-items: center;
  max-width: 75%;
  padding: 16px;
  display: flex;
}

.message.cc-role-user {
  background-color: #8259c0;
  align-self: flex-end;
}

.modal_icon {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  left: 16px;
}

.modal_icon.cc-close {
  left: auto;
}

.dropdown_icon {
  justify-content: center;
  align-items: center;
  height: 22px;
  display: flex;
}

.messages {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.paragraph-0-9 {
  font-size: .9rem;
  line-height: 1.4;
}

.dropdown_trigger-content {
  grid-column-gap: 8px;
  background-image: linear-gradient(99deg, #ab83e7, #350084);
  border-radius: 38px;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  display: flex;
}

.section-28 {
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
}

.section-28.cc-fixed-margin {
  padding-bottom: 16rem;
}

.dropdown_trigger {
  grid-column-gap: 4px;
  color: #fff;
  background-image: linear-gradient(99deg, #fff, #350084);
  border-radius: 38px;
  align-items: center;
  padding: 1px;
  text-decoration: none;
  box-shadow: 0 0 17px #7030f7;
}

.dropdown_trigger.w--open {
  background-image: linear-gradient(99deg, #ab83e7, #350084);
}

.container-37 {
  width: 90%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.container-37.cc-small {
  max-width: 600px;
}

.shiny-embed.cc-component {
  position: fixed;
}

.section-footer {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: linear-gradient(to top, #8259c0, #0000);
  justify-content: center;
  align-items: center;
  height: 12rem;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.modal_input {
  color: #fff;
  background-color: #302640;
  border: 0 solid #000;
  border-radius: 8px;
  height: 100%;
  margin-bottom: 0;
  padding: 16px 56px 16px 24px;
  font-size: 1rem;
  transition: border-color .3s cubic-bezier(.165, .84, .44, 1);
}

.modal_input:hover, .modal_input:focus {
  border-color: #8259c0;
}

.modal_input::placeholder {
  color: #888680;
}

.form-success_flex {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.modal_btn-submit {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 100%;
  display: flex;
  position: absolute;
  right: 0;
}

.dropdown_link {
  grid-column-gap: 4px;
  color: #fff;
  white-space: nowrap;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.btn_icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-2 {
  color: #fff;
  background-color: #8259c0;
  border: 1px solid #0000;
  border-radius: 8px;
  padding: .7em 1.2em;
  text-decoration: none;
  transition: box-shadow .3s cubic-bezier(.165, .84, .44, 1), border-color .3s cubic-bezier(.165, .84, .44, 1);
  display: inline-block;
  box-shadow: inset 0 0 #0000;
}

.btn-2:hover {
  color: #fff;
  box-shadow: inset 0 0 0 100px #00000026;
}

.btn-2.cc-secondary {
  color: #fff;
  background-color: #302640;
}

.btn-2.cc-secondary.cc-icon {
  grid-column-gap: .5em;
  display: flex;
}

.banner {
  text-align: center;
  background-color: #8259c0;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1px;
  font-size: .9rem;
  font-weight: 500;
}

.image-34 {
  height: 30px;
}

.col {
  flex: 1;
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.col.col-lg-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.form-success {
  background-color: #0000;
  min-height: 320px;
  position: relative;
}

.row-3 {
  flex-wrap: wrap;
  align-content: stretch;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.row-3.row-justify-around {
  justify-content: space-around;
}

.nav-container-2 {
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.action-buttons {
  grid-column-gap: 1rem;
  justify-content: flex-end;
  display: flex;
}

.component {
  margin-left: 149px;
}

.dropdown_list.w--open {
  grid-column-gap: .25rem;
  grid-row-gap: 1rem;
  background-image: linear-gradient(125deg, #844dd6, #3c088b);
  border: 1px solid #0003;
  border-radius: 20px;
  flex-direction: column;
  margin-top: 16px;
  padding: 16px;
  display: flex;
  right: 0;
}

.page-wrapper-13 {
  color: #fff;
  background-color: #1a1621;
  position: relative;
}

.nav-3 {
  z-index: 2;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #1a162133;
  line-height: 1.1;
  position: sticky;
  inset: 0% 0% auto;
}

.modal_input-group {
  color: #888680;
  background-image: linear-gradient(#584673, #302640);
  border-radius: 8px;
  align-items: center;
  padding: 1px;
  display: flex;
  position: relative;
}

.form-error {
  color: #e31700;
  background-color: #0000;
  border-top: 1px solid #e31700;
  margin-top: 16px;
  padding: 8px 0 0;
}

.span-heading {
  color: #a9ff3d;
  font-style: italic;
  font-weight: 200;
  position: relative;
}

.sidebar_address {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.sidebar_left {
  grid-column-gap: 2.63rem;
  grid-row-gap: 2.63rem;
  flex-direction: column;
  align-items: flex-start;
  width: 22.92%;
  padding: 1.5rem 1rem;
  display: flex;
}

.faq_wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #e9e9e7;
  text-align: center;
  border: 1px solid #373734;
  border-radius: .25rem;
  flex-direction: column;
  flex: 1;
  width: 100%;
  padding: 1.5rem 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.homeform_wrapper {
  width: 60.33%;
}

.xo {
  width: 2rem;
  display: flex;
}

.sidebar_info {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.hero_media-wrapper {
  position: relative;
  overflow: hidden;
}

.input_email {
  color: #e9e9e7;
  background-color: #fff0;
  border: 1px #000;
  margin-bottom: 0;
  padding: 0;
  font-size: 1rem;
  line-height: .8;
}

.input_email::placeholder {
  color: #fff;
}

.form_wrapper {
  flex: 1;
  margin-bottom: 1rem;
  position: relative;
  overflow: scroll;
}

.text-size-regular {
  font-size: 1.13rem;
}

.typing-loader {
  margin-bottom: .5rem;
  margin-left: 0;
  margin-right: auto;
  position: absolute;
  inset: auto auto 0% 0%;
}

.button_link {
  text-decoration: none;
}

.logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.separator {
  background-color: #373734;
  height: 1px;
}

.personna_img {
  border-radius: 50vw;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
}

.sidebar_address-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  align-items: center;
  display: flex;
}

.sidebar_historic {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.form-info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #4e7021;
  border: 1px solid #a9ff3d;
  border-radius: .13rem;
  align-items: center;
  padding: .5rem;
  display: flex;
}

.form_message-success-2 {
  background-color: #ddd0;
  padding: 0;
}

.start_asset {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.start_asset.is-vertical {
  z-index: 0;
  height: 9.06rem;
  inset: 0% -1% 0% auto;
  transform: rotate(0);
}

.button-53 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-style: solid;
  border-width: 1px;
  border-radius: .25rem;
  font-weight: 500;
  line-height: 1.13;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button-53:hover {
  mix-blend-mode: normal;
}

.button-53.send {
  justify-content: center;
  align-items: center;
  padding: .5rem;
}

.button-53.hero {
  background-color: #10100f;
}

.button-53.close {
  color: #fff;
  cursor: pointer;
  background-color: #10100f;
  border-color: #373734;
  justify-content: space-between;
  width: 100%;
  padding: .75rem 1rem;
}

.button-53.close:hover {
  color: #fff;
  background-color: #10100f;
  border-color: #373734;
}

.button-53.is--center {
  cursor: pointer;
  justify-content: center;
}

.button-53.equal {
  padding: .5rem;
}

.button-53.newsletter {
  justify-content: center;
  align-items: center;
  padding: .31rem;
}

.chat_warning {
  z-index: 3;
  opacity: 0;
  color: #fff;
  text-align: center;
  background-color: #000000e6;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  transition: all .25s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.chat_warning:hover {
  opacity: 1;
}

.chat_window {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 1.5rem;
  display: flex;
}

.text-block-106 {
  color: #6b6b67;
}

.section_hero_support {
  opacity: 0;
  background-color: #0b0b0a;
  justify-content: space-between;
  min-height: 100vh;
  padding: 1rem;
  transition: all .25s;
  display: flex;
  position: fixed;
  inset: 0%;
  transform: translate(100vw);
}

.section_hero_support.is--open {
  opacity: 1;
  position: fixed;
  transform: none;
}

.page-wrapper-14 {
  display: none;
}

.picto-embed {
  justify-content: center;
  align-items: center;
  display: flex;
}

.sidebar_historic-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.sidebar_historic-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  align-items: center;
  width: 100%;
  display: flex;
}

.topbar {
  background-color: #1d1d1c;
  border-radius: .25rem;
  padding-top: .75rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
}

.button_arrow {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
}

.button_arrow.small {
  width: .88rem;
  height: .88rem;
}

.address_picto {
  width: 1.25rem;
  height: 1.25rem;
}

.hero_title {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.start {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 4.38rem -1.31rem auto auto;
}

.sidebar_logo {
  width: 15.04%;
}

.hero_cta {
  background-color: #10100f;
  border: 1px solid #373734;
  border-radius: .25rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: .63rem 1rem;
  display: flex;
}

.homeform {
  width: 100%;
}

.hero_content-3 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 60.94%;
  display: flex;
  position: relative;
}

.chat_wrapper {
  background-color: #10100f;
  border: 1px solid #373734;
  border-radius: .25rem;
  width: 50.83%;
  padding: 1.5rem 1.67%;
}

.main-wrapper-9 {
  border: 1px #4e24bb;
  margin-top: 0;
  margin-left: 5%;
}

.chat_hero-img {
  border-radius: 50vw;
}

.historic_avatar {
  aspect-ratio: 1;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
}

.text-block-107 {
  display: flex;
}

.chat_personna-list {
  grid-column-gap: 2.34%;
  grid-row-gap: 1rem;
  color: #fff;
  flex-flow: wrap;
  width: 100%;
  margin-bottom: auto;
  line-height: 1.13rem;
  display: flex;
}

.chat_message {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #fff;
  border: 1px solid #373734;
  border-radius: .25rem;
  align-items: flex-start;
  width: 100%;
  padding: 1rem;
  font-size: .88rem;
  display: flex;
}

.chat_message.hero {
  background-color: #151514;
  border-color: #373734;
  align-items: center;
  width: 60.33%;
}

.chat_message.hero.user {
  justify-content: flex-end;
  margin-left: 0;
}

.chat_input {
  background-color: #0b0b0a;
  border: 1px solid #1d1d1c;
  border-radius: .13rem;
  padding: .5rem 1rem;
  display: flex;
  position: relative;
}

.chat_field {
  color: #fff;
  background-color: #fff0;
  border: 1px #000;
  margin-bottom: 0;
  display: flex;
}

.chat_field:active, .chat_field:focus {
  color: #fff;
}

.subtitle-5 {
  color: #6b6b67;
}

.hero_img {
  border-radius: .25rem;
  width: 100%;
}

.container-38 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container-38.is--hero {
  grid-column-gap: 3.88rem;
  grid-row-gap: 3.88rem;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.wrapper-btn {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper-btn.hide {
  justify-content: flex-start;
}

.hero_chat-wrap {
  border: 1px solid #6b6b66;
  border-radius: .25rem;
  width: 100%;
}

.hero_media {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 32.58%;
  display: flex;
  position: relative;
}

.text-color-white {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-size: 55px;
  font-style: italic;
  font-weight: 800;
  line-height: 1em;
}

.hero-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 93.72%;
  display: flex;
}

.chat_response {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0;
  padding-bottom: 1.5rem;
  display: flex;
  position: static;
  overflow: visible;
}

.chat_form {
  height: 100%;
}

.personna_intro {
  width: 100%;
}

.form-22 {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.historic_title {
  color: #fff;
  flex: 1;
  font-size: .88rem;
}

.embed-btn {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.sidebar_right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  width: 22.92%;
  display: flex;
}

.info-picto {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  display: flex;
}

.section_hero-3 {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.section_hero-3.lead {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: static;
  overflow: hidden;
}

.hero_cta-text {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.search-6 {
  margin-bottom: 0;
}

.logo_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.question_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.avatar_position {
  color: #fff9;
}

.question-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-style: solid;
  border-width: 1px;
  border-radius: .25rem;
  font-weight: 500;
  line-height: 1.13;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.question-2:hover {
  mix-blend-mode: normal;
}

.question-2.faq {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #d0d0cd;
  text-align: left;
  cursor: pointer;
  background-color: #10100f;
  border-color: #373734;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: .5rem;
  font-size: .88rem;
  line-height: 1.13rem;
}

.question-2.faq:hover {
  color: #fff;
  background-color: #10100f;
  border-color: #373734;
}

.form_input-history {
  color: #fff;
  background-color: #0b0b0a;
  border: 1px solid #373734;
  border-radius: .25rem;
  margin-bottom: 0;
  display: flex;
}

.form_input-history:focus, .form_input-history:focus-visible, .form_input-history[data-wf-focus-visible] {
  color: #fff;
}

.sidebar_enterprise {
  color: #fff;
  font-size: 1.25rem;
}

.personna_item {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  cursor: pointer;
  background-color: #151514;
  border: 1px solid #373734;
  flex: none;
  align-items: center;
  width: 48.76%;
  min-width: 45%;
  padding: 1rem;
  font-size: .88rem;
  transition: all .3s ease-in-out;
  display: flex;
}

.personna_item:hover {
  background-color: #ffffff1a;
}

.hero_img-wrapper {
  border-radius: .25rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.info_wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #fff;
  text-align: center;
  background-color: #4e7021;
  border: 1px solid #a9ff3d;
  border-radius: .25rem;
  flex-direction: column;
  padding: 1.5rem 1rem;
  display: flex;
}

.text-weight-medium {
  color: var(--body-display);
  font-weight: 500;
}

.text-weight-medium.text-color-white {
  color: var(--body-display);
}

.radio--button {
  z-index: 0;
  border-style: none;
  border-radius: 0%;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.radio--button.w--redirected-checked {
  z-index: 0;
  color: #fff;
  background-color: #c1d4ff;
  border-color: #0000;
  border-radius: 4px;
}

.div-block-72 {
  width: 100%;
  height: 40%;
  position: absolute;
  inset: 5% 0% 0%;
}

.radio-button-field-2 {
  color: #3b3ff9;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #3b3ff9;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 8px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.radio-button-field-2:hover {
  color: #fff;
  background-color: #7275f6;
}

.container-39 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  display: flex;
  position: relative;
}

.container-39.horizontal {
  text-align: center;
  flex-direction: column;
}

.chat-bubble-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 27px;
  padding: 15px 10px;
  display: flex;
}

.success-icon {
  font-size: 55px;
}

.chat-wrapper {
  z-index: 99;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 300px;
  height: 550px;
  margin-bottom: 40px;
  display: flex;
  position: absolute;
  inset: auto 3% 3% auto;
  overflow: hidden;
}

.form-23 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 15px 7px;
  display: flex;
  position: relative;
}

.rbl {
  z-index: 2;
  position: relative;
}

.chat-bubble {
  background-color: #f2f2f3;
  border-radius: 9px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: 80%;
  margin-top: 0;
  margin-bottom: 9px;
  padding: 12px 25px;
  display: flex;
  overflow: hidden;
}

.chat-bubble.response--3, .chat-bubble.response--1, .chat-bubble.response--4 {
  display: none;
}

.chat-bubble.reply {
  color: #fff;
  background-color: #3b40f8;
  align-self: flex-end;
  display: flex;
}

.chat-bubble.reply.reply--service, .chat-bubble.reply.reply--name {
  display: none;
}

.chat-bubble.reply.reply--email {
  max-width: 100%;
  display: none;
  overflow: visible;
}

.chat-bubble.response--2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 100%;
  display: none;
}

.text-block-2 {
  color: #dbdbdb;
  margin-left: 12px;
  font-size: 13px;
}

.heading-3 {
  color: #fff;
  margin: 0;
  font-size: 65px;
  line-height: 1.3;
}

.submit-button-8 {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #3b40f8;
  border-radius: 1000px;
  margin-left: -79px;
  padding-left: 36px;
  padding-right: 36px;
  font-size: 14px;
  font-weight: 600;
}

.subscribe-form-input-wrapper {
  text-align: left;
  flex: 1;
}

.field-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.subscribe-form-flex {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.paragraph-2 {
  color: #fff;
  max-width: 500px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.3;
}

.form-block-18 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.chat-top {
  background-color: #3b3ff9;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.prompt-message {
  color: #181818;
  background-color: #f2f2f3;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: -68% auto auto -183%;
}

.response--name {
  color: #fff;
}

.section-29 {
  background-color: #121212;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.success {
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.form-block-2 {
  width: 100%;
  max-width: 600px;
  margin-top: 30px;
}

.input-wrapper-3 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.lottie-animation-4 {
  width: 44%;
  margin-bottom: 3px;
  margin-left: 2px;
}

.submit {
  display: none;
}

.text-block-108 {
  color: #fff;
  font-weight: 600;
}

.field-4 {
  z-index: 1;
  border: 1px #000;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #d0d0d0;
  height: 100%;
  margin-bottom: 0;
  position: absolute;
}

.field-4.dummy {
  z-index: 0;
  width: 100%;
}

.field-4.email {
  display: none;
}

.field-4.hidden {
  z-index: -1;
  width: 0;
  display: none;
}

.chat-button {
  z-index: 100;
  color: #fff;
  cursor: pointer;
  background-color: #3b3efa;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: flex;
  position: absolute;
  inset: auto 2% 2% auto;
}

.subscribe-form-input {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 2000px;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
}

.submit-button-9 {
  z-index: 900;
  position: relative;
}

.text-block-109 {
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.text-block-110 {
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.text-block-111 {
  color: var(--black-2);
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.text-block-112, .text-block-113, .text-block-114 {
  font-family: Montserrat, sans-serif;
}

.form-full {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 0;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.form-wrap-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 390px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.slider-content-wrap {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  text-align: center;
  background-color: #05050580;
  border-bottom: 1px #000;
  border-radius: 13px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 90px 20px 75px;
  display: flex;
  position: relative;
}

.form07_link {
  color: #5b3acc;
  font-size: 13px;
  font-weight: 700;
}

.text-counter {
  color: #c2c2c273;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.checkbox-image {
  width: 45px;
}

.form-content {
  width: 100%;
  margin-bottom: 0;
}

.form-content.final {
  margin-bottom: 0;
}

.text-block-115 {
  color: var(--deon-green);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.counter-image {
  width: 16px;
  margin-right: 5px;
}

.form12_checkbox_field {
  background-color: #fff;
  border: 1.2px solid #3e34c81a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  width: 140px;
  height: 120px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 35px 22px 22px;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 35px #c6d3ff47;
}

.form-wrapper {
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.field-input {
  color: #fff;
  background-color: #111;
  border: 1.5px #3e34c80a;
  border-radius: 6px;
  width: 100%;
  min-height: 45px;
  font-size: 16px;
}

.field-input:focus {
  border-color: #0064fe;
}

.field-input::placeholder {
  color: #ffffff26;
  font-family: Varela Round, sans-serif;
}

.error-message-4 {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.form-section-title {
  color: var(--white);
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-style: italic;
  font-weight: 800;
  line-height: 32px;
}

.line-bottom {
  background-color: #c5c7ca;
  height: 1px;
}

.mask-3 {
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  background-color: #000000d1;
  border-radius: 12px;
}

.checkbox-field-2 {
  background-color: #1d1d1d08;
  justify-content: flex-start;
  align-items: center;
  width: 24%;
  min-width: 150px;
  height: 140px;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  box-shadow: 1px 1px 35px #6cba1612;
}

.next {
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 159px;
  height: 47px;
  margin: 0 auto 25px;
  display: block;
  position: relative;
  top: -71px;
  left: 200px;
  right: 35px;
  overflow: visible;
}

.arrow-3 {
  width: 16px;
  margin-right: 8px;
}

.checkbox-title {
  color: var(--white);
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 13.5px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.previous-button {
  opacity: 1;
  color: #5b617c;
  letter-spacing: 0;
  text-indent: -2px;
  text-transform: uppercase;
  flex: none;
  align-self: center;
  padding: 5px 0;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-style: italic;
  transition: opacity .2s ease-in;
}

.previous-button:hover {
  opacity: 1;
  border-bottom-color: #0000008c;
}

.mobile-nav-bottom {
  display: none;
}

.previous {
  opacity: .45;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100px;
  height: 35px;
  margin: auto auto 30px 30px;
  transition: opacity .2s;
  display: flex;
  position: static;
  inset: auto auto 0% 0%;
}

.previous:hover {
  opacity: 1;
}

.next-button {
  color: var(--light-grey-background);
  letter-spacing: -.5px;
  text-transform: uppercase;
  background-color: #1d1d1d00;
  border-radius: 5em;
  flex: 1;
  align-self: center;
  padding: 12px 32px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 800;
  transition: background-color .2s ease-in;
}

.next-button:hover {
  color: var(--deon-green);
  background-color: #1f1f1f;
}

.title-left {
  opacity: .3;
  align-items: center;
  margin-top: 15px;
  margin-left: 15px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.submit-button-10 {
  background-color: var(--black-2);
  box-shadow: none;
  letter-spacing: -.5px;
  text-transform: uppercase;
  border-radius: 5em;
  width: 260px;
  height: auto;
  margin-bottom: -60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  transition: background-color .2s ease-in, box-shadow .2s ease-in;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.submit-button-10:hover {
  background-color: var(--deon-green);
}

.slider-5 {
  background-color: #0000;
  max-width: 700px;
  height: 35em;
  position: relative;
}

.form-title-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
  display: flex;
}

.field-title {
  color: var(--white);
  text-align: left;
  background-color: #fff0;
  margin-bottom: 5px;
  padding-left: 6px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.paragraph-28 {
  color: var(--dark-outline);
  text-align: center;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 1.3em;
}

.slide-2 {
  border-radius: 20px;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.details-right {
  align-items: center;
  margin-top: 15px;
  margin-right: 15px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.checkbox-3 {
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: none;
  position: absolute;
  inset: 0%;
}

.checkbox-3:active {
  border: 1px solid #000;
}

.form-wrap-full {
  width: 50%;
}

.success-message-8 {
  letter-spacing: 1px;
  padding: 50px;
}

.form07_legal {
  color: #101c2e8a;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

.checkbox_wrap {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.checkbox_wrap.checkbox_centre {
  justify-content: center;
}

.image-35 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.margin-bottom {
  color: #99a7ac;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.icon-svg {
  outline-offset: 0px;
  color: #374252;
  background-color: #37425233;
  border-radius: 50%;
  outline: 6px solid #3742521a;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: flex;
}

.icon-svg.green-svg {
  color: #258f5d;
  background-color: #d2f8df;
  outline-color: #eafef3;
}

._120-font {
  color: #ccdde4;
  font-family: Montserrat, sans-serif;
  font-size: 120%;
  font-style: italic;
  font-weight: 800;
}

.form-header {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2em;
}

.tooltip-title {
  margin-bottom: 6px;
  font-size: 110%;
  font-weight: 800;
}

.tooltip-wrapper {
  color: #333;
  text-align: left;
  background-color: #fafbfe;
  border: 1px solid #d8e3f0;
  border-radius: 10px;
  width: 300px;
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
  position: absolute;
  box-shadow: 1px 1px 8px 1px #2d3e501f;
}

.tooltip-diamond {
  z-index: 2;
  background-color: #fafbfe;
  border: 1px solid #d8e3f0;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -7px 0% auto;
  transform: rotate(45deg);
  box-shadow: 0 -3px 8px #2d3e500f;
}

.tooltip-diamond.left {
  margin-top: auto;
  margin-bottom: auto;
  inset: 0 auto 10px -7px;
}

.tooltip-svg {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tour-step {
  display: none;
}

.tooltip-author-wrap {
  align-items: center;
  display: flex;
}

.tooltip-anchor {
  z-index: 100;
  justify-content: center;
  width: 100%;
  height: 10px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  display: flex;
  position: absolute;
  inset: 100% 0% 0;
}

.tooltip-anchor.right {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  margin-right: -12px;
  padding-left: 12px;
  inset: 0% 0% 0% auto;
}

.tooltip-anchor.right._2 {
  margin-right: -24px;
  top: 10%;
}

.tooltip-author {
  border-radius: 50%;
  width: 32px;
  margin-right: 10px;
}

.form-wrapper-2 {
  z-index: 50;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 400px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  overflow: visible;
}

.form-wrapper-2.verify {
  text-align: center;
  max-width: 500px;
}

.tooltip-close {
  z-index: 5;
  color: #3f3e46;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.tooltip-close:hover {
  background-color: #002aff1a;
}

.tooltip-container {
  z-index: 3;
  background-color: #fafbfe;
  border-radius: 9px 9px 0 0;
  padding: 20px;
  font-size: 12.5px;
  position: relative;
}

.tooltip-navigation {
  z-index: 3;
  color: #64636e;
  background-color: #fafbfe;
  border-top: 1px solid #d8e3f0;
  border-radius: 0 0 9px 9px;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 8px 20px;
  display: flex;
  position: relative;
  bottom: 0;
}

.tooltip-navigation.top {
  border-top-style: none;
  border-bottom: 1px solid #d8e3f0;
  border-radius: 9px 9px 0 0;
}

.button-54 {
  color: #fff;
  background-color: #374252;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  margin-top: 5px;
  font-size: 16px;
  font-weight: 400;
  transition: background-color .2s, box-shadow .2s;
  display: flex;
  box-shadow: 0 1px 20px #22222229;
}

.button-54:hover {
  background-color: #000;
  box-shadow: 0 5px 30px #22222229;
}

.button-54.auto {
  background-color: var(--black-2);
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 6em;
  width: auto;
  padding-top: 12px;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.button-54.auto:hover {
  background-color: var(--deon-green);
}

.relative-2 {
  position: relative;
}

.margin-bottom_sent-to {
  color: #99a7ac;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.margin-bottom_spam {
  color: #99a7ac;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.verified-dashboard {
  color: var(--button-black);
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.text-block-_verified {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  margin-top: 2px;
  margin-bottom: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-style: italic;
  text-decoration: none;
}

.text-block-_verified:hover {
  opacity: .65;
}

.section_big-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding: 100px 5%;
  display: flex;
  position: relative;
}

.container-40 {
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 15px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 500px;
  padding: 40px;
  display: flex;
  box-shadow: 0 9px 20px #00000012;
}

.check-wrap {
  background-color: #5cad2a;
  border-radius: 50%;
  padding: 7px;
}

.icon-4 {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  overflow: hidden;
}

.button-55 {
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}

.confetti {
  z-index: -1;
  width: 80%;
  position: absolute;
}

.heading-110 {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 800;
}

.my-dashboard-button {
  background-color: var(--button-black);
  border-radius: .3em;
  align-items: center;
  padding: 7px 20px;
  text-decoration: none;
  display: flex;
}

.my-dashboard-button:hover {
  background-color: var(--deon-green);
  text-decoration: none;
}

.image-36 {
  width: 30px;
  min-width: 10%;
  max-width: 50%;
  margin-left: 10px;
}

.text-block-116 {
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.paragraph-29 {
  margin-bottom: 20px;
}

.right-img {
  border-radius: 10px;
}

.profile-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-10 {
  flex: 1;
  display: flex;
}

.p-20 {
  font-size: 20px;
}

.underline {
  font-size: 12px;
  text-decoration: underline;
}

.form-wrap-3 {
  width: 100%;
  max-width: 350px;
}

.logo-link-4 {
  margin-bottom: 40px;
}

.rcard-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.black-p {
  color: #000;
}

.nav-link-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #000;
  border-radius: 5px;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 5px 10px 10px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.nav-link-5:hover {
  background-color: #f4f4f4;
}

.nav-link-5.last {
  margin-bottom: 0;
}

.top-content-2 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.profile-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.green-p {
  color: #007e00;
}

.shadow-3 {
  display: none;
}

.nav-menu-7 {
  margin-bottom: 40px;
}

.nav-menu-7.last {
  margin-bottom: 0;
}

.revenue-content {
  margin-bottom: 40px;
}

.line-fill {
  background-color: #098700;
  border-radius: 5px;
  width: 0%;
  height: 100%;
}

.line-fill._60 {
  background-color: var(--deon-green);
  width: 60%;
}

.line-fill._30 {
  background-color: var(--deon-green);
  width: 30%;
}

.text-field {
  background-color: #f4f4f4;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/655d07c0654b4f870f9b04d9_search.svg");
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #f4f4f4;
  border-radius: 10px;
  height: 35px;
  margin-bottom: 0;
  padding-left: 40px;
  transition: background-color .2s;
}

.text-field:hover, .text-field:active, .text-field:focus {
  background-color: #fff;
  border-color: #f4f4f4;
}

.nav-4 {
  z-index: 99999;
  background-color: #fff0;
  border-right: 1px solid #6f6f6f4d;
  width: 100%;
  max-width: 100px;
  height: 100vh;
  padding: 15px;
  position: sticky;
  top: 0;
}

.section-30 {
  width: 100%;
  max-width: 1920px;
  display: flex;
}

.mb-5-3 {
  margin-bottom: 1px;
  font-size: 11px;
  line-height: 1.2em;
  text-decoration: none;
}

.recent-card {
  color: #000;
  border: 1px solid #6f6f6f4d;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 190px;
  padding: 10px 15px;
  text-decoration: none;
  transition: box-shadow .2s, transform .2s;
  display: flex;
}

.recent-card:hover {
  transform: translate(-4px, -4px);
  box-shadow: 0 4px 5px #0003;
}

.outline-link {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #000;
  border: 1px solid #6f6f6f4d;
  border-radius: 10px;
  align-items: center;
  height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  text-decoration: none;
  transition: border-color .2s, background-color .2s;
  display: flex;
}

.outline-link:hover {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}

.grey-p-2 {
  color: #6f6f6f;
}

.recent-title {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.pink-p {
  color: #d261d5;
}

.revenue-wrap {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.link-16 {
  color: #000;
  border-bottom: 1px solid #000;
  text-decoration: none;
  transition: border-color .2s, color .2s;
}

.link-16:hover {
  color: #d261d5;
  border-bottom-color: #0000;
}

.profile-img {
  border: 1px #000;
  border-radius: 50%;
  max-width: 20%;
  margin-bottom: 15px;
}

.recent-heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.mb-10-4 {
  margin-bottom: 10px;
}

.chrome-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #000;
  background-color: #bbfa9f;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.chrome-wrap:hover {
  background-color: #f8ef5d;
}

.rcard-img {
  border: 1px solid #fff;
  border-radius: 50%;
}

.rcard-img.ml {
  margin-left: -5px;
}

.top-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.revenue-flex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.content-right {
  flex-direction: column;
  justify-content: space-between;
  width: 30%;
  padding: 20px 10px;
  display: flex;
}

.recent-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content-left-2 {
  border-right: 1px solid #6f6f6f4d;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px;
  display: flex;
}

.orange-p {
  color: #ff6700;
}

.right-icon-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 20px;
  display: flex;
}

.r-flex {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.r-cards {
  display: flex;
}

.r-card {
  border: 1px solid #6f6f6f4d;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 100%;
  min-height: 145px;
  padding: 20px;
  display: flex;
}

.r-card.last {
  border-left-color: #6f6f6f00;
  border-radius: 0 20px 20px 0;
}

.r-card.mid {
  border-left-color: #6f6f6f00;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.line-5 {
  background-color: #f4f4f4;
  border-radius: 5px;
  width: 100%;
  height: 8px;
  margin-bottom: 20px;
}

.r-card_wrap {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.opacity {
  color: #6f6f6f80;
}

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

.nav-wrap-3 {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.small-grey {
  color: #6f6f6f;
  font-size: 12px;
}

.small-grey.mb-10 {
  margin-bottom: 10px;
}

.small-grey.mb-20 {
  color: var(--black);
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}

.top-link {
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  transition: background-color .2s;
  display: flex;
}

.top-link:hover {
  background-color: #f4f4f4;
}

.title-icon {
  background-color: #f4f4f4;
  border-radius: 5px;
  padding: 3px 5px;
}

.mobile-nav-2 {
  display: none;
}

.reputation-fill {
  background-color: #ffb11f;
  border-radius: 5px;
  width: 47%;
  height: 100%;
}

.shadow-4 {
  display: none;
}

.status-wrap {
  color: #00e09e;
  background-color: #123e36;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 12px;
  display: flex;
}

.content-right-2 {
  background-color: var(--button-black);
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
  padding: 20px;
  display: flex;
}

.form-25 {
  font-size: 12px;
}

.stat-wrap-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  display: flex;
}

.nav-menu-8 {
  color: #9d9ba9;
}

.nav-menu-8.mb-10 {
  margin-bottom: 20px;
}

.products-wrap {
  flex: 1;
}

.nav-heading {
  text-transform: uppercase;
  margin-bottom: 20px;
}

.product-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-decoration: none;
  display: flex;
}

.products-content {
  background-color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  padding: 20px 20px 10px;
}

.reputation-line {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  height: 5px;
}

.p-18 {
  color: var(--black);
  text-transform: uppercase;
  font-size: 15px;
  font-style: italic;
  font-weight: 800;
}

.product-icon {
  border: 1px #9d9ba9;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.product-icon.big {
  width: 40px;
  height: 40px;
}

.profile-wrap-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #2a2933;
  border-radius: 10px;
  align-items: center;
  margin-bottom: 30px;
  padding: 10px;
  font-size: 12px;
  display: flex;
}

.form-wrap-4 {
  margin-bottom: 25px;
}

.stat-result {
  background-color: #123e36;
  border-radius: 10px;
  width: 15px;
  height: 75px;
}

.stat-result.current {
  background-color: #00e09e;
  height: 120px;
}

.stat-result._120 {
  height: 120px;
}

.stat-result.grey {
  background-color: #313038;
}

.stat-result._100 {
  height: 100px;
}

.stat-result._100.grey {
  background-color: #313038;
}

.orders-block {
  background-color: var(--ai-background);
  color: var(--white);
  border-radius: 10px;
  align-items: center;
  padding: 15px;
  display: block;
}

.link-17 {
  color: #9d9ba9;
  text-decoration: none;
  transition: color .2s;
}

.link-17:hover {
  color: #00e09e;
}

.products-line {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(70px, 1px) minmax(100px, 1px) minmax(105px, 1px) minmax(80px, 1px) minmax(80px, 1px) minmax(90px, 1px);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 10px;
  display: flex;
}

.products-line.heading {
  background-color: var(--gradient-white);
  border-bottom: 1px solid #e2e2e2;
  border-radius: 0;
  align-content: space-between;
  place-items: stretch stretch;
  margin-bottom: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 24px;
  display: flex;
}

.right-icons {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.overview-card {
  color: #fff;
  background-color: #fff;
  border: 1px #d4d4d4;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 115px;
  padding: 15px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.overview-card:hover {
  background-color: #fcfcfc;
}

.overview-content {
  margin-bottom: 30px;
}

.scroll-2 {
  flex: 1;
  display: flex;
  overflow: auto;
}

.text-field-10 {
  color: #fff;
  background-color: #16151c;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/655d0c7ee2cf18c9c4c89981_search.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #0000;
  border-radius: 50px;
  height: 60px;
  margin-bottom: 0;
  padding-left: 60px;
  transition: background-color .2s;
}

.text-field-10:hover, .text-field-10:active, .text-field-10:focus {
  background-color: #2a2933;
  border-color: #0000;
}

.stat-flex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.products-heading {
  margin-bottom: 20px;
}

.product-text {
  text-align: center;
  text-decoration: none;
}

.reputation-holder {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.content-11 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  height: auto;
  display: flex;
}

.orders-heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.mobile-nav-3 {
  display: none;
}

.logo-link-5 {
  margin-bottom: 20px;
}

.overview-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-top: 0;
  display: flex;
}

.nav-link-6 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #9d9ba9;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.nav-link-6:hover, .nav-link-6.w--current {
  color: #fff;
  background-color: #2a2933;
}

.nav-link-6.green {
  color: #00e09e;
  background-color: #2a2933;
  justify-content: center;
}

.nav-link-6.green:hover {
  background-color: #2a2933;
}

.nav-link-6.last {
  margin-bottom: 0;
}

.nav-link-6.red {
  color: #f5414c;
  background-color: #451e26;
  justify-content: center;
}

.nav-link-6.red:hover {
  color: #fff;
  background-color: #f5414c;
}

.stat-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 10px;
  display: flex;
}

.right-profile {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
}

.embed-icon-2 {
  margin-bottom: -2px;
}

.nav-5 {
  z-index: 9999;
  background-color: #16151c;
  width: 100%;
  max-width: 250px;
  height: 100vh;
  padding: 20px;
  position: sticky;
  top: 0;
}

.nav-wrap-4 {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.stat-numbers-2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 30px;
  display: flex;
}

.product-line {
  background-color: #9d9ba930;
  width: 1px;
}

.content-left-3 {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin-left: 5%;
  padding: 20px;
  display: flex;
}

.text-flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.red-p {
  color: #f5414c;
}

.p-12 {
  font-size: 12px;
}

.p-12.grey-p {
  color: #989da5;
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 11px;
  text-decoration: none;
}

.p-12.grey-p {
  color: #989da5;
}

.p-12.grey-p.mb-5 {
  margin-bottom: 5px;
}

.green-p-2 {
  color: var(--body-display);
  font-size: 12px;
  font-weight: 500;
}

.mb-20-4 {
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 11px;
  font-weight: 500;
}

.reputation-content {
  margin-bottom: 40px;
}

.orders-wrap-2 {
  border-bottom: 1px solid #ededed12;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 2px;
  display: flex;
}

.orders-wrap-2.last {
  margin-bottom: 0;
}

.icon-link {
  background-color: #2a2933;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  transition: background-color .2s;
  display: flex;
}

.icon-link:hover {
  background-color: #9d9ba9;
}

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

.grey-p-3 {
  color: var(--body-display);
  text-align: right;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.card-flex {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  height: 1.5em;
  display: block;
}

.income-content {
  background-color: #16151c;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 300px;
  margin-bottom: 30px;
  padding: 20px;
  display: flex;
}

.product-wrap {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: var(--ai-background);
  color: var(--white);
  border-radius: 10px;
  justify-content: center;
  margin-bottom: 40px;
  padding: 10px 15px;
  text-decoration: none;
  display: flex;
}

.product-wrap:hover {
  background-color: var(--deon-green);
}

.orders-icon {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.reputation-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #2a2933;
  border-radius: 10px;
  padding: 15px;
  display: flex;
}

.section-elite-dashboard {
  width: 100%;
  max-width: 1920px;
  display: none;
}

.app-dashboard-body {
  background-color: #f0f0f0;
  margin-top: 0;
}

.paragraph-30 {
  color: var(--black);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.status-number {
  color: var(--black);
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Druk Trial, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
}

.status-number:hover {
  color: var(--deon-green);
}

.paragraph-31 {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.button-56 {
  background-color: var(--button-black);
  text-align: center;
  text-transform: uppercase;
  border-radius: 4em;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 8px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.button-56:hover {
  background-color: var(--deon-green);
}

.plus-request {
  color: var(--button-black);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 400;
}

.elite-top-nav {
  z-index: 899;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #e4e9ec00;
  border-radius: 0;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 25px;
  padding: 10px 0 10px 40px;
  display: flex;
  position: static;
  top: 5px;
}

.paragraph-32 {
  font-weight: 400;
}

.submit-request-text {
  color: #505b5f;
  letter-spacing: 3px;
  text-transform: uppercase;
  align-items: center;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.submit-modal {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: stretch;
  margin-bottom: 0;
  margin-right: 0;
  text-decoration: none;
  display: none;
}

.creative-request-modal {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #00000057;
  flex: 1;
  align-self: stretch;
  width: 95vw;
  min-height: 100vh;
  margin-top: 75px;
  margin-left: 5vw;
  margin-right: 0;
  padding: 30px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.rte-label {
  color: #000;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 12px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 15px;
}

.clone-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60vh;
  display: flex;
}

.text-red {
  color: #ff0004;
  display: inline;
}

.scrollbar {
  text-align: center;
  max-height: 600px;
  padding: 30px;
  overflow: auto;
}

.input-4 {
  color: #000;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
  font-size: 13px;
  font-weight: 300;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input-4:hover {
  border-color: var(--deon-green);
  box-shadow: none;
}

.input-4:focus {
  border: 1px solid var(--deon-green);
}

.input-4::placeholder {
  color: #6e6e6e;
}

.job_sticky-card {
  border: 1px solid #f2f3ff;
  border-radius: 15px;
  padding: 35px 30px;
}

.custom-scrollbar {
  display: none;
}

.form-separator {
  background-color: #f2f3ff;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.form-row-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.popup-wrap {
  background-color: #fff;
  border-radius: 15px;
  width: 100%;
  max-width: 680px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.button-57 {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-57:hover {
  box-shadow: none;
  background-color: #000;
}

.button-57.in-form {
  background-color: var(--button-black);
  text-transform: uppercase;
  width: 100%;
  height: 52px;
  margin-top: 0;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.button-57.in-form:hover {
  background-color: var(--deon-green);
}

.message_success {
  background-color: var(--ai-background);
  color: #fff;
  border-radius: 10px;
  font-weight: 600;
}

.form-border-2 {
  background-color: #fff;
  border: 1px solid #f2f3ff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 400px;
  max-width: none;
  margin-bottom: 0;
  padding: 10px 30px 30px;
  display: flex;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.paragraph-33 {
  opacity: .9;
  color: #000;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.input-wrapper-4 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.input-wrapper-4.mr-15 {
  margin-right: 15px;
}

.h4-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 600;
}

.h3-5 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druk Trial, sans-serif;
  font-size: 45px;
  font-weight: 600;
}

.popup {
  z-index: 9999;
  opacity: 1;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  position: fixed;
  inset: 0%;
}

.input-label-6 {
  z-index: 2;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 15px;
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 6px;
}

.form_100w {
  width: 100%;
  display: block;
}

.spacer-30-4 {
  width: 100%;
  height: 15px;
}

.popup-close {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 13% 15% auto auto;
}

.date {
  color: var(--black-2);
  background-color: #fff0;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  width: 100%;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px 16px 12px 18px;
  font-size: 13px;
  transition: all .25s;
  box-shadow: 1px 1px 2px #7281a70a;
}

.date:hover, .date:focus {
  border-color: var(--deon-green);
}

.date::placeholder {
  color: #a0a6b0;
}

.text-block-117 {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.hide-msid {
  display: none;
}

.p-14-3 {
  color: #989fb2;
  font-size: 14px;
}

.p-14-3.mb-7 {
  margin-bottom: 7px;
}

.content-middle {
  width: 100%;
  max-width: 900px;
  height: 90%;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 15px 40px 40px;
}

.main-dashboard {
  width: 100%;
  max-width: 1920px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.call-block {
  background-color: #06d7a0;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px 15px 15px;
  display: flex;
  box-shadow: 0 15px 40px #06d7a066;
}

.tabs-menu-5 {
  border-bottom: 2px solid #f7f7f9;
  margin-bottom: 20px;
}

.text-brown {
  color: #515151;
}

.scroll-3 {
  height: auto;
  max-height: 100vh;
  margin-left: 5%;
  overflow: auto;
}

.tasks-heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.status-numbers {
  grid-column-gap: 20px;
  justify-content: space-between;
  margin-top: 30px;
  display: flex;
}

.nav-left__menu {
  margin-bottom: 65px;
}

.notification-box {
  color: #fff;
  background-color: #f04770;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 23px;
  margin-left: 50px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  display: flex;
}

.search-field-3 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/655e662c3572cca4ba5d36cc_search.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #0000;
  height: 46px;
  margin-bottom: 0;
  padding-bottom: 5px;
  padding-left: 50px;
  padding-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
}

.search-field-3::placeholder {
  color: #989fb2;
  font-size: 16px;
}

.status-heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.user-profile {
  grid-column-gap: 24px;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.call-length {
  color: #fff;
  font-size: 16px;
}

.mb-15-2 {
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1em;
}

.tasks-h {
  color: #989fb2;
  margin-bottom: 20px;
}

.pointer {
  cursor: pointer;
}

.flex-div {
  align-items: center;
  display: flex;
}

.flex-div.gap-10 {
  grid-column-gap: 10px;
}

.cards-wrap-4 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  margin-bottom: 45px;
  display: flex;
}

.nav-right__heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 45px;
  display: flex;
}

.img-abs {
  position: absolute;
  inset: auto 0% 0% auto;
}

.collaborator-img {
  border: 1.25px solid var(--body-display);
  border-radius: 50%;
  min-width: 45px;
  height: 45px;
  margin-bottom: 0;
  padding: 3px;
}

.link-wrap {
  grid-column-gap: 20px;
  align-items: center;
  display: flex;
}

.border {
  background-color: #ededed12;
  width: 100%;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.task-block {
  grid-column-gap: 20px;
  color: #2f3c66;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
  text-decoration: none;
  display: flex;
}

.task-block.last {
  margin-bottom: 0;
}

.embed-center-2 {
  margin-bottom: -4px;
}

.mode-wrap {
  color: #c9cdd8;
  background-color: #f5f6fa;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 78px;
  padding: 8px 15px;
  display: flex;
}

.p-13 {
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.user-img {
  object-fit: cover;
  border-radius: 50%;
  min-width: 60px;
  height: 60px;
}

.round-img {
  border: 1px solid #fff;
  border-radius: 50%;
  min-width: 30px;
  height: 30px;
}

.round-img.negative {
  object-fit: cover;
  border-width: 1px;
  margin-left: -10px;
}

.pink-label {
  color: #f04770;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
}

.call-wrap {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
  display: flex;
}

.plus-button-2 {
  background-color: #f04770;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  transition: transform .2s;
  display: flex;
}

.plus-button-2:hover {
  transform: scale(1.1);
}

.plus-button-2.small {
  background-color: #f3f3f5;
  min-width: 34px;
  height: 34px;
}

.plus-button-2.small.pink {
  background-color: var(--ai-background);
  margin-left: 40px;
}

.card-top-4 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.card-top-4.block {
  display: inline-block;
}

.invite-button {
  grid-column-gap: 8px;
  color: #2a84fe;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  text-decoration: none;
  display: flex;
}

.task-h {
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 600;
}

.container-41 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .35fr;
  grid-auto-columns: 1fr;
  min-height: 100vh;
  display: grid;
}

.nav-left__favorites {
  margin-bottom: 50px;
}

.favorite-circle {
  border: 1px solid #417ff8;
  border-radius: 50%;
  min-width: 15px;
  height: 15px;
}

.favorite-circle.orange {
  border-color: #fa6c6a;
}

.favorite-circle.green {
  border-color: #26c1b3;
}

.task-p {
  color: #989fb2;
  font-size: 12px;
}

.small-circle {
  background-color: #07d6a0;
  border-radius: 50%;
  min-width: 7px;
  height: 7px;
}

.small-circle.pink {
  background-color: #f04770;
}

.progress {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.task-description-wrap {
  grid-column-gap: 3px;
  align-items: center;
  display: flex;
}

.status-wrap-2 {
  align-items: flex-start;
  display: flex;
}

.tabs-wrap {
  position: relative;
}

.progress-p {
  color: #989fb2;
  font-size: 12px;
}

.nav-left {
  background-color: #fafafa;
  border-right: 1px solid #ededed;
  padding-top: 50px;
  padding-left: 28px;
  padding-right: 20px;
}

.health-team-list {
  grid-column-gap: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.health-team-list:hover {
  border-left: 1.5px none var(--neon-green);
  background-image: linear-gradient(90deg, #f4f4f4, #fff);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-left: 0;
}

.tab-link-3 {
  color: #989fb2;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border-bottom: 2px solid #0000;
  margin-bottom: -2px;
  margin-right: 20px;
  padding: 13px 30px 13px 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.tab-link-3.w--current {
  border-bottom-color: var(--black);
  color: var(--black);
  background-color: #0000;
}

.buttons-wrap-2 {
  grid-column-gap: 7px;
  align-items: center;
  display: flex;
}

.content-heading-4 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.collaborator {
  grid-column-gap: 10px;
  background-color: var(--ai-background);
  color: #7655e4;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  padding: 0;
  font-size: 12px;
  display: flex;
}

.collaborator.green {
  background-color: var(--ai-background);
  color: #07d6a0;
  padding: 0;
}

.navigation {
  display: block;
}

.around-padding {
  padding: 3px 4px;
}

.card-icon__wrap {
  background-color: #0000004d;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  min-width: 44px;
  height: 42px;
  display: flex;
}

.left-menu__link {
  color: #989fb2;
  border-left: 5px solid #0000;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 28px;
  text-decoration: none;
  transition: border-color .2s;
  display: flex;
  position: relative;
  left: -28px;
}

.left-menu__link:hover {
  border-left-color: #989fb2;
}

.left-menu__link.w--current {
  color: #f04770;
  border-left-color: #f04770;
}

.mode-field.active {
  color: #2f3c66;
}

.progress-bar__color {
  background-color: #f04770;
  border-radius: 5px;
  width: 30%;
  height: 7px;
}

.create-field {
  background-color: #f5f6f8;
  border: 1px solid #0000;
  border-radius: 10px;
  margin-bottom: 0;
  padding: 15px 13px;
  font-size: 13px;
}

.task-block__l {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.collaborators {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-top: 15px;
  display: flex;
}

.more-option {
  cursor: pointer;
  padding-left: 3px;
  padding-right: 3px;
}

.task-img__block {
  background-color: #f04770;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  height: 48px;
  display: flex;
}

.task-img__block.green {
  background-color: #06d7a0;
}

.task-img__block.blue {
  background-color: #582be7;
}

.h1-5 {
  font-size: 22px;
}

.call-options {
  grid-column-gap: 13px;
  align-items: center;
  display: flex;
}

.form-block-21 {
  z-index: 10;
  border-bottom: 2px solid #f7f7f9;
  margin-bottom: 0;
  font-size: 12px;
  position: static;
  inset: 0% 0% auto auto;
}

.form-block-21.static {
  border-bottom-style: none;
  margin-top: 18px;
  position: static;
}

.p-11 {
  font-size: 11px;
}

.card-text {
  width: 100%;
  max-width: 200px;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1em;
}

.hero-container {
  color: #fff;
  background-color: #f4f8fa00;
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  height: 250px;
  padding: 35px 30px 20px;
  text-decoration: none;
  display: flex;
}

.hero-container.purple {
  background-color: #2f2f3c;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 14px #2f2f3c80;
}

.nav-right {
  background-color: var(--button-black);
  max-height: 100vh;
  padding: 50px 35px 40px;
  position: sticky;
  top: 75px;
  overflow: auto;
}

.progress-bar__bg {
  background-color: #e4e1e8;
  border-radius: 5px;
  min-width: 88px;
  height: 7px;
}

.status-count {
  font-size: 30px;
  font-weight: 600;
}

.button-58 {
  color: #2f3c66;
  background-color: #f5f6fa;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 5px 20px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.button-58.purple {
  grid-column-gap: 9px;
  background-color: var(--button-black);
  color: #f3deff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.favorite-block {
  grid-column-gap: 20px;
  color: #989fb2;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
  display: flex;
}

.mb-5-4 {
  margin-bottom: 5px;
}

.collaborators-wrap {
  grid-column-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.collaborators-flex {
  grid-column-gap: 10px;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.semi-bold {
  font-weight: 600;
}

.form-field__wrap {
  font-family: Montserrat, sans-serif;
  font-size: 12px;
}

.heading-111 {
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.heading-112 {
  letter-spacing: 3px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.text-block-118 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.paragraph-34, .paragraph-35 {
  color: var(--active-border);
  letter-spacing: 0;
  margin-bottom: 4px;
  font-family: Bebasneue, sans-serif;
  font-size: 13.5px;
  font-weight: 400;
}

.paragraph-36 {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
}

.upload-wrap {
  align-items: center;
  display: flex;
}

.input-wrapper-5 {
  align-items: center;
  width: 100%;
  min-height: 44px;
  margin-bottom: 10px;
  display: flex;
}

.image-37 {
  margin-right: 9px;
}

.submission-image {
  border: 1px solid #01ccbe26;
  border-radius: 40px;
}

.submission-image.hide {
  display: none;
}

.text-red-copy {
  color: #ff0004;
  display: inline;
}

.text-red-hide {
  color: #ff0004;
  display: none;
}

.select-field {
  border-radius: 6px;
}

.button-59 {
  cursor: pointer;
  border-radius: 100vw;
  padding: 0;
  font-weight: 500;
  transition: color .2s, box-shadow .2s, background-color .2s;
  position: relative;
}

.dropdown-list-5 {
  background-color: #0000;
  padding-top: 5px;
}

.dropdown-list-5.is--right {
  right: 0;
}

.container-42 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.container-42.is--huge {
  max-width: 1830px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.section--content-library {
  margin-left: 5%;
}

.seach-parent {
  cursor: pointer;
  background-color: #000;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 45px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 3px #0006;
}

.search-7 {
  width: 100%;
  position: absolute;
  top: 3px;
}

.search-input-5 {
  float: right;
  color: #d6d6d6;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 40px;
  width: 115px;
  margin-bottom: 0;
  margin-right: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
}

.search-button-4 {
  z-index: 1;
  color: #0000;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/656120e9eae688df67aa54bb_mg.png");
  background-position: 50% 54%;
  background-repeat: no-repeat;
  background-size: 14px;
  position: absolute;
  left: 6px;
}

.text-block-119 {
  color: var(--deon-green);
  letter-spacing: .5px;
  padding: 2px;
  font-family: Bebasneue, sans-serif;
  text-decoration: none;
}

.text-block-120 {
  color: var(--black);
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 14.5px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}

.text-block-121 {
  color: var(--button-black);
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.library-download {
  text-decoration: none;
}

.image-38 {
  min-width: 25px;
  height: 25px;
}

.product-page-2 {
  background-color: #fff;
  max-width: 100%;
  margin-left: 5%;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 60px;
  position: relative;
}

.sticky-bar {
  position: sticky;
  top: 70px;
}

.sticky-bar._20-pixels {
  top: 20px;
}

.breadcrumbs {
  margin-bottom: 20px;
}

.gallery-left {
  width: 49.5%;
  margin-bottom: 1%;
  margin-right: 1%;
  position: relative;
  overflow: hidden;
}

.gallery-right {
  width: 49.5%;
  margin-bottom: 1%;
  position: relative;
  overflow: hidden;
}

.flex-2 {
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.intro-product-items {
  flex-direction: column;
  width: 24%;
  margin-right: 1%;
  display: flex;
}

.content-wrapper-4 {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1290px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.store-perks {
  text-align: center;
  border-right: 1px solid #a2a3a3;
  width: 33%;
  margin-right: 1px;
  padding: 30px 20px;
}

.store-perks._3 {
  border-right-style: none;
  padding-left: 5%;
}

.store-perks._2 {
  padding-left: 5%;
}

.category-link {
  color: #858585;
  text-decoration: none;
  transition: opacity .2s;
}

.category-link:hover {
  opacity: .85;
}

.product-title-2 {
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Druk Trial, sans-serif;
  font-size: 38px;
  line-height: 1.3;
}

.breadcrumb-2 {
  margin-right: 3px;
  font-size: 13px;
  text-decoration: none;
  display: inline-block;
}

.product-tag {
  z-index: 10;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-top: 10px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 11px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.accordion-item-trigger {
  align-items: flex-start;
  width: 100%;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.accordion-item-trigger:hover {
  text-decoration: none;
}

.product-images {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.right-product-column {
  width: 30%;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.no-top-margin {
  margin-top: 0;
}

.text-link-2 {
  font-size: 14px;
  transition: opacity .2s;
}

.text-link-2:hover {
  opacity: .85;
}

.text-link-2.medium {
  font-size: 16px;
}

.open-close-box {
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 28px;
  margin-left: 10px;
  display: flex;
  position: relative;
}

.empty-state-5 {
  background-color: #0000;
}

.hover-bg {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.flex-space {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.accordion-item-content {
  padding-left: 30px;
  padding-right: 0;
  overflow: hidden;
}

.accordion-item-content.no-padding {
  padding-left: 0;
}

.flex-no-wrap {
  flex-wrap: nowrap;
  display: flex;
}

.breadcrumb-link-2 {
  margin-right: 3px;
  font-size: 13px;
  text-decoration: none;
  transition: opacity .2s;
  display: inline-block;
}

.breadcrumb-link-2:hover {
  opacity: .85;
}

.product-description {
  color: #333;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.accordion-wrapper {
  margin-bottom: 10px;
}

.accordion-wrapper.product {
  border-bottom: 1px solid #a2a3a3;
  margin-bottom: 10px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.compare-price-2 {
  color: #a2a3a3;
  margin-right: 8px;
  font-style: italic;
  font-weight: 500;
  text-decoration: line-through;
  display: inline-block;
}

.main-image {
  width: 100%;
  margin-bottom: 1%;
  position: relative;
  overflow: hidden;
}

.price-8 {
  color: #8a8a8a;
  letter-spacing: 2px;
  margin-right: 8px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  display: inline-block;
}

.expand, .full-width {
  flex: 1;
}

.horizontal {
  background-color: #4e91bb;
  width: 14px;
  height: 2px;
}

.horizontal.color {
  background-color: #8a8a8a;
}

.h6-small {
  margin-top: 60px;
  margin-bottom: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
}

.top-margin-2 {
  position: relative;
}

.top-margin-2._4-pixels {
  margin-top: 4px;
}

.top-margin-2._20-pixels, .top-margin-2._30-pixels {
  margin-top: 20px;
}

.top-margin-2._60-pixels {
  margin-top: 60px;
}

.top-margin-2._10-pixels {
  margin-top: 2px;
}

.top-margin-2._40-pixels {
  margin-top: 40px;
}

.sku {
  margin-right: 3px;
  font-size: 11px;
  font-weight: 600;
  line-height: 11px;
  display: inline-block;
}

.vertical {
  background-color: #4e91bb;
  width: 2px;
  height: 14px;
  position: absolute;
}

.vertical.color {
  background-color: #8a8a8a;
}

.text-small {
  font-size: 14px;
}

.text-small.grey {
  color: #8a8a8a;
}

.body-17 {
  margin-top: 100px;
}

.image-39 {
  min-width: 35px;
  height: 35px;
}

.section_text-animation {
  z-index: 2;
  color: #f5f5f5;
  background-color: #161616;
  border-bottom-right-radius: 5rem;
  border-bottom-left-radius: 5rem;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-top: -5rem;
  display: flex;
  position: relative;
}

.section_text-animation.padding-global.padding-section-large {
  background-color: #000;
  padding-top: 5.8rem;
  padding-bottom: 5.8rem;
  display: block;
}

.heading-style-h1 {
  letter-spacing: -.0625rem;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-style-h1.reveal-type {
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-style: italic;
  font-weight: 800;
}

.heading-style-h1.pointer-none {
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.text-color-brand {
  background-image: linear-gradient(to right, var(--deon-green), var(--neon-green));
  color: #67f15b;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.heading-style-h4-3 {
  font-family: Druk Trial, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}

.social-image-2 {
  width: 1rem;
}

.list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.spacer-5rem-2 {
  padding-top: 5rem;
}

.button-60 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  padding: .5rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.button-60:hover {
  opacity: .75;
}

.button-60.is-form-submit {
  padding: .75rem 2rem;
}

.button-60.is-form-submit.is-full-width {
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.social-btn_spacer {
  width: 1rem;
  height: 0;
}

.social-btn-3 {
  color: #000;
  border-top: .0625rem solid #f0f0f0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .9375rem;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.social-btn-3:hover {
  background-color: #fafafa;
}

.social-btn-3:focus {
  border: .0625rem #000;
  border-top: .0625rem solid #ddd;
}

.social-btn-3::placeholder {
  color: #6e6e6e;
}

.social-btn-3.is-first {
  border-top: 1px #f1f1f1;
}

.swiper-wrapper-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: flex-start;
  display: flex;
}

.social_dropdown-toggle {
  text-align: center;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: .75rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .75rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.social_dropdown-toggle.w--open {
  box-shadow: none;
  border-style: solid;
  border-color: #f0f0f0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.cta_grid-left {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: sticky;
  top: 5rem;
}

.arrow-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: none;
}

.subheader-4 {
  opacity: .6;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.social-content-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.heading-style-h2-4 {
  margin-bottom: 0;
  font-family: Druk Trial, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.or-wrap-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #161616;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.swiper-button-prev {
  color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: opacity .2s;
  display: flex;
}

.dropdown-list-6.w--open {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
  margin-top: -.0625rem;
  overflow: hidden;
}

.cta_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: none;
  position: relative;
}

.funderline-1-2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6542aba5c3f9e2f78d7ad126_funderline1.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.list_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 2rem 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.swiper-button-next {
  color: #000;
  border: 1px solid #161616;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: opacity .2s;
  display: flex;
}

.swiper-slide-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 33.33%;
  min-width: 33.33%;
  height: 100%;
  padding-right: 2rem;
  transition: opacity .1s linear;
}

.dropdown-icon {
  margin: 0;
  line-height: 1;
  position: static;
}

.social_dropdown {
  color: #161616;
  width: 100%;
}

.or-wrap_line {
  background-color: #161616;
  flex: 1;
  height: .0625rem;
}

.swiper-container {
  overflow: hidden;
}

.section_features {
  z-index: 1;
  border-bottom-right-radius: 3rem;
  border-bottom-left-radius: 3rem;
  position: relative;
}

.section_features.padding-global.background-color-grey.padding-section-medium.ovf-none {
  margin-bottom: 100px;
  display: block;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
  position: sticky;
  top: 0;
}

.section_header {
  color: #fff;
  background-color: #000;
  background-image: linear-gradient(3600deg, #000 82%, #000000db), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/655662e815880fdd6abe22d0_marathon-race-finish.jpg");
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  display: block;
}

._3d-video {
  filter: saturate(200%);
  outline-offset: 0px;
  mix-blend-mode: normal;
  object-fit: fill;
  border: 2px #292929;
  border-radius: 0;
  outline: .15rem #292929;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  position: relative;
  top: 0;
  overflow: hidden;
}

.text-size-medium {
  font-size: 1.25rem;
}

.text-size-medium.text-color-grey {
  color: #a6a6a6;
  margin-bottom: 40px;
  font-weight: 300;
}

.header_sticky-wrapper {
  color: #fff;
  background-color: #0000;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  height: 250vh;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
  top: 10vh;
}

.button-group-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-group-3.is-center {
  justify-content: center;
}

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

.padding-section-large {
  flex: 1;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.margin-bottom-2, .margin-bottom-2.margin-xxsmall, .margin-bottom-2.margin-xxlarge {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.header_3d-video-wrapper {
  border: 2px solid #292929;
  border-radius: .5rem;
  flex: 0 auto;
  width: 90%;
  padding-left: 0;
  position: sticky;
  top: 18vh;
  overflow: hidden;
}

.padding-global-3 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.header_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
  position: sticky;
  top: 100px;
}

.header_image-wrapper {
  background-color: #000;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 0 -30px 50px 20px #000;
}

.button-61 {
  border: 1px solid var(--white);
  color: #fff;
  text-align: center;
  background-color: #0000;
  border-radius: 4.6em;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-61.is-pink {
  background-color: #6cba1600;
  border-radius: .5rem;
}

.heading-113 {
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-style: italic;
  font-weight: 800;
}

.collection-list-wrapper-5 {
  width: Infinity% ;
}

.collection-item-5, .rich-text-block-2 {
  width: 100%;
}

.text-block-122 {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: normal;
  line-height: 1.2em;
}

.updatelink {
  color: var(--active-border);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
}

.text-block-123 {
  letter-spacing: 2px;
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
}

.collection-list-wrapper-6 {
  display: block;
}

.collection-item-6 {
  border: 1px #000;
}

.text-block-124 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

.div-block-73 {
  display: block;
}

.bold-text-5 {
  font-size: 2rem;
}

.text-block-125 {
  text-align: left;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
}

.image-40 {
  margin-bottom: 1%;
}

.section_elite {
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 100px 20px 60px;
  display: none;
}

.switch-button {
  background-color: #f5f5f7;
  border: .06em solid #dadada4d;
  border-radius: .7em;
  justify-content: center;
  align-items: center;
  width: 13em;
  height: 2.4em;
  margin: 60px auto 20px;
  padding: 4px;
  display: flex;
}

.switch-button.night-mode {
  background-color: #f1f1f1;
  border-radius: .6em;
  margin-top: 0;
  font-size: 18px;
  display: flex;
}

.grid-seo-service {
  z-index: 3;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  opacity: 1;
  color: #040404;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: auto;
  min-width: auto;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 17px;
  display: none;
  position: static;
}

.seo-benefits-wrapper {
  z-index: 2;
  background-color: #0000;
  margin-bottom: 0;
  position: relative;
}

.seo-benefits-wrapper.seo-benefits-heading {
  z-index: 1;
  opacity: 1;
  text-align: center;
  background-color: #0000;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  display: none;
  position: static;
  top: auto;
}

.lottie-animation-5 {
  width: 5em;
  margin: auto;
}

.small-card-header {
  color: #1e1e21;
  text-align: center;
  letter-spacing: -.025em;
  justify-content: center;
  margin-top: .3em;
  margin-bottom: .4em;
  padding-bottom: 0;
  font-size: 1.03em;
  font-weight: 600;
  line-height: 1.1em;
  display: block;
}

.small-card {
  background-color: #fff;
  border: 1px solid #dadada4d;
  border-radius: 1.2em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 275px;
  max-width: 500px;
  height: auto;
  padding: 55px;
  display: flex;
}

.single-button-inside-switch-button {
  color: #1e1e21;
  background-color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.single-button-inside-switch-button.seo {
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: .6em;
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: .65em;
  transition: transform .3s, box-shadow .3s;
}

.single-button-inside-switch-button.seo:hover {
  transform: scale(1.02);
  box-shadow: 0 1px 3px #0000001a;
}

.single-button-inside-switch-button.seo:active {
  box-shadow: none;
  transform: none;
}

.single-button-inside-switch-button.maintenance {
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: .6em;
  margin-left: 5px;
  font-family: Montserrat, sans-serif;
  font-size: .65em;
  transition: transform .3s, box-shadow .3s;
}

.single-button-inside-switch-button.maintenance:hover {
  transform: scale(1.02);
  box-shadow: 0 1px 3px #0000001a;
}

.single-button-inside-switch-button.maintenance:active {
  box-shadow: none;
  transform: none;
}

.header-2-center-wrap {
  text-align: center;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
}

.grid-website-maintenace {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  min-width: auto;
  max-width: none;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 17px;
  display: grid;
}

.benefits-description {
  color: #687076;
  text-align: center;
  letter-spacing: -.025px;
  min-width: 200px;
  margin-top: 0;
  font-size: .5em;
  font-weight: 400;
  line-height: 1.25em;
}

.sub-par {
  color: #333;
  text-align: center;
  letter-spacing: .25px;
  width: auto;
  max-width: 725px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3em;
}

.sub-par.seo {
  max-width: 800px;
}

.benefits-header {
  text-align: center;
  margin-top: 0;
  font-family: Druk Trial, sans-serif;
  font-size: 4em;
  font-weight: 700;
}

.bold-text-23 {
  font-weight: 600;
}

.elite-header-text {
  align-items: center;
  font-size: 45px;
  display: flex;
}

.elite_txt {
  -webkit-text-stroke-width: 1px;
  text-transform: uppercase;
  margin-left: 4px;
  margin-right: 3px;
  font-family: Druk Trial, sans-serif;
  font-size: 44px;
  font-weight: 700;
  display: none;
}

.elite-txt-outline {
  color: #3330;
  letter-spacing: 1px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--black-2);
  text-transform: uppercase;
  font-family: Druk Trial, sans-serif;
  font-size: 65px;
  font-weight: 700;
}

.experience_available-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.container-large-2 {
  width: 100%;
  max-width: 81rem;
  margin-left: auto;
  margin-right: auto;
}

.section_experience {
  background-color: #080808;
}

.experience_timeline-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.button_glow {
  z-index: -1;
  filter: blur(35px);
  background-color: #61d180;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  display: none;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.padding-global-4 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.experience_timeline-step {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
}

.button-62 {
  z-index: 0;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #61d180b3;
  border: 2px solid #61d180b3;
  border-radius: .5rem;
  padding: 1rem 1.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  position: relative;
}

.button-62.is-icon {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: box-shadow .2s, background-color .2s;
  display: flex;
}

.button-62.is-icon:hover {
  background-color: #61d180;
  box-shadow: 0 0 96px #61d18033, 0 0 56px #61d18080, 0 0 16px #61d18066;
}

.button-62.is-icon.is-alternate {
  z-index: 0;
  background-color: #141414;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6569470dc092bd33d23aa79e_noise.webp");
  background-position: 0 0;
  background-size: 800px 800px;
  border-color: #1d1d1d;
  transition: background-color .2s;
}

.button-62.is-icon.is-alternate:hover {
  box-shadow: none;
  background-color: #1d1d1d;
}

.external-link-2 {
  color: #fff;
  text-decoration: underline;
}

.external-link-2:hover {
  text-decoration: none;
}

.experience_image {
  width: 6rem;
  height: auto;
}

.experience_progress-bar-wrapper {
  background-color: #ffffff26;
  width: 2px;
  height: 81%;
  position: absolute;
  top: 3%;
  left: 3.9rem;
  right: auto;
}

.experience_profile-image {
  border: 2px solid #1d1d1d;
  border-radius: 1rem;
  width: 17.31rem;
  height: auto;
  display: block;
}

.experience_timeline-icon-wrapper {
  z-index: 1;
  background-color: #0d0d0d;
  margin-top: -1rem;
  padding: 1rem;
  position: relative;
}

.button_text-small {
  padding-top: .1rem;
  padding-bottom: .09rem;
  font-size: .88rem;
}

.experience_profile-partner {
  width: 14rem;
  height: auto;
  margin-left: 2px;
  transform: translate(0, -50%);
}

.button-group-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.experience_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.icon-1x1-small {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.experience_profile-name {
  font-size: 2rem;
}

.padding-section-large-2 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.experience_progress-bar {
  background-color: #fff;
  width: 2px;
  height: 100%;
}

.button_circle {
  z-index: 0;
  background-color: #61d180;
  border-radius: 50%;
  width: .6rem;
  height: .6rem;
}

.button_circle.is-fill {
  background-color: #61d180;
}

.button_text-regular {
  padding-top: .2rem;
  padding-bottom: .11rem;
  font-size: 1rem;
}

.experience_timeline-right {
  padding-top: 0;
  padding-bottom: 2.5rem;
}

.experience_timeline-wrapper {
  position: relative;
}

.tooltip {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
  padding: 8px 12px;
}

.comparison-feature {
  color: #727272;
  padding-top: 28px;
  padding-bottom: 28px;
  display: flex;
}

.pricing-comparison-wrap {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.comparison-header-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druk Trial, sans-serif;
  font-size: 33px;
  font-weight: 700;
  line-height: 1.1;
}

.comparison-header-title.feature {
  color: #727272;
}

.comparison-item {
  padding-top: 28px;
  padding-bottom: 28px;
}

.comparison-item.x {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65694c4a6e42a137d2633cb3_x.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
}

.comparison-item.check {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65694c4a6e42a137d2633cb4_check.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
}

.comparison-item.check.with-text {
  padding-left: 24px;
}

.container-43 {
  width: 100%;
  max-width: 1296px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.tooltip-button {
  cursor: default;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  display: flex;
  position: relative;
}

.comparison-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #dcdcdc;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.comparison-row.header {
  z-index: 5;
  background-color: #fff0;
  padding-top: 26px;
  padding-bottom: 26px;
  position: sticky;
  top: 0;
}

.tooltip-arrow {
  z-index: 0;
  background-color: #000;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: rotate(45deg);
}

.tooltip-wrap {
  z-index: 10;
  justify-content: center;
  width: 300px;
  display: none;
  position: absolute;
  bottom: 40px;
}

.tooltip-copy {
  z-index: 1;
  position: relative;
}

.swiper-2 {
  width: 100%;
}

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

.swiper-slide-5 {
  flex: none;
  width: 500px;
  margin-right: 20px;
}

.swiper-slide-5.cc-price-table {
  width: 100%;
  margin-right: 0;
}

.pricing-table_mobile-nav-icon {
  color: #faf7f2;
  width: 16px;
  line-height: .9;
}

.price-table {
  flex-direction: column;
  margin-bottom: 48px;
  display: flex;
}

.page-wrapper-15 {
  color: #1d1c1a;
  background-color: #fff;
  position: relative;
}

.price-table_options {
  position: relative;
}

.pricing-table_mobile-nav-btn {
  color: #fff;
  background-color: #5950f1;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.price-table_cell {
  text-align: center;
  border-bottom: 1px solid #49484a1a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  padding: 30px;
  font-size: 22px;
  line-height: 1.2;
  display: flex;
}

.price-table_cell.cc-title {
  text-align: left;
  align-items: flex-start;
}

.price-table_cell.cc-callout {
  background-color: #3e24d100;
  border: 1px #000;
  border-bottom: 1px solid #49484a1a;
  position: relative;
}

.price-table_cell.cc-callout.cc-header {
  background-color: #3e24d100;
  border: 1px #000;
}

.price-table_cell.cc-header {
  background-color: #0000;
  border-bottom-style: none;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding-top: 48px;
}

.container-44 {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.u-text-semibold {
  font-family: Druk Trial, sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
}

.u-sr-only {
  white-space: nowrap;
  border: 0 solid #0000;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.pricing-table_mobile-nav {
  z-index: 1;
  justify-content: space-between;
  width: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-63 {
  color: #fff;
  background-color: #5950f1;
  border-radius: 50px;
  font-size: 14px;
}

.button-63.secondary {
  background-color: #302f2c;
}

.section-32 {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.section-32.chart {
  padding-top: 0;
  padding-bottom: 0;
}

.price-table_row {
  display: flex;
}

.price-table_cell-last-accent-bg {
  background-color: #3e24d100;
  border: 1px #000;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  height: 48px;
  margin-left: -1px;
  margin-right: -1px;
  position: absolute;
  inset: auto 0% -49px;
}

.swiper-wrapper-4 {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.swiper-wrapper-4.cc-price-table {
  flex-direction: column;
  align-items: stretch;
}

.spacer_xl {
  width: 100%;
  height: 40px;
}

.grid_2-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.icon-5 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  overflow: hidden;
}

.icon-5.dark {
  color: #000;
}

.text-wrap_horizontal {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.card_small {
  background-color: #fff;
  border: 1px solid #f2f3ff;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 20px 30px -15px #1d01501a;
}

.h2-5 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.1;
}

.spacer_xs {
  width: 100%;
  height: 10px;
}

.paragraph-37 {
  opacity: .9;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.content-wrap-3 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.spacer_m {
  width: 100%;
  height: 20px;
}

.h4-3 {
  color: #000;
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.link-18 {
  color: #434de7;
  font-weight: 600;
  text-decoration: none;
}

.link-18:hover {
  color: #000;
}

.trusted-white-overlay {
  background-image: linear-gradient(#fff, #fff0);
  width: 49vw;
  height: 10em;
  position: sticky;
  inset: 75px 0% auto;
}

.trusted-white-overlay.bottom {
  background-image: linear-gradient(to top, #fff, #ffffff45 73%, #fff0);
  height: 20vh;
  display: block;
  top: 80vh;
}

.trusted-item {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10vh;
  display: flex;
}

.trusted-item.last {
  margin-bottom: 0;
}

.text-small-2 {
  font-size: 60%;
}

.trusted-item-header {
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.content-sticky {
  position: sticky;
  top: 100px;
}

.trusted-content {
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
}

.trusted-content.trusted-list {
  padding-top: 70vh;
  padding-left: 20px;
  padding-right: 60px;
}

.container-45 {
  max-width: 1170px;
  margin: 0 auto 30px;
  padding: 0 1em 3rem;
}

.partner-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.partner-grid.full-height {
  z-index: 11;
  height: 100%;
  position: relative;
}

.trusted-overlay-container {
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.trusted-no {
  color: var(--deon-green);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
}

.text-xl {
  color: var(--body-display);
  font-family: Helvetica Neue, sans-serif;
  font-size: 15px;
  line-height: 24px;
}

.section_pro {
  padding-top: 20px;
  display: block;
  position: relative;
}

.section_pro.light-blue-bg {
  background-color: #f4f8fb;
}

.heading-4 {
  letter-spacing: -1px;
  background-image: linear-gradient(149deg, #1b3254, #142a4a);
  line-height: 60px;
}

.heading-5 {
  padding-left: 10px;
}

.heading-6 {
  padding-left: 0;
  font-family: Druk Trial, sans-serif;
  font-size: 2rem;
  font-weight: 700;
}

.heading-114 {
  letter-spacing: 0;
  font-family: Druk Trial, sans-serif;
}

.container-46 {
  max-width: 1170px;
  margin: 0 auto 30px;
  padding: 0 1em 3rem;
}

.heading-115 {
  font-family: Druk Trial, sans-serif;
  font-size: 2rem;
}

.heading-116 {
  letter-spacing: -1px;
  background-image: linear-gradient(149deg, #1b3254, #142a4a);
  line-height: 60px;
}

.image-41 {
  max-width: 100%;
}

.paragraph-37-copy {
  opacity: .9;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.paragraph-38 {
  text-align: left;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 60px;
}

.comparison-header-title-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.1;
}

.comparison-header-title-2.feature {
  color: #727272;
}

.text-block-126 {
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
  font-weight: 500;
}

.text-block-127, .text-block-128 {
  font-family: Montserrat, sans-serif;
  font-weight: 800;
}

.greetings {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 61px;
  display: flex;
}

.text {
  color: #192126;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 125%;
}

.body-18 {
  color: #6c727f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.new-page {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 850px;
  display: flex;
}

.navbar-logo-left {
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.navbarcontainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.navbar-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.navbar-brand {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.logo-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 141px;
  height: 36px;
  display: flex;
}

.navbar-menu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-right: 10px;
  display: flex;
}

.navbar-link {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding: 24px 12px;
  display: flex;
}

.text-301 {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.navbar-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #000;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  display: flex;
}

.text-302 {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}

._3-columns {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.column-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f8f8f8;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 89px;
  height: 780px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.side-nav {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.menu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 32px;
  display: flex;
}

.vectors-wrapper-2 {
  justify-content: center;
  align-items: center;
  width: .0000330458px;
  display: flex;
}

.column-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 858px;
  height: 780px;
  padding: 24px;
  display: flex;
}

.text-303 {
  color: #192126;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 800;
  line-height: 125%;
}

.body-19 {
  color: #6c727f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.stats {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.dashboard {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  background-color: #fff;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 17px;
  display: flex;
}

.title-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-6 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.vectors-wrapper-3 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.vectors-wrapper-4 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 2px;
  height: 2px;
  display: flex;
  position: absolute;
  top: 3px;
  left: 12px;
}

.vectors-wrapper-5 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 3px;
  height: 4px;
  display: flex;
  position: absolute;
  top: 17px;
  left: 6.99994px;
}

.vectors-wrapper-6 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 5px;
  height: 13px;
  display: flex;
  position: absolute;
  top: 8px;
  left: 10.9998px;
}

.vectors-wrapper-7 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 4px;
  display: flex;
  position: absolute;
  top: 8px;
  left: 6px;
}

.text-304 {
  color: #192126;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.vectors-wrapper-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 142px;
  height: 10px;
  display: flex;
}

.text-306 {
  color: #9ea3ae;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 135%;
}

.dashboard-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.vectors-wrapper-9 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 188px;
  display: flex;
}

.vectors-wrapper-10 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 45.427px;
  display: flex;
  position: absolute;
  top: 64px;
  left: 45px;
}

.title-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  left: 13px;
}

.vectors-wrapper-11 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.vectors-wrapper-12 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 108px;
  height: 47.1882px;
  display: flex;
  position: absolute;
  top: 64px;
  left: 41px;
}

.title-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  left: 25px;
}

.dashboard-3 {
  background-color: #fff;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 152px;
  padding: 12px 13px;
  display: flex;
}

.title-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper-13 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 126px;
  height: 62px;
  display: flex;
}

.vectors-wrapper-14 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f8f8f8;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 780px;
  padding: 24px;
  display: flex;
}

._50-0 {
  color: #192126;
  text-align: center;
  letter-spacing: undefinedundefined;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 800;
  line-height: 125%;
}

._50-1 {
  color: #192126;
  text-align: center;
  letter-spacing: undefinedundefined;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

._50-2 {
  color: #192126;
  text-align: center;
  letter-spacing: undefinedundefined;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

._87-bpm-1 {
  color: #192126;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 125%;
}

.column-7 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f8f8f8;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 89px;
  height: 765px;
  padding: 241px 0 24px;
  display: flex;
}

.vectors-wrapper-15 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 32px;
  display: flex;
}

.vectors-wrapper-16 {
  justify-content: center;
  align-items: center;
  width: .0000330458px;
  display: flex;
}

.navbar-logo-left-2 {
  z-index: 9999;
  background-color: #fff;
  border: 0 solid #e5e6eb;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65px;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
  position: fixed;
}

.navbarcontainer-2 {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1434px;
  display: flex;
}

.navbar-content-2 {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1364px;
  display: flex;
}

.menu-icon-3 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-17 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.navbar-brand-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1081px;
  margin-left: 60px;
  display: flex;
}

.logo-3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 122px;
  display: flex;
}

.vectors-wrapper-18 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 75%;
  height: 15%;
  display: flex;
}

.vectors-wrapper-19 {
  justify-content: center;
  align-items: center;
  width: .00000174846px;
  height: 40px;
  display: flex;
}

.search-bar-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f9fafb;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 267px;
  padding: 10px 16px 10px 12px;
  display: flex;
}

.icon-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px;
  display: flex;
}

.vectors-wrapper-20 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 15.6369px;
  height: 16.0183px;
  display: flex;
}

.text-307 {
  color: #9ea3ae;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.text-308 {
  color: #000;
  letter-spacing: .21em;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 150%;
}

.notifications-profile-button {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-8 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-21 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: flex;
}

.button-64 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vectors-wrapper-22 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  position: relative;
}

.column-8 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 951px;
  height: 764px;
  padding: 45px 24px;
  display: flex;
}

.greetings-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 65px;
  display: flex;
}

.text-309 {
  color: #192126;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 125%;
}

.body-20 {
  color: #6c727f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.dashboard-4 {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  background-color: #fff;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 22%;
  padding: 16px 17px;
  display: flex;
}

.title-6 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-9 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.vectors-wrapper-23 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.vectors-wrapper-24 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 2px;
  height: 2px;
  display: flex;
  position: absolute;
  top: 3px;
  left: 12px;
}

.vectors-wrapper-25 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 3px;
  height: 4px;
  display: flex;
  position: absolute;
  top: 17px;
  left: 6.99994px;
}

.vectors-wrapper-26 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 5px;
  height: 13px;
  display: flex;
  position: absolute;
  top: 8px;
  left: 10.9998px;
}

.vectors-wrapper-27 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 4px;
  display: flex;
  position: absolute;
  top: 8px;
  left: 6px;
}

.text-310 {
  color: #192126;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 150%;
}

.text-311 {
  align-items: flex-start;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.vectors-wrapper-28 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 142px;
  height: 10px;
  display: flex;
}

.text-312 {
  color: #9ea3ae;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 135%;
}

.top-trainer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.vectors-wrapper-29 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

._1 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  border: 0 solid #e5e6eb;
  border-bottom-width: 1px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  display: flex;
  position: static;
  top: 108px;
  left: 39px;
}

.vectors-wrapper-30 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 38px;
  display: flex;
}

.vectors-wrapper-31 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 59px;
  height: 10px;
  display: flex;
}

.vectors-wrapper-32 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 63px;
  height: 10px;
  display: flex;
}

.text-313 {
  color: #192126;
  text-align: center;
  text-transform: undefined;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 10px;
}

.text-314 {
  color: #192126;
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
  line-height: 10px;
}

._2 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #fff;
  border: 0 solid #e5e6eb;
  border-bottom-width: 1px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: static;
  top: 50px;
  left: 39px;
}

.table-headings {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
  top: 22px;
  left: 39px;
}

.vectors-wrapper-33 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 9.70576px;
  display: flex;
}

.vectors-wrapper-34 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 10px;
  display: flex;
}

.text-315 {
  color: #192126;
  text-align: center;
  text-transform: undefined;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 800;
  line-height: 10px;
}

.text-316 {
  color: #192126;
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 800;
  line-height: 10px;
}

._50-3 {
  color: #192126;
  text-align: center;
  letter-spacing: undefinedundefined;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

._50-4 {
  color: #192126;
  text-align: center;
  letter-spacing: undefinedundefined;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.column-9 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f9fafb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 766px;
  padding: 45px 15px;
  display: flex;
}

.profile {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.avatar {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.vectors-wrapper-35 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 124px;
  height: 124px;
  display: flex;
}

.vectors-wrapper-36 {
  object-fit: cover;
  border-radius: 4.6em;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  position: absolute;
  top: 12px;
  left: 12px;
}

.name-date-joined {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.h1-6 {
  color: #192126;
  text-align: center;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 800;
  line-height: 125%;
}

.body-21 {
  color: #6c727f;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.total-activity-weight-height {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.activity {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-317 {
  color: #6c727f;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 150%;
}

.vectors-wrapper-37 {
  justify-content: center;
  align-items: center;
  width: .00000174845px;
  height: 40px;
  display: flex;
}

.text-318 {
  color: #6c727f;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 140%;
}

.vectors-wrapper-38 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 32px;
  display: flex;
}

.total-steps {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.vectors-wrapper-39 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 163px;
  display: flex;
}

.day {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-319 {
  color: #737775;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-family: Druk Trial, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.vectors-wrapper-40 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 105px;
  display: flex;
  position: absolute;
  top: 48px;
  left: 189px;
}

.text-320 {
  color: #fff;
  text-align: center;
  letter-spacing: .4em;
  text-transform: undefined;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 10px;
  position: absolute;
  top: 14px;
  left: 20px;
}

.walking {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
  position: absolute;
  top: 14.1919px;
  left: 173.867px;
}

.vectors-wrapper-41 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 3.62222px;
  height: 3.62222px;
  display: flex;
}

.text-321 {
  color: #737775;
  text-transform: undefined;
  font-family: Montserrat, sans-serif;
  font-size: 8px;
  font-weight: 400;
  line-height: 10px;
  position: absolute;
  top: -.000141059px;
  left: 9.05547px;
}

.runing {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
  position: relative;
}

.text-322 {
  color: #737775;
  text-transform: undefined;
  font-family: Montserrat, sans-serif;
  font-size: 6px;
  font-weight: 400;
  line-height: 10px;
  position: absolute;
  top: -.00011122px;
  left: 6.47941px;
}

.vectors-wrapper-42 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 41px;
  display: flex;
  position: absolute;
  top: 69.5px;
  left: 24px;
}

.vectors-wrapper-43 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 9.05556px;
  height: 9.05556px;
  display: flex;
  position: absolute;
  top: 66px;
  left: 196px;
}

._3-columns-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f9fafb;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 765px;
  display: none;
}

.column-10 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 89px;
  height: 765px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.side-nav-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 188px;
  display: flex;
}

.home-selected {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper-44 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 3px;
  height: 32px;
  display: flex;
}

.icon-10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.vectors-wrapper-45 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.vectors-wrapper-46 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20.02px;
  height: 19.9977px;
  display: flex;
  position: absolute;
  top: 2.00244px;
  left: 1.99023px;
}

.vectors-wrapper-47 {
  justify-content: center;
  align-items: center;
  width: 3px;
  height: 32px;
  display: flex;
}

.vectors-wrapper-48 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 2px;
  height: 6px;
  display: flex;
  position: absolute;
  top: 8px;
  left: 12px;
}

.vectors-wrapper-49 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 17.9537px;
  height: 18px;
  display: flex;
  position: absolute;
  top: 2.91204px;
  left: 3.05px;
}

.icon-11 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 2px;
  display: flex;
}

.frame-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper-50 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 18.0522px;
  display: flex;
}

.vectors-wrapper-51 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.vectors-wrapper-52 {
  justify-content: center;
  align-items: center;
  width: .0000330458px;
  display: flex;
}

.column-11 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 215%;
  max-width: 200%;
  height: 100vh;
  padding: 45px 24px;
  display: flex;
  overflow: hidden;
}

.text-323 {
  color: #192126;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 800;
  line-height: 125%;
}

.body-22 {
  color: #6c727f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.paragraph-39 {
  margin-bottom: 0;
  font-size: 12.5px;
  font-weight: 500;
}

.paragraph-40, .paragraph-41, .paragraph-42, .paragraph-43, .paragraph-44, .paragraph-45, .paragraph-46 {
  margin-bottom: 0;
  font-weight: 700;
}

.paragraph-47 {
  text-align: center;
  margin-bottom: 0;
  font-size: 12px;
}

.paragraph-48 {
  text-align: left;
  margin-bottom: 0;
  font-weight: 700;
}

.menu-button-3 {
  display: none;
}

.dd-p {
  font-size: 12px;
}

.stats-top {
  grid-column-gap: 23px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 25px;
  display: grid;
}

.date-square {
  background-color: #ebbc86;
  border-radius: 10px;
  padding: 7px;
}

.date-square.small {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.summary-border {
  opacity: .17;
  background-color: #fff;
  width: 1px;
}

.buttons-wrap-3 {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.mt-10 {
  margin-top: 10px;
}

.dropdown-5 {
  background-color: #f7c892;
  border: 1px solid #d8ab74;
  border-radius: 20px;
  margin-left: 0;
  margin-right: 0;
}

.dd-list-3.w--open {
  background-color: #f7c892;
  border: 1px solid #d8ab74;
  border-radius: 15px;
  top: 110%;
  overflow: hidden;
  box-shadow: 0 1px 20px #0003;
}

.dd-toggle-3 {
  grid-column-gap: 8px;
  align-items: center;
  padding: 8px 10px;
  display: flex;
}

.edit {
  cursor: pointer;
}

.stat-top__card {
  grid-column-gap: 27px;
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  align-items: center;
  padding: 15px;
  display: flex;
}

.right-nav__img {
  display: block;
  position: absolute;
  inset: auto 50% 0% auto;
  transform: translate(50%);
}

.sticky-nav {
  display: none;
}

.more-members {
  outline-offset: 2px;
  color: #9a703e;
  background-color: #f5c68e;
  border-radius: 50%;
  outline: 2px dashed #9a703e;
  justify-content: center;
  align-items: center;
  min-width: 43px;
  height: 43px;
  font-size: 15px;
  display: flex;
}

.stat-bot__h {
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 600;
}

.p-12-2 {
  color: #a87c4b;
  font-size: 12px;
}

.p-12-2.text-white {
  color: var(--dark-outline);
}

.search-8 {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6577f5983bae748cc15ed06f_search.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #0000;
  border-radius: 15px;
  margin-bottom: 0;
  padding: 15px 10px 15px 55px;
  font-size: 14px;
}

.search-8:focus {
  border-color: #ffd098;
}

.search-8::placeholder {
  color: #768ca3;
  font-size: 14px;
}

.hamburger-6 {
  cursor: pointer;
  display: none;
}

.h1-7 {
  font-size: 33px;
  font-weight: 600;
  line-height: 1.2;
}

.h1-7.margins {
  margin-top: 15px;
  margin-bottom: 15px;
}

.summary-light {
  color: var(--dark-outline);
  font-size: 12px;
}

.date-info {
  font-size: 12px;
}

.navigation-2 {
  z-index: 9995;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 0;
  background-color: #fff0;
  border-right: 2px solid #f3f3f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 97px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
  transform: translate(-100%);
}

.circle-small {
  background-color: #f6eafe;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 19px;
  height: 19px;
  display: flex;
}

.circle-small.name {
  color: #fe5d6c;
  background-color: #ffe5e8;
  font-size: 9px;
}

.left-nav__menu-2 {
  text-align: center;
  width: 100%;
}

.heading-flex {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
  display: flex;
}

.middle-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-flex__l {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container-47 {
  min-height: 100vh;
  display: flex;
}

.stat-bot__l {
  background-color: #ffaa67;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  min-width: 45px;
  height: 45px;
  margin-bottom: 35px;
  display: flex;
}

.stat-bot__l.pink {
  background-color: #ba5067;
}

.stat-bot__l.green {
  background-color: #afb39a;
}

.nav-top-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 11%;
  display: flex;
}

.logo-link-6 {
  opacity: .45;
}

.hamburger-line-6 {
  background-color: #000;
  width: 30px;
  height: 2px;
}

.hamburger-line-6.mid {
  margin-top: 4px;
  margin-bottom: 4px;
}

.nav-spacer-2 {
  width: 100px;
}

.left-nav-2 {
  flex-direction: column;
  display: block;
}

.section-33 {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 61px;
  position: relative;
}

.stats-bot {
  grid-column-gap: 23px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dd-link-3 {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  transition: background-color .2s;
}

.dd-link-3:hover {
  background-color: #d8ab74;
}

.stat-bot__card {
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px 20px;
  display: flex;
}

.image-circle {
  object-fit: cover;
  border-radius: 50%;
  min-width: 43px;
  height: 43px;
}

.image-circle.white {
  border: 2px solid #fff;
}

.image-circle.pink {
  border: 2px solid #fd5c6c;
}

.right-nav-6 {
  background-color: var(--light-grey-background);
  padding-top: 50px;
  padding-left: 38px;
  padding-right: 38px;
  position: relative;
}

.stat-top__l {
  outline-offset: 0px;
  border-radius: 50%;
  outline: 5px solid #bb5167;
  justify-content: center;
  align-items: center;
  min-width: 45px;
  height: 45px;
  display: flex;
}

.stat-top__l.yellow {
  outline-color: #fea967;
}

.stat-top__l.gren {
  outline-color: #afb39a;
}

.nav-right__heading-2 {
  grid-column-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 65px;
  display: flex;
}

.button-65 {
  grid-column-gap: 6px;
  color: #a87c4b;
  background-color: #ffefdd;
  border-radius: 40px;
  align-items: center;
  padding: 15px 20px;
  font-size: 12px;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
}

.button-65:hover {
  box-shadow: 0 4px 30px #0000001a;
}

.date-l {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.nav-link__block {
  color: #a7b3c3;
  border-right: 3px solid #0000;
  margin-bottom: 25px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
  transition: border-color .2s;
  display: block;
}

.nav-link__block:hover {
  border-right-color: #0003;
}

.nav-link__block.w--current {
  color: #000;
  border-right-color: #000;
}

.nav-link__block.last {
  margin-bottom: 0;
}

.middle {
  background-color: var(--white);
  max-height: 100vh;
  padding: 50px 20px 40px;
  overflow: auto;
}

.circle-link {
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  margin-bottom: 20px;
  transition: transform .2s;
  overflow: hidden;
}

.circle-link:hover {
  transform: scale(1.1);
}

.circle-link.pink {
  background-color: #000;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  height: 35px;
  margin-bottom: 0;
  display: flex;
}

.stats-2 {
  display: none;
}

.grid-2 {
  background-color: var(--white);
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 70% 30%;
  grid-auto-columns: 1fr;
  display: grid;
}

.middle-heading__flex {
  grid-column-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.name-wrap {
  grid-column-gap: 15px;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 40px;
  display: flex;
}

.icon-link-2.round {
  border-radius: 50%;
  min-width: 37px;
  height: 37px;
  overflow: hidden;
}

.mb-20-5 {
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.middle-heading {
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.p-13-2 {
  font-size: 13px;
}

.nav-bot-2 {
  flex-direction: column;
  align-items: center;
  display: none;
}

.stat-bot__flex {
  grid-column-gap: 5px;
  align-items: center;
  margin-bottom: 22px;
  display: flex;
}

.members-flex {
  grid-column-gap: 20px;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.p-15 {
  font-size: 15px;
}

.border-2 {
  background-color: #eef5fd;
  width: 35px;
  height: 2px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.date-wrap {
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.summary {
  grid-column-gap: 45px;
  background-color: var(--nike-navy);
  color: #eef5fd;
  border-radius: 20px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 40px;
  margin-bottom: 70px;
  padding: 46px;
  display: flex;
  box-shadow: 0 10px 40px #868a73cf;
}

.date-h {
  color: #9b713f;
  margin-bottom: 5px;
}

.column-12 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f9fafb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 766px;
  padding: 45px 15px;
  display: flex;
}

.vectors-wrapper-53 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 124px;
  height: 124px;
  display: flex;
}

.name-date-joined-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.h1-8 {
  color: #192126;
  text-align: center;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 125%;
}

.body-23 {
  color: #6c727f;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.total-activity-weight-height-2 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.activity-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-324 {
  color: #6c727f;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
}

.vectors-wrapper-54 {
  justify-content: center;
  align-items: center;
  width: .00000174845px;
  height: 40px;
  display: flex;
}

.text-325 {
  color: #6c727f;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
}

.menu-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 156px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.vectors-wrapper-55 {
  object-fit: contain;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 24px;
  display: flex;
}

.vectors-wrapper-56 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 0;
  display: flex;
}

.vectors-wrapper-57 {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 24px;
  display: flex;
}

.vectors-wrapper-58 {
  object-fit: contain;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 24.0522px;
  display: flex;
}

.vectors-wrapper-59 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 142px;
  display: flex;
}

.menu-3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.home-selected-2 {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-selected-2:hover {
  border-left: 3px solid var(--deon-green);
}

.vectors-wrapper-60 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 3px;
  height: 32px;
  display: flex;
}

.icon-12 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-2-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.vectors-wrapper-61 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.vectors-wrapper-62 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20.02px;
  height: 19.9977px;
  display: flex;
  position: absolute;
  top: 2.0025px;
  left: 1.99026px;
}

.vectors-wrapper-63 {
  justify-content: center;
  align-items: center;
  width: 3px;
  height: 32px;
  display: flex;
}

.vectors-wrapper-64 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 2px;
  height: 6px;
  display: flex;
  position: absolute;
  top: 8px;
  left: 12px;
}

.vectors-wrapper-65 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 17.9537px;
  height: 18px;
  display: flex;
  position: absolute;
  top: 2.91204px;
  left: 3.05px;
}

.icon-13 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 2px;
  display: flex;
}

.frame-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper-66 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 18.0522px;
  display: flex;
}

.vectors-wrapper-67 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.overview-stats {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 20px;
  display: flex;
}

.stat-card {
  color: #fff;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 115px;
  padding: 15px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.stat-card:hover {
  background-color: #fcfcfc;
}

.overview-content-copy {
  margin-bottom: 30px;
}

.link-block-12 {
  display: block;
}

.table-row-2 {
  color: #9898a3;
  cursor: pointer;
  border-bottom: 1px solid #dce0ec;
  justify-content: space-between;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: box-shadow .2s;
  display: flex;
}

.table-row-2:hover {
  border-left: 2px solid var(--deon-green);
  color: var(--black-2);
  box-shadow: 0 12px 10px #8e8fa30f;
}

.table-row-2.head {
  cursor: default;
}

.table-row-2.head:hover {
  box-shadow: none;
  background-color: #0000;
}

.table-row-2.head.hide {
  display: none;
}

.image-7 {
  border-radius: 50%;
  margin-right: 8px;
}

.buttontoggle-2 {
  z-index: 2;
  background-color: #fff;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  position: relative;
  box-shadow: 0 1px 3px #0003;
}

.buttontoggle-2._2 {
  background-color: #4347e7;
}

.div-block-412 {
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.link-block-13 {
  margin-left: 10px;
}

.div-block-411 {
  padding-left: 10px;
  padding-right: 20px;
}

.table-row-nr {
  font-family: Druk Trial, sans-serif;
  font-weight: 500;
}

.table-row-nr:hover {
  color: var(--black);
}

.table-arrows {
  opacity: .35;
  cursor: pointer;
  width: 15px;
  margin-right: 8px;
}

.table-arrows:hover {
  opacity: .6;
}

.table-arrows._2 {
  transform: rotate(180deg);
}

.togglebutton-2 {
  background-color: #e9e9e9;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  height: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.togglebutton-2.active {
  background-color: #4347e799;
  justify-content: flex-end;
}

.table-box {
  border: 1px #f9f9f9;
  flex-wrap: wrap;
  align-items: center;
  width: 18%;
  display: flex;
}

.table-box._11 {
  width: 11%;
}

.table-box.action {
  width: 7%;
}

.table-box._2 {
  flex-wrap: nowrap;
  width: 18%;
}

.table-box._2.small {
  width: 11%;
}

.table-box._2.action {
  flex-direction: row;
  justify-content: flex-start;
  width: 7%;
  padding-left: 0;
  padding-right: 0;
}

.scroll-table-content {
  flex-direction: column;
  display: flex;
  overflow: visible;
}

.table-action-icon-2 {
  width: 22px;
}

.table-action-icon-2:hover {
  opacity: .75;
}

.table-action-icon-2.x {
  width: 16px;
}

.table-details-box {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  position: relative;
}

.text-span {
  background-color: #0000;
  border: 1px solid #a5a5b180;
  border-radius: 5px;
  padding: 4px 10px;
  display: inline-block;
}

.table-action-icon {
  width: 22px;
  margin-right: 11px;
}

.table-action-icon:hover {
  opacity: .75;
}

.div-block-410 {
  justify-content: center;
  display: flex;
}

.div-block-406 {
  justify-content: center;
  align-items: center;
  width: 3%;
  display: flex;
}

.div-block-406._2 {
  border: 1px #ececec;
}

.div-block-406._2:hover {
  color: var(--black-2);
}

.table-data {
  color: #4e4e4e;
  font-size: 13px;
}

.table-data.name {
  font-weight: 600;
}

.table-data.link {
  text-decoration: none;
}

.table-heading {
  color: #000;
  text-transform: capitalize;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
}

.table-wrapper {
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-top: 25px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.table-box-client {
  border: 1px #f9f9f9;
  flex-wrap: wrap;
  align-items: center;
  width: 18%;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.table-box-client._11 {
  width: 11%;
}

.table-box-client.action {
  width: 7%;
}

.table-box-client._2 {
  flex-wrap: nowrap;
  width: 18%;
}

.table-box-client._2.small {
  width: 11%;
}

.table-box-client._2.action {
  flex-direction: row;
  justify-content: flex-start;
  width: 7%;
  padding-left: 0;
  padding-right: 0;
}

.guide {
  transform: rotate(-18deg);
}

.guide.rotate-90 {
  transform: rotate(72deg);
}

.gauge_data-circle {
  background-color: #000;
  border-radius: 1rem;
  width: .5rem;
  height: .5rem;
  margin-top: .25rem;
  margin-right: .5rem;
}

.gauge_data-circle.purple {
  background-color: #9950f6;
}

.gauge_data-circle.magenta {
  background-color: #e83fd7;
}

.gauge_data-circle.blue {
  background-color: #594ce9;
}

.heading-small {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.gauge_circle-3 {
  z-index: 1;
  color: #9950f6;
  width: 60%;
  height: 60%;
  margin-top: 20%;
  margin-left: 20%;
  position: absolute;
  inset: 0%;
  transform: rotate(90deg);
}

.gauge_circle-3.grey {
  color: #ececec;
}

.gauge_data-container {
  z-index: 2;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  align-items: center;
  width: 8rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: absolute;
  inset: 0%;
}

.gauge_data-row {
  border-bottom: 1px solid #ddd;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gauge_data-row.last-row {
  border-bottom-color: #0000;
}

.guide-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.guide-wrapper.hide {
  display: none;
}

.gauge_circle-1 {
  z-index: 1;
  color: #594ce9;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: rotate(90deg);
}

.gauge_circle-1.grey {
  color: #ececec;
}

.gauge_circle-2 {
  z-index: 1;
  color: #e83fd7;
  width: 80%;
  height: 80%;
  margin-top: 10%;
  margin-left: 10%;
  position: absolute;
  inset: 0%;
  transform: rotate(90deg);
}

.gauge_circle-2.grey {
  color: #ececec;
}

.gauge-module {
  width: 20rem;
  height: 20rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20rem;
  position: relative;
}

.graph-info_label {
  color: silver;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 400;
}

.graph-hero {
  border-bottom: 1px solid #eaebef;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.graph-marker {
  background-color: #f8f5fe;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 40px;
  height: 55px;
}

.graph-marker.oct {
  height: 10px;
}

.graph-marker.apr {
  height: 20px;
}

.graph-marker.aug {
  background-color: #0029ff;
  height: 180px;
}

.graph-marker.dec {
  height: 50px;
}

.graph-marker.jun, .graph-marker.nov {
  height: 70px;
}

.graph-marker.may {
  height: 60px;
}

.graph-marker.feb {
  height: 90px;
}

.graph-marker.year {
  background-color: silver;
  flex: 1;
  width: 2px;
  height: auto;
}

.graph-marker.sep {
  height: 110px;
}

.graph-marker.mar {
  background-color: #00e4ff;
  height: 140px;
}

.graph {
  grid-column-gap: 14px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  width: 45vw;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  overflow: auto;
}

.benefit {
  color: #3fb60c;
  font-size: 22px;
  font-weight: 700;
}

.graph-flex {
  flex: 1;
  display: flex;
}

.dd-toggle-4 {
  grid-column-gap: 15px;
  align-items: center;
  padding: 8px 0;
  display: flex;
}

.dd-text-2 {
  font-size: 13px;
  font-weight: 600;
}

.dd-list-4.w--open {
  background-color: #fff;
  border: 1px solid #eaebef;
}

.dd-link-4 {
  border-bottom: 1px solid #eaebef;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 13px;
  font-weight: 600;
  transition: background-color .2s;
}

.dd-link-4:hover {
  background-color: #eaebef9c;
}

.graph-wrap {
  border: 1px solid #eaebef;
  flex-direction: column;
  flex: 1;
  padding: 25px 40px 22px;
  display: flex;
}

.graph-column {
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.graph-column.year {
  height: 100%;
  margin-left: 15px;
  margin-right: 15px;
}

.graph-text {
  font-size: 13px;
  font-weight: 600;
}

.graph-info {
  grid-column-gap: 40px;
  align-items: stretch;
  display: flex;
}

.card-bot-4 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.chart-block {
  border: 1px #8bcfb8;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.paragraph-49 {
  color: var(--black-2);
  align-items: center;
  margin-bottom: 0;
  font-size: 9px;
  display: flex;
}

.blue-p {
  color: var(--deon-green);
  margin-right: 2px;
  font-weight: 700;
}

.grey-p-4 {
  color: #727272;
}

.sales {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.stat-scroll {
  flex: 1;
  padding-bottom: 20px;
  overflow: auto;
}

.stat-lines {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.sales-wrap {
  background-color: var(--white);
  border: 1px solid #f8f8f8;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 340px;
  margin-bottom: 20px;
  padding: 20px 20px 10px;
  display: flex;
}

.stats-3 {
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
  margin-left: 50px;
  display: flex;
  position: absolute;
  inset: auto 0% -12px;
}

.statistic-2 {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.value {
  background-color: #88db1b;
  border-radius: 5px;
  width: 100%;
  height: 70%;
}

.value._60 {
  height: 60%;
}

.value._45 {
  height: 45%;
}

.value._30 {
  height: 30%;
}

.value._90 {
  height: 90%;
}

.stat-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(33px, 1px) 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.stat-value {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #f8f8f8;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 8px;
  height: 100%;
  display: flex;
}

.sales-heading {
  margin-bottom: 30px;
}

.line-6 {
  background-color: #f8f8f8;
  width: 100%;
  height: 2px;
}

.video {
  position: relative;
  inset: 0% auto 0% 0%;
}

.grey-text {
  color: #323232;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
}

.content-12 {
  flex: 1;
}

.half-text-container {
  width: 80%;
}

.half-text-container.left-align {
  text-align: left;
}

.company-images {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.container-48 {
  z-index: 8000;
  max-width: 1170px;
  margin: 0 auto;
  padding: 6.9rem 1em 3rem;
  position: relative;
}

.heading-19 {
  letter-spacing: -1px;
  text-transform: capitalize;
  font-family: Helvetica Neue, sans-serif;
  font-size: 45px;
  font-weight: 700;
}

.image-43 {
  margin-top: -50px;
  display: block;
}

.full-width-img {
  width: 100%;
  max-width: 1400px;
}

.text-center-2 {
  text-align: center;
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.wrapper-4 {
  border-right: 1px #ffffff40;
  border-left: 1px none var(--neon-green);
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  background-color: #ffffff0a;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 570px;
  padding: 85px 100px 90px;
  display: flex;
}

.section-34 {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.mb-15-3 {
  margin-bottom: 15px;
}

.label-text-3 {
  color: var(--dark-outline);
  text-align: center;
  font-weight: 400;
}

.sign-in__flex {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.form-field-3 {
  margin-bottom: 15px;
}

.sign-in__wrap {
  clear: left;
  color: #ffffffb3;
  background-color: #ffffff40;
  border-radius: 10px;
  width: 200px;
  margin-top: 55px;
  padding: 20px 30px 20px 15px;
  text-decoration: none;
  transition: background-color .2s;
}

.sign-in__wrap:hover {
  background-color: #fff6;
}

.sign-in__wrap.responsive {
  display: none;
}

.input-5 {
  color: #fff;
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 30px;
  height: 48px;
  margin-bottom: 0;
  padding: 20px 20px 18px;
  transition: border .2s;
}

.input-5:focus {
  border-color: #fff;
}

.input-5::placeholder {
  color: #fffc;
  font-size: 15px;
  font-weight: 400;
}

.button-66 {
  color: #2d6d6c;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 40px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 17px;
  transition: background-color .2s, color .2s;
}

.button-66:hover {
  color: #fff;
  background-color: #fff0;
}

.heading-wrap-2 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 380px;
  padding-bottom: 90px;
  display: flex;
}

.heading-118 {
  color: var(--white);
  letter-spacing: 0;
  font-family: Druk Trial, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-weight: 800;
}

.label-5 {
  color: #ffffffb3;
  margin-bottom: 7px;
  margin-left: 15px;
  font-size: 14px;
  font-weight: 500;
}

.link-button {
  background-image: linear-gradient(134deg, #2d6d6c73, #ffffff73);
  border: 1px solid #ffffff4d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: box-shadow .2s, transform .2s;
  display: flex;
  box-shadow: 4px 4px 15px #0000001a;
}

.link-button:hover {
  transform: translate(2px, 2px);
  box-shadow: 4px 4px 15px #0000;
}

.container-49 {
  z-index: 9000;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: relative;
}

.video-2 {
  position: absolute;
  inset: 0%;
}

.form-block-22 {
  margin-top: 0;
  margin-bottom: 0;
}

.buttons-wrap-4 {
  grid-column-gap: 22px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.p-25 {
  color: #fff;
  font-size: 25px;
}

.heading-119 {
  color: var(--white);
}

.background-overlay-2 {
  z-index: 0;
  object-fit: cover;
  background-image: none;
  display: none;
  position: absolute;
  inset: 0%;
}

.analysis {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-width: 18em;
  max-width: 100%;
  padding: 10px;
  display: flex;
}

.analysis:hover {
  background-color: #f0f0f0;
  border-radius: 20px;
}

.text-block-129 {
  margin-left: 10px;
  font-family: Montserrat, sans-serif;
}

.div-block-413 {
  justify-content: flex-start;
  display: flex;
}

.image-44 {
  opacity: 1;
}

.html-embed {
  display: none;
}

.burger-menu {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: auto;
  display: flex;
}

.colorful-section-contain {
  z-index: 2;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background-color: #ffffff0a;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 10px 20px;
  display: block;
  position: relative;
}

.form-wrapper-3 {
  z-index: 50;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 360px;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.colorful-section {
  color: #fff;
  background-color: #08080800;
  background-image: linear-gradient(354deg, #000000bf, #31313173);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 100vh;
  padding: 10vh 5%;
  font-size: 17px;
  line-height: 29px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.short-page-wrapper {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-width: 50%;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

._100 {
  width: 100%;
}

.container-50 {
  padding-left: 5%;
  padding-right: 5%;
}

.field-description {
  color: #0009;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 300;
}

.tab-2 {
  object-fit: fill;
  background-color: #35373b;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 14vw;
  min-width: 140px;
  height: 100%;
  margin-top: 0;
  padding-top: 10px;
  font-weight: 400;
  display: block;
  position: relative;
  overflow: hidden;
}

.tab-2.inactive {
  color: #fffc;
  background-color: #0000;
  width: 13vw;
}

.tab-2.inactive.light {
  color: #000c;
  background-color: #dee1e5;
}

.tab-2.light {
  color: #000;
  background-color: #fff;
}

.footer-4 {
  text-align: center;
  border-bottom: 1px #dcdce5;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 13px;
}

.text-field-wrapper {
  flex-direction: column;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.text-field-wrapper.half {
  width: 49%;
}

.split-page-wrapper {
  z-index: 1;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  min-height: 800px;
  margin-top: 100px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-field-11 {
  color: #000;
  border: 1px solid #dcdce5;
  border-radius: 6px;
  height: 42px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 1px 2px #dcdce580;
}

.text-field-11:hover {
  border-color: #000c;
  box-shadow: 0 1px 4px #dcdce5e6;
}

.text-field-11:focus {
  border: 1px solid #434de7;
}

.text-field-11::placeholder {
  color: #6e6e6e;
}

.form-field-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-top: 0;
  display: flex;
}

.checkbox-field-3 {
  margin-top: 5px;
  margin-bottom: 20px;
  display: block;
}

.navbar-2 {
  padding-top: 5vh;
  padding-bottom: 4vh;
}

.button-67 {
  color: #000;
  text-transform: uppercase;
  background-color: #1d1d1d00;
  border-radius: 6px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 800;
  transition: background-color .2s, box-shadow .2s;
  display: flex;
}

.button-67:hover {
  background-color: var(--white);
  color: var(--deon-green);
}

.flex-row-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-content-4 {
  grid-column-gap: 20px;
  align-items: center;
  display: flex;
}

.tab-bar-2 {
  align-items: flex-start;
  height: 50px;
  display: flex;
}

.tab-bar-2.light {
  background-color: #dee1e6;
}

.disconnect-link-2 {
  text-align: right;
  padding: 13px;
  text-decoration: underline;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.disconnect-link-2:hover {
  color: #000;
}

.margin-bottom-3 {
  text-align: center;
  margin-bottom: 15px;
}

.form-div-line {
  background-color: #e4e4e4;
  width: 25%;
  height: .8px;
}

.social-btn-4 {
  color: #000;
  border: 1px solid #dcdce5;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 10px;
  padding: 12px 40px 12px 15px;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
  transition: border-color .2s, box-shadow .2s;
  position: relative;
  box-shadow: 0 1px 2px #dcdce580;
}

.social-btn-4:hover {
  box-shadow: none;
  border-color: #374252;
}

.social-btn-4:focus {
  border: 1px solid #000;
}

.social-btn-4::placeholder {
  color: #6e6e6e;
}

.social-btn-4.google:hover {
  border-color: #4285f4;
}

.social-btn-4.facebook:hover {
  border-color: #1777f2;
}

.social-btn-4.facebook.solid {
  color: #fff;
  background-color: #1777f2;
  border-style: none;
  font-weight: 400;
}

.social-btn-4.facebook.solid:hover {
  background-color: #0053bd;
}

.form-divider {
  color: #000c;
  letter-spacing: 2px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 12px;
  display: flex;
}

.signup-header {
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 10px;
  font-family: Druk Trial, sans-serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 28px;
}

.checkbox-label-4 {
  color: #000c;
  font-weight: 300;
}

.new-tab-2 {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: 4px;
  margin-left: 4px;
  padding: 6px;
  display: flex;
}

.new-tab-2:hover {
  background-color: #2b3133;
  border-radius: 50%;
}

.colorful-section-bg-fade {
  z-index: 0;
  width: 150%;
  height: 20%;
  position: absolute;
  inset: 0% auto auto -50%;
  transform: rotate(25deg);
}

.insert-website-here-2 {
  align-items: flex-start;
  min-height: 500px;
  display: flex;
  overflow: hidden;
}

.gumdrops__wrapper-2 {
  align-items: center;
  padding: 20px 20px 20px 24px;
  display: flex;
  overflow: hidden;
}

.footer-flex-container {
  text-align: left;
  justify-content: space-between;
  display: flex;
}

.field-label-2 {
  color: #374252;
  margin-bottom: 3px;
  font-size: 13.5px;
  font-weight: 600;
}

.fake-logo {
  height: 20px;
  font-size: 20px;
  font-weight: 600;
}

.checkbox-4 {
  width: 14px;
  height: 14px;
}

.checkbox-4.w--redirected-checked {
  background-color: #2d323e;
}

.link-19 {
  color: #000c;
  border-bottom: 1px dashed #7b83ff;
}

.link-19:hover {
  color: #272d88;
}

.flex-stack-center {
  cursor: not-allowed;
  justify-content: center;
  display: flex;
}

.text-block-130 {
  letter-spacing: 0;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

.text-block-131 {
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

.heading-120 {
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 800;
  line-height: 1em;
}

.image-45 {
  z-index: 9999;
  position: relative;
}

.output-slider {
  width: 100%;
  height: 43.75rem;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.output-slider_track {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  overflow: visible;
}

.output-slider_slide {
  opacity: .4;
  width: 100%;
  padding: 0;
  transition: transform .4s;
  position: relative;
  overflow: hidden;
  transform: scale(.9);
}

.output-slider_slide-img {
  width: 100%;
}

.slider-6 {
  background-color: #ddd0;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

._150-image-row-wrapper {
  flex: 1;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

._150-image-wrapper-outer {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

._150-image {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66e0_will-turner-yS4VEyOgMEw-unsplash.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  margin-left: 10px;
  margin-right: 10px;
}

._150-image._27 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da6695_alexander-jawfox-4DxFFn8cq90-unsplash.jpg");
}

._150-image._7 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66d1_josh-hild-_TuI8tZHlk4-unsplash.jpg");
}

._150-image._5 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66d7_daniel-j-schwarz-E3QoGwsVLDo-unsplash.jpg");
}

._150-image._13 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66bf_artin-bakhan-f1olIOxfMeQ-unsplash.jpg");
}

._150-image._10 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66cb_jon-s-9x2l1o67wx0-unsplash.jpg");
}

._150-image._14 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66bc_isaac-madrid-kMuFaJk-d0Y-unsplash.jpg");
}

._150-image._6 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66d4_pang-yuhao-Sdske9tEDyg-unsplash.jpg");
}

._150-image._9 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66c8_jack-nelson-MS5CuKPFJzg-unsplash.jpg");
}

._150-image._25 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da669b_touann-gatouillat-vergos-Izjg-QZRPgI-unsplash.jpg");
}

._150-image._21 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66a7_nong-vang-0mt7Pk8JDS0-unsplash.jpg");
}

._150-image._28 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da6692_danil-shostak-wVso9-blKFw-unsplash.jpg");
}

._150-image._3 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66dd_daniel-j-schwarz-CH7-NJQM4zg-unsplash.jpg");
}

._150-image._11 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66c5_david-lezcano-vMjfhNAw7mk-unsplash.jpg");
}

._150-image._18 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66b0_matthew-ronder-seid-OwsvmAr3PiE-unsplash.jpg");
}

._150-image._15 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66b9_sergio-souza-IR4zdB8TDkY-unsplash.jpg");
}

._150-image._12 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66c2_andre-iv-RM73MZdIioQ-unsplash.jpg");
}

._150-image._17 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66b3_james-adams-hdHz6O8rLng-unsplash.jpg");
}

._150-image._23 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66a1_dave-herring-3-cPvawkg-I-unsplash.jpg");
}

._150-image._8 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66ce_john-vicente-uYPEkDOa6DI-unsplash.jpg");
}

._150-image._22 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66a4_marvin-meyer-NI5PYkdl8kU-unsplash.jpg");
}

._150-image._29 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da668f_ulysse-pointcheval-rTFcoptOQ4U-unsplash.jpg");
}

._150-image._30 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da668c_pars-sahin-puEX_dvFWhc-unsplash.jpg");
}

._150-image._2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66e3_erik-mclean-jcsxshwzvk0-unsplash.jpg");
}

._150-image._26 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da6698_daniel-j-schwarz-kRsJuiJs_b4-unsplash.jpg");
}

._150-image._16 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66b6_moises-alex-0AlDmz8Twv0-unsplash.jpg");
}

._150-image._4 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66da_lukas-blaskevicius-2jIBhXbdE8U-unsplash.jpg");
}

._150-image._20 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66ad_james-adams-HW2jyY7lmig-unsplash.jpg");
}

._150-image._19 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da66aa_toby-christopher--FdDxSryyEo-unsplash.jpg");
}

._150-image._24 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6582195c8e0a524270da669e_rob-coates-0WSnv89w8NU-unsplash.jpg");
}

._150-image-wrapper-inner {
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 150vw;
  height: 200vh;
  display: flex;
  position: absolute;
  transform: rotate(20deg);
}

.section_clients {
  height: 500px;
  display: block;
  overflow: hidden;
}

.button-68 {
  color: #000;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .2s;
}

.form-field-4 {
  margin-bottom: 20px;
}

.progress-bar-inner {
  background-color: #fff;
  width: 0%;
  height: 100%;
}

.mb-20-6 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 500;
}

.p-light-2 {
  color: #fffc;
  margin-bottom: 35px;
  font-weight: 300;
}

.field-5 {
  color: #fff;
  background-color: #3b3b3b;
  border: 1px solid #4d4d4d;
  border-radius: 8px;
  height: 40px;
  margin-bottom: 0;
  padding: 0 0 0 15px;
  transition: box-shadow .2s;
  box-shadow: 0 2px 3px #0000001a;
}

.field-5:focus-visible, .field-5[data-wf-focus-visible] {
  color: #fff;
}

.form-block-23 {
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 60px;
  display: flex;
  position: relative;
}

.label-6 {
  margin-bottom: 10px;
  font-weight: 400;
}

.progress-bar-2 {
  align-items: center;
  height: 10px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.button_google-2 {
  color: #fff;
  background-color: #4280ef;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  padding: 3px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.progress-2 {
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-weight: 400;
}

.google-icon-wrap-2 {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
}

.progress-bar-step {
  width: 33.33%;
  height: 100%;
}

.button-69 {
  color: #000;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .2s;
}

.form-field-5 {
  margin-bottom: 20px;
}

.image-wrap-2 {
  background-color: #0000;
  width: 100%;
  height: 100%;
  padding: 20px;
}

.mb-20-7 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 500;
}

.p-light-3 {
  color: #fffc;
  margin-bottom: 35px;
  font-weight: 300;
}

.field-6 {
  color: #fff;
  background-color: #3b3b3b;
  border: 1px solid #4d4d4d;
  border-radius: 8px;
  height: 40px;
  margin-bottom: 0;
  padding: 0 0 0 15px;
  transition: box-shadow .2s;
  box-shadow: 0 2px 3px #0000001a;
}

.field-6:focus-visible, .field-6[data-wf-focus-visible] {
  color: #fff;
}

.form-block-24 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffe3;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 60px;
  display: flex;
  position: relative;
}

.label-7 {
  margin-bottom: 10px;
  font-weight: 400;
}

.progress-bar-3 {
  align-items: center;
  height: 10px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.button_google-3 {
  color: #fff;
  background-color: #4280ef;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  padding: 3px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.progress-3 {
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-weight: 400;
}

.section_big-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: grid;
}

.contact_column {
  width: 50%;
  padding: 4.3em;
  position: relative;
  overflow: hidden;
}

.contact_column.is-left {
  z-index: 1;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.contact_column.is-right {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 100vh;
  display: flex;
}

.section-35 {
  z-index: 1;
  position: relative;
}

.container-51 {
  z-index: 3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.error2 {
  color: #e5a7ff;
  width: 100%;
  min-width: 100%;
  margin-top: .6em;
  font-size: 1.2em;
  display: block;
}

.success-2 {
  text-align: center;
  background-color: #ffffff24;
  border-radius: .6em;
  padding: 2.5em;
}

.radio_wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.field_wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 2.2em;
  display: flex;
  position: relative;
}

.field_wrap.is-radio {
  padding-top: 2.2em;
}

.page-wrapper-16 {
  width: 100%;
  font-size: 1em;
  position: relative;
}

.success_text {
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.4;
}

.error-message_text {
  font-size: 1.3em;
}

.radio_field {
  margin-top: .4em;
  margin-right: .6em;
  padding: .8em 2.4em;
  position: relative;
}

.radio_button {
  z-index: 2;
  cursor: pointer;
  border-color: #ffffff73 #ffffff73 #ffffff7a;
  border-radius: 100vw;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: background-color .1s, border-width .1s, border-color .1s;
  position: absolute;
  inset: 0%;
}

.radio_button:hover {
  background-color: #ffffff17;
}

.radio_button.w--redirected-checked {
  border-width: 1px;
  border-color: #fff;
}

.radio_button.w--redirected-focus {
  box-shadow: none;
  border-width: 2px;
}

.bg-video-2 {
  z-index: 1;
  width: 50%;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
}

.form-30 {
  width: 100%;
  margin-bottom: 0;
}

.error-message-5 {
  color: #e5a7ff;
  background-color: #ffffff17;
  border-radius: .5em;
  margin-top: 2.3em;
  padding: 1.9em 2.1em;
}

.field-7 {
  z-index: 2;
  color: #fff;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #ffffff7a;
  border-radius: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 1.5em;
  min-height: 1.5em;
  max-height: 7em;
  margin-bottom: 0;
  padding: 0;
  font-size: 2.5em;
  font-weight: 300;
  transition: border-color .2s;
  position: relative;
}

.field-7:focus {
  border-bottom-color: #fff;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.logo_link {
  font-weight: 500;
}

.radio_label {
  z-index: 3;
  margin-bottom: 0;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1;
  position: relative;
}

.submit-2 {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 100vw;
  margin-top: 1em;
  padding: .3em 2.1em;
  font-size: 1.5em;
  transition: all .1s;
}

.submit-2:hover {
  color: #000;
  background-color: #fff;
}

.submit-2:focus {
  border-color: #49fefd;
}

.headline_wrap {
  color: #fff;
  width: 36em;
  max-width: 100%;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  font-family: Druk Trial, sans-serif;
  font-size: 2em;
}

.side-panel {
  z-index: 2;
  background-color: #000;
  width: 50%;
  height: 100vh;
  padding: 0;
  position: fixed;
  inset: 0% 0% auto auto;
}

.field_label {
  z-index: 1;
  transform-origin: 0%;
  color: #ffffff78;
  margin-bottom: -.3em;
  font-size: 1.4em;
  font-weight: 300;
  transition: transform .2s;
  position: relative;
}

.field_label.large {
  transform: scale(1.2)translate(0, 1.6em);
}

.field_label.is-radio {
  margin-bottom: .5em;
  font-size: 1.68em;
}

.contact_email {
  color: #ffffffe0;
  font-size: 1.3em;
  font-weight: 300;
}

.contact_email:hover {
  text-decoration: underline;
}

.heading-121 {
  letter-spacing: 1px;
  font-family: Druk Trial, sans-serif;
  font-size: 2em;
  font-weight: 700;
}

.auth_left-section-3 {
  color: #fff;
  background-color: #161616;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2.5rem;
  display: flex;
}

.spacer-small-2 {
  width: 100%;
  padding-top: 1rem;
}

.spacer-medium-2 {
  width: 100%;
  padding-top: 2rem;
}

.heading-style-h2-5 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.ms-profile-image-preview-5 {
  object-fit: cover;
  background-color: #161616;
  border: 1px solid #f1f1f1;
  border-radius: 6.25rem;
  width: 3.5rem;
  height: 3.5rem;
  display: inline-block;
}

.form-full-2 {
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding-top: 90px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.slider-content-wrap-2 {
  text-align: center;
  background-color: #fff0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 90px 0 75px;
  display: flex;
  position: relative;
}

.text-counter-2 {
  color: #80808073;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
}

.text-block-132 {
  color: var(--light-grey-background);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.form-wrapper-4 {
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.form-section-title-2 {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 800;
  line-height: 32px;
}

.checkbox-field-4 {
  background-color: #00000040;
  justify-content: flex-start;
  align-items: center;
  width: 24%;
  min-width: 150px;
  height: 140px;
  margin-left: 6px;
  margin-right: 6px;
  display: flex;
  box-shadow: 1px 1px 35px #42424247;
}

.next-2 {
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 159px;
  height: 47px;
  margin: auto auto 25px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  display: block;
  position: absolute;
  right: 35px;
  overflow: visible;
}

.arrow-4 {
  width: 16px;
  margin-right: 8px;
}

.checkbox-title-2 {
  color: var(--white);
  text-transform: uppercase;
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.previous-button-2 {
  opacity: 1;
  color: #fff;
  text-indent: -2px;
  text-transform: uppercase;
  flex: none;
  align-self: center;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  transition: opacity .2s ease-in;
}

.previous-button-2:hover {
  opacity: 1;
  border-bottom-color: #0000008c;
}

.previous-2 {
  opacity: .8;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100px;
  height: 35px;
  margin: 0 auto 25px;
  padding: 32px 12px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: auto auto 0% 35px;
}

.previous-2:hover {
  opacity: 1;
}

.next-button-2 {
  background-color: #5b3acc00;
  border-radius: 5px;
  flex: 1;
  align-self: center;
  padding: 12px 32px;
  font-size: 18px;
}

.submit-button-11 {
  box-shadow: none;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #5b3acc00;
  border-radius: 5px;
  width: auto;
  height: auto;
  margin-bottom: -60px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 800;
  transition: background-color .2s ease-in, box-shadow .2s ease-in;
  display: block;
  position: absolute;
  inset: auto 35px 0% auto;
}

.slider-7 {
  background-color: #0000;
  max-width: 700px;
  height: 100%;
  position: relative;
}

.paragraph-50 {
  color: var(--light-grey-background);
  text-align: center;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 23px;
}

.checkbox-5 {
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.checkbox-5:active {
  border: 1px solid #000;
}

.success-message-9 {
  letter-spacing: 1px;
  padding: 50px;
}

.checkbox_wrap-2 {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.checkbox_wrap-2.checkbox_centre {
  justify-content: center;
}

.image-46 {
  margin-right: 10px;
}

.about-input-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.about-input-wrap.checkbox_centre {
  justify-content: center;
}

.bio-wrap {
  width: 70%;
}

.submit-box {
  justify-content: flex-end;
  display: block;
}

.text-block-133 {
  color: #ffffff40;
  font-family: Montserrat, sans-serif;
}

.skip-text {
  color: #80808073;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.ms-profile-image-row-3-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 20px;
  display: flex;
}

.container-w2 {
  width: 100%;
  max-width: 83.125em;
  margin-left: auto;
  margin-right: auto;
}

.container-w2.gutter-outside {
  display: none;
}

.tablet-mockup-animation {
  z-index: 2;
  position: relative;
}

._3d-tablet-wrap {
  perspective: 1000px;
  perspective-origin: 50%;
}

.ipad-mockup {
  position: relative;
}

.ipad-screen {
  z-index: 1;
  object-fit: cover;
  width: 93.8%;
  height: 91.6%;
  position: absolute;
  top: 4%;
  left: 3%;
}

.ipad-shape {
  z-index: 2;
  width: 100%;
  position: relative;
}

.container-logos {
  display: none;
}

.container-info {
  width: 100%;
  max-width: 64rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.container-medium-copy {
  width: 100%;
  max-width: 64rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.container-text-highlight {
  width: 100%;
  max-width: 64rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.video-section {
  color: #fff;
  background-color: #08080800;
  background-image: linear-gradient(354deg, #000000bf, #31313173);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 100vh;
  margin-bottom: 0;
  padding: 10vh 5%;
  font-size: 17px;
  line-height: 29px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.form-section {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-width: 50%;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.progress-indicator {
  padding-top: 5vh;
  padding-bottom: 4vh;
}

.select-field-2 {
  background-color: var(--white);
  color: #3333337d;
  border-radius: 6px;
  transition: box-shadow .2s, border-color .2s;
  box-shadow: 0 1px 2px #0003;
}

.ms-profile-image-onboard {
  border: 2px solid var(--deon-green);
  background-color: var(--white);
  object-fit: cover;
  border-radius: 6.25rem;
  width: 3.5rem;
  height: 3.5rem;
  padding: 3px;
  display: inline-block;
}

.ms-profile-upload-onboard {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--light-grey-background);
  color: #fff;
  border: .0625rem #f0f0f0;
  border-radius: .4375rem;
  align-items: center;
  height: 2rem;
  padding-left: .375rem;
  padding-right: .5rem;
  line-height: 1.6875rem;
  text-decoration: none;
  display: flex;
}

.upload-text {
  color: var(--button-black);
  letter-spacing: 1px;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.textarea {
  border-radius: 6px;
}

.signup-button {
  background-color: var(--button-black);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 800;
  transition: background-color .2s, box-shadow .2s;
  display: flex;
  box-shadow: 0 1px 3px #0003;
}

.signup-button:hover {
  background-color: var(--deon-green);
  color: var(--white);
}

.container-templates {
  width: 100%;
  max-width: 64rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.signup_section {
  background-color: #0e0e0e00;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  position: absolute;
  inset: 0 0%;
}

.align-center {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.input-label-7 {
  z-index: 2;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 15px;
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 6px;
}

.signup_h1 {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 2rem;
  font-family: Druk Trial, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2em;
}

.form_card {
  background-color: #fff;
  border: 1px solid #f2f3ff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 400px;
  margin-bottom: 0;
  padding: 2rem;
  display: flex;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.form_card.is-wider {
  width: 600px;
  max-width: 600px;
  max-height: 100vh;
  margin-top: 0;
}

.page-padding {
  z-index: 1;
  max-height: 100vh;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.footer_component {
  color: #fff;
  background-color: #5d52f7;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.checkbox_row_label {
  margin-top: 1.5rem;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.numbers-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.footer_tiny {
  color: #fff;
  font-size: .75rem;
  font-weight: 400;
}

.footer_tiny.dot {
  margin-left: .25rem;
  margin-right: .25rem;
  font-size: 1rem;
  line-height: 1.25rem;
}

.checkbox_button {
  z-index: 3;
  cursor: pointer;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-style: solid;
  border-color: #b7bbd1;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.checkbox_button:hover {
  border-color: var(--deon-green);
}

.checkbox_button.w--redirected-checked {
  border-width: 2px;
  border-color: var(--deon-green);
  color: var(--deon-green);
  background-color: #77cb1b1a;
  background-position: 10px;
  background-size: auto;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  display: block;
}

.button-70 {
  background-color: var(--button-black);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50vw;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 1.25rem 1.875rem 1.2rem;
  font-family: Montserrat, sans-serif;
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
  transition: all .3s;
}

.button-70:hover {
  transform: translate(0, -4px);
}

.input-wrapper-6 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: .5rem;
  display: flex;
  position: relative;
}

.input-wrapper-6._15p-right {
  margin-right: 15px;
}

.number-step {
  border: 1px solid var(--deon-green);
  background-color: var(--deon-green);
  color: var(--white);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.number-step.completed {
  border-color: var(--active-border);
  background-color: var(--active-border);
  opacity: .5;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.number-step.active {
  border-color: var(--deon-green);
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.number-step.completed {
  opacity: .5;
  color: #fff;
  background-color: #5d52f7;
  border-color: #5d52f7;
}

.number-step.active {
  color: #fff;
  background-color: #5d52f7;
  border-color: #5d52f7;
}

.number-step.done {
  border-color: var(--active-border);
  background-color: var(--active-border);
}

.footer_bottom {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.nav_component {
  background-color: #fff;
  padding: .5rem 2.5rem;
  font-weight: 500;
  position: sticky;
  top: 0;
}

.nav_component.no-mobile {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.checkbox-field-5 {
  z-index: 2;
  flex: none;
  margin-bottom: 0;
  padding: .5rem 1rem .4rem 40px;
  line-height: 1.4em;
  display: block;
  position: relative;
}

.checkbox-field-5:hover {
  border-color: #1200ee;
  position: relative;
  box-shadow: 0 20px 30px -10px #00000021;
}

.input-6 {
  color: #000;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
  font-size: 1rem;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input-6:hover {
  box-shadow: none;
  border-color: #5d52f7;
}

.input-6:focus {
  border: 1px solid #434de7;
}

.input-6::placeholder {
  color: #6e6e6e;
}

.input-6.is-name {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
}

.input-6.is-name:hover {
  border-color: var(--deon-green);
}

.input-6.is-name:active {
  border-color: var(--deon-green);
  opacity: 1;
}

.input-6.is-textarea {
  padding-top: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
}

.input-6.is-textarea:hover {
  border-color: var(--deon-green);
}

.link-20 {
  color: var(--button-black);
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.link-20:hover {
  color: #000;
}

.custom-checkbox-label {
  z-index: 2;
  mix-blend-mode: normal;
  width: 100%;
  font-weight: 600;
  position: relative;
}

.container-large-3 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.checkbox_row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 1000px;
  margin: .5rem auto 1.5rem;
  display: flex;
  position: relative;
}

.content-wrap-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.content-wrap-center._100-p-width {
  width: 100%;
}

.spacer-l {
  width: 100%;
  height: 2rem;
}

.input-label-8 {
  z-index: 2;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-size: .9rem;
  font-weight: 600;
  line-height: 15px;
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 6px;
}

.signup_h1-2 {
  color: #000;
  text-align: center;
  margin-bottom: 2rem;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2em;
}

.checkbox_button-2 {
  z-index: 3;
  cursor: pointer;
  background-image: none;
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border-style: solid;
  border-color: #b7bbd1;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.checkbox_button-2:hover {
  border-color: #5d52f7;
}

.checkbox_button-2.w--redirected-checked {
  color: #5d52f7;
  background-color: #5d52f70d;
  background-image: none;
  background-position: 10px;
  background-size: auto;
  border-width: 2px;
  border-color: #5d52f7;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}

.button-71 {
  color: #fff;
  text-align: center;
  background-color: #5d52f7;
  border-radius: 50vw;
  justify-content: center;
  align-items: center;
  padding: 1.25rem 1.875rem 1.2rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
  transition: all .3s;
}

.button-71:hover {
  transform: translate(0, -4px);
}

.input-wrapper-7 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: .5rem;
  display: flex;
  position: relative;
}

.input-wrapper-7._15p-right {
  margin-right: 15px;
}

.checkbox-field-6 {
  z-index: 2;
  flex: none;
  margin-bottom: 0;
  padding: .5rem 1rem .4rem 40px;
  line-height: 1.4em;
  display: block;
  position: relative;
}

.checkbox-field-6:hover {
  border-color: #1200ee;
  position: relative;
  box-shadow: 0 20px 30px -10px #00000021;
}

.input-7 {
  color: #000;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
  font-size: 1rem;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input-7:hover {
  box-shadow: none;
  border-color: #5d52f7;
}

.input-7:focus {
  border: 1px solid #434de7;
}

.input-7::placeholder {
  color: #6e6e6e;
}

.input-7.is-name:active {
  opacity: 1;
}

.input-7.is-textarea {
  padding-top: 16px;
  font-size: 1.1rem;
}

.link-21 {
  color: #5d52f7;
  font-weight: 600;
  text-decoration: none;
}

.link-21:hover {
  color: #000;
}

.container-large-4 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.split-wrapper-about-you {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  min-height: 100vh;
  display: none;
  position: relative;
  overflow: hidden;
}

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

.section-wearables {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 500px 500px;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  height: 600px;
  margin-left: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: flex;
  overflow: hidden;
}

.container-large-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.section-logo {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo_component-slider {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 2200px;
  margin-top: 0;
  display: flex;
}

.padding-vertical-right {
  flex-direction: column;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.padding-vertical-right.padding-xxlarge {
  flex-direction: column;
  justify-content: center;
  height: 100px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.padding-vertical-right.padding-xlarge {
  padding-left: 0;
  padding-right: 0;
}

.logo-slider-img {
  width: 75px;
}

.page-padding-2 {
  padding: 5em 5%;
}

.page-padding-2.s0 {
  z-index: 9000;
  padding-top: 2em;
  padding-bottom: 2em;
  position: static;
}

.logo-slide_section {
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.container-large-6 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.div-block-414 {
  z-index: 7;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0;
}

.div-block-415 {
  z-index: 6;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 4.5rem;
  padding-left: 20px;
  padding-right: 100px;
  position: absolute;
  inset: 25% 38%;
}

.logo_component-slide-right {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 2200px;
  margin-top: 20px;
  display: flex;
}

.checkbox-6 {
  border-color: #b7bbd1;
  width: 14px;
  height: 14px;
  margin-top: 3px;
}

.checkbox-6.w--redirected-checked {
  background-color: #434de7;
  border-color: #434de7;
}

.radio-input {
  border-color: #b7bbd1;
  width: 15px;
  height: 15px;
  margin-top: 2px;
  margin-right: 7px;
}

.radio-input.w--redirected-checked {
  border-color: #434de7;
}

.small-h1 {
  color: #000;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2em;
}

.navbar-logo-link {
  max-width: 140px;
  padding-top: 5px;
  padding-left: 0;
}

.flex-row-outer-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.flex-row-outer-2.margin-bottom {
  margin: 0 0 12px;
}

.form-container {
  text-align: left;
  flex-flow: column wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 10px;
  display: flex;
  position: relative;
}

.numbers-wrap-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.form-block-26 {
  width: 100%;
}

.check-field {
  color: #000;
  margin-top: 5px;
  margin-bottom: 5px;
}

.input-8 {
  color: #6e6e6e;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input-8:hover {
  border-color: var(--deon-green);
  box-shadow: none;
}

.input-8:focus {
  border: 1px solid var(--deon-green);
}

.input-8::placeholder {
  color: #6e6e6e;
}

.number-step-2 {
  color: #000;
  border: 1px solid #000;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.number-step-2.completed {
  opacity: .5;
  color: #fff;
  background-color: #434de7;
  border-color: #434de7;
}

.number-step-2.active {
  color: #fff;
  background-color: #434de7;
  border-color: #434de7;
}

.spacer-xs {
  width: 100%;
  height: 10px;
}

.logo-img-2 {
  color: #000;
}

.spacer-m {
  width: 100%;
  height: 20px;
}

.paragraph-51 {
  opacity: .9;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.spacer-l-2 {
  width: 100%;
  height: 30px;
}

.form-wrapper-5 {
  z-index: 50;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 400px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.form-wrapper-5.left-align {
  text-align: left;
  align-items: flex-start;
}

.input-label-9 {
  z-index: 2;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-family: Montserrat, sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 15px;
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 6px;
}

.input-label-9.static {
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.input-wrapper-8 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.radio-field {
  color: #000;
  margin-top: 5px;
}

.relative-block {
  position: relative;
}

.button-72 {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-72:hover {
  box-shadow: none;
  background-color: #000;
}

.button-72.in-form {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  display: flex;
}

.signup-subtext {
  font-size: 14px;
}

.section_elite-copy {
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 100px 20px 60px;
  display: flex;
}

.heading-122 {
  z-index: 7;
  letter-spacing: 3px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druk Trial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: relative;
}

.section-pro-demo {
  display: none;
}

.libraries-howitworks_tabs-menu {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fff;
  border-radius: .75rem;
  align-items: center;
  margin-top: 60px;
  padding: .5rem;
  display: flex;
  position: sticky;
  top: 1.5rem;
  box-shadow: 0 0 2.7rem -5px #0000000d;
}

.libraries-howitworks_video-wrapper {
  z-index: 1;
  background-color: #fff0;
  border-radius: .375rem;
  flex: none;
  align-items: center;
  width: 90%;
  padding-top: 56%;
  display: flex;
  position: absolute;
  left: auto;
  right: auto;
  overflow: hidden;
  box-shadow: 0 12px 2rem #0000001a;
}

.libraries-howitworks_desktop-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.libraries-howitworks_tab-link {
  color: #161616a6;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: .5rem;
  flex: none;
  padding: .5rem 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.libraries-howitworks_tab-link.w--current {
  background-color: var(--black-2);
  color: var(--white);
  font-weight: 500;
  text-decoration: none;
}

.libraries-howitworks_video {
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.page-padding-3 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.libraries-howitworks_content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.heading-huge {
  font-family: Druk Trial, sans-serif;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.libraries-howitworks_mobile-image-wrapper {
  display: none;
}

.libraries-howitworks_content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 30rem;
  height: 100vh;
  display: flex;
}

.libraries-howitworks_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: relative;
}

.libraries-howitworks_mobile-video {
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-size-medium-2 {
  font-size: 1.125rem;
}

.libraries-howitworks_content-right {
  background-color: #d8d5d1;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 33.75rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.libraries-howitworks_content-right.is-item2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6596c038a31aa73c7b33d100_noise.png"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6596c038a31aa73c7b33d0ff_bg-blur3.svg");
  background-position: 0 0, 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: 18.75rem, 87.5rem;
  background-attachment: fixed, fixed;
}

.libraries-howitworks_content-right.is-item3 {
  background-image: linear-gradient(#3535353b, #000000ab), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/683fc6452147ead4999f1544_hyrox_athlete%20team_BW.jpg");
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto 90%;
  background-attachment: scroll, fixed;
}

.subtext-h2 {
  text-align: left;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.home-h2-header {
  color: var(--black);
  margin-bottom: 5px;
  font-family: Druk Trial, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}

.subheader-2-copy {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.subheader-2-copy.text-brand {
  color: var(--top-subtxt);
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.h2-subheader {
  color: var(--top-subtxt);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.container-h2-image {
  width: 100%;
  max-width: 64rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.content-left-copy {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
}

.footer_slack-cta {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #e4e2df4f;
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
  padding: .5rem;
  display: flex;
}

.footer_slack-text-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  margin-right: .125rem;
  display: flex;
}

.footer_slack-icon {
  background-color: var(--neon-green);
  border: .1875rem solid #161616;
  border-radius: .5rem;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 2rem;
  padding: .5rem;
  box-shadow: 4px 4px #161616;
}

.max-width-large-2 {
  width: 70%;
  max-width: none;
}

.button-73 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 2px solid #161616;
  border-radius: .5rem;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  transition: all .2s;
}

.button-73:hover {
  background-color: #2e2e2e;
  border-color: #0000;
}

.button-73.dont-shrink {
  flex: none;
}

.section-36 {
  background-color: #0000;
  width: 100%;
  min-height: 100px;
  position: static;
}

.button-74 {
  cursor: pointer;
  border-radius: 100vw;
  padding: 0;
  font-weight: 500;
  transition: color .2s, box-shadow .2s, background-color .2s;
  position: relative;
}

.button-74.theme-1-fill-b {
  color: #000f1d;
  background-color: #f5f5f5;
}

.button-74.theme-1-fill-b:hover {
  background-color: #e6e6e6;
}

.button-74.theme-1-fill-b:active {
  background-color: #ccc;
}

.button-74.theme-1-fill-a {
  color: #fff;
  background-color: #111;
}

.button-74.theme-1-fill-a:hover {
  background-color: #404040;
}

.button-74.theme-1-fill-a:active {
  background-color: #595959;
}

.button-74.image-fill-a {
  color: #000f1d;
  background-color: #fff;
}

.button-74.image-fill-a:hover {
  background-color: #e9e9e9;
}

.button-74.image-fill-a:active {
  background-color: #d9d9d9;
}

.text-block-134 {
  text-align: left;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.text-block-11 {
  color: #142a4a;
  -webkit-text-stroke-color: #142a4a;
  text-transform: uppercase;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.stat-separating-line {
  background-color: #ffffff80;
  width: 1px;
  height: 70px;
  margin-top: 0;
  padding-top: 0;
}

.section-container {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1500px;
  padding-top: 40px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.botton-container {
  grid-column-gap: 20px;
  object-fit: fill;
  width: 80%;
  margin-right: 0;
  display: flex;
}

.left-content-container {
  flex-direction: column;
  align-items: flex-start;
  width: 48%;
  max-width: 480px;
  padding-top: 35px;
  display: flex;
  position: static;
}

.stat-container {
  grid-column-gap: 15px;
  color: #b1b1b1;
  align-items: flex-end;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2em;
  display: flex;
}

.homepage-input {
  background-color: #fff0;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 0;
  padding: 0 23px 0 0;
  display: block;
}

.subscribe-form-input-wrapper-3 {
  text-align: left;
  flex: 1;
  position: relative;
}

.hero-paragraph-3 {
  color: #fff;
  margin-bottom: 60px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2em;
}

.content-wrapper-5 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.error-message-6 {
  color: #fa5853;
  background-color: #fee;
  border-radius: 3px;
}

.hero-stats-wrapper {
  grid-column-gap: 40px;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  padding-top: 0;
  display: flex;
}

.right-content-container {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  max-width: 600px;
  padding-top: 11px;
  display: block;
  position: relative;
}

.recaptcha {
  margin-top: 14px;
}

.success-message-10 {
  -webkit-text-fill-color: transparent;
  background-color: #f4f8fb;
  background-image: linear-gradient(to right, #2c64b6, #142a4a);
  -webkit-background-clip: text;
  background-clip: text;
  border: 2px solid #0000;
  border-radius: 5px;
  padding: 15px 20px;
}

.form-input-2 {
  color: #141415;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #f4f8fb40;
  border: 1px solid #dadada;
  border-radius: 5px;
  min-width: 350px;
  height: 47px;
  margin-bottom: 0;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  transition: border-color .2s;
}

.form-input-2:focus {
  border-color: #fa5853;
}

.form-input-2::placeholder {
  color: #dadada;
}

.form-input-2.subscribe-input {
  color: #141415;
  letter-spacing: 0;
  text-transform: none;
  background-color: #ffffff14;
  border-width: 1px;
  border-color: #7c1315;
  border-radius: 40px;
  width: 100%;
  height: 63px;
  padding: 7px 0 9px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 11.5px;
  font-style: italic;
  font-weight: 400;
  display: block;
}

.form-input-2.subscribe-input:focus-visible, .form-input-2.subscribe-input[data-wf-focus-visible] {
  color: #fff;
}

.form-input-2.subscribe-input::placeholder {
  color: #c7c3c3;
}

.stat-title {
  color: #0d0d0d;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 800;
  line-height: 1em;
}

.subscribe-form-flex-3 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: relative;
}

.button-75 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #142a4a;
  border: 1px solid #dadada;
  border-radius: 25px;
  min-width: 180px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 18px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  transition: letter-spacing .3s, color .3s;
}

.button-75:hover {
  color: #fff;
  letter-spacing: 1px;
  background-color: #7c1315;
  background-image: none;
  text-decoration: none;
}

.button-75.btn-subscribe {
  background-color: #7c1315;
  border-width: 0;
  border-radius: 40px;
  width: 100px;
  min-width: 100px;
  height: 35%;
  margin-top: 2px;
  margin-left: 0;
  padding: 0 0 45px;
  font-size: 11px;
  line-height: 3.5;
  transition: background-position .3s, letter-spacing .3s, color .2s;
  display: block;
  position: absolute;
  inset: 5px 5px 5px auto;
  box-shadow: 5px 11px 18px -9px #000;
}

.button-75.btn-subscribe:hover {
  background-position: 55%, 0 0;
}

.h1-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 45px;
  font-weight: 800;
  line-height: 1em;
}

.contact-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

.intro-logos_logo {
  display: block;
}

.bold-text {
  font-weight: 700;
}

.icon-15 {
  color: #0c1e1b;
  background-color: #6fff90;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.icon-15:hover {
  background-color: #efffef;
}

.button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.button-wrapper.padding-top-2 {
  margin-top: 2rem;
}

.hero-bottom-content {
  justify-content: center;
  align-items: center;
  margin-top: 2.6rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.intro-logos-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.avatar-image {
  border: 2px solid var(--white);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: -1rem;
}

.avatar-image.border-accent-1 {
  border-color: var(--white);
}

.avatar-image.border-primary {
  border-color: #efffef;
  margin-right: 0;
}

.container-52 {
  width: 90%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.container-52.hero {
  flex-direction: column;
  width: 80%;
  display: flex;
}

.eyebrow-component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #efffef;
  background-color: #0000005c;
  border-radius: 6rem;
  align-items: center;
  margin-bottom: 0;
  padding: .5rem 1rem;
  text-decoration: none;
  display: flex;
}

.eyebrow-dot {
  background-color: var(--neon-green);
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  box-shadow: 0 0 10px 2px #77cb1b3d;
}

.intro-logos-overflow {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  opacity: .5;
  width: 100%;
  padding-top: 6rem;
  display: flex;
}

.eyebrow-icon {
  display: flex;
}

.hero-component {
  text-align: center;
  background-color: #0c1e1b;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65973b0b727c7721afdfbfce_Dots%20Texture.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 6rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5rem;
  display: flex;
  position: relative;
  box-shadow: inset 0 -20px 200px -100px #1a3e35, 0 3px 2px #00000005, 0 8px 7px #00000008, 0 20px 14px #0000000a, 0 100px 80px #00000012, 0 64px 46px #0000000f;
}

.section-blog-latest {
  padding-top: 3rem;
  padding-bottom: 7rem;
  overflow: hidden;
}

.section-blog-latest.hero {
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: block;
}

.section-blog-latest.footer {
  background-color: #0c1e1b;
  border-top-left-radius: 6rem;
  border-top-right-radius: 6rem;
  margin-top: 2.5rem;
  padding-top: 7.5rem;
}

.section-blog-latest.hero {
  background-image: none;
  padding: 3rem 0%;
}

.icon-arrow-right {
  color: var(--active-border);
  display: flex;
}

.eyebrow {
  opacity: 1;
  letter-spacing: 3px;
  text-transform: uppercase;
  max-width: 70ch;
  margin-bottom: 0;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.button-76 {
  white-space: nowrap;
  background-color: #efffef;
  border-radius: .5rem;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button-76:hover {
  background-color: #33ce56;
}

.button-76.text-only {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: #0000;
  margin-bottom: -.25rem;
  padding: 0;
  transition: opacity .3s cubic-bezier(.165, .84, .44, 1), color .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1);
}

.button-76.text-only:hover {
  opacity: .6;
}

.button-76.outline {
  color: #efffef;
  background-color: #effbef00;
  border: 1px solid #efffef;
}

.button-76.outline:hover {
  color: #0c1e1b;
  background-color: #6fff90;
  border-color: #6fff90;
}

.button-76.font-color-accent-2:hover {
  background-color: #6fff90;
}

.paragraph-hero {
  opacity: 1;
  max-width: 70ch;
  margin-top: 1rem;
  margin-bottom: 0;
  line-height: 1.6;
}

.avatar-component {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #efffef;
  flex-flow: row;
  align-items: center;
  display: flex;
}

.icon-embed {
  display: flex;
}

.avatar-wrapper {
  justify-content: space-between;
  display: flex;
}

.bold-text-24 {
  font-weight: 700;
}

.icon-16 {
  color: #0c1e1b;
  background-color: #6fff90;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.icon-16:hover {
  background-color: #efffef;
}

.container-53 {
  width: 90%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.container-53.hero {
  flex-direction: column;
  width: 80%;
  display: flex;
}

.button-77 {
  white-space: nowrap;
  background-color: #efffef;
  border-radius: .5rem;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button-77:hover {
  background-color: #33ce56;
}

.button-77.text-only {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: #0000;
  margin-bottom: -.25rem;
  padding: 0;
  transition: opacity .3s cubic-bezier(.165, .84, .44, 1), color .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1);
}

.button-77.text-only:hover {
  opacity: .6;
}

.button-77.outline {
  color: #efffef;
  background-color: #effbef00;
  border: 1px solid #efffef;
}

.button-77.outline:hover {
  color: #0c1e1b;
  background-color: #6fff90;
  border-color: #6fff90;
}

.button-77.font-color-accent-2:hover {
  background-color: #6fff90;
}

.bold-text-25 {
  font-weight: 700;
}

.icon-17 {
  color: #0c1e1b;
  background-color: #6fff90;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.icon-17:hover {
  background-color: #efffef;
}

.container-54 {
  width: 90%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.container-54.hero {
  flex-direction: column;
  width: 80%;
  display: flex;
}

.button-78 {
  white-space: nowrap;
  background-color: #efffef;
  border-radius: .5rem;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button-78:hover {
  background-color: #33ce56;
}

.button-78.text-only {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: #0000;
  margin-bottom: -.25rem;
  padding: 0;
  transition: opacity .3s cubic-bezier(.165, .84, .44, 1), color .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1);
}

.button-78.text-only:hover {
  opacity: .6;
}

.button-78.outline {
  color: #efffef;
  background-color: #effbef00;
  border: 1px solid #efffef;
}

.button-78.outline:hover {
  color: #0c1e1b;
  background-color: #6fff90;
  border-color: #6fff90;
}

.button-78.font-color-accent-2:hover {
  background-color: #6fff90;
}

.global-styles-2 {
  display: none;
}

.text-medium {
  font-weight: 500;
}

.footer-bottom-wrapper {
  border-top: 1px solid #effbef33;
  justify-content: space-between;
  align-items: center;
  margin-top: 4rem;
  padding-top: 2rem;
  display: flex;
}

.footer-top-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.navbar-menu-2 {
  position: static;
}

.navbar-component {
  background-color: #0c1e1b;
  border: 1px solid #effbef1a;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-text-2 {
  color: #efffef;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
}

.bold-text-26 {
  font-weight: 700;
}

.icon-18 {
  color: #0c1e1b;
  background-color: #6fff90;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.icon-18:hover {
  background-color: #efffef;
}

.footer-logo-link {
  margin-bottom: .5rem;
}

.paragraph-s {
  font-size: .75rem;
}

.paragraph-52 {
  width: 100%;
}

.menu-right {
  grid-column-gap: 40px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.h5 {
  font-size: 1rem;
  line-height: 1.1;
}

.footer-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: 12px;
  display: grid;
}

.navbar-container {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-link-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  justify-content: space-between;
  place-items: flex-start start;
  display: flex;
}

.testimonials-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.grid-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-content-bottom {
  align-items: flex-end;
  display: flex;
}

.section-heading-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.avatar-quote-image {
  border: 2px solid #0c1e1b;
  border-radius: 50%;
  width: 3.25rem;
  height: 3.25rem;
}

.footer-left-wrapper {
  flex-direction: column;
  align-items: flex-start;
  max-width: 32rem;
  display: flex;
}

.quote-name-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-form-blog {
  width: 100%;
  max-width: 35rem;
  margin-bottom: 0;
}

.container-55 {
  width: 90%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.container-55.hero {
  flex-direction: column;
  width: 80%;
  display: flex;
}

.navbar-link-2 {
  color: #efffef;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 28px 0;
  font-size: 1rem;
  font-weight: 500;
  transition: all .3s;
}

.navbar-link-2:hover {
  color: #33ce56;
  text-decoration: underline;
}

.navbar-link-2.w--current {
  color: #000;
}

.footer-menu-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .25fr;
  justify-content: flex-end;
  align-items: start;
  display: flex;
}

.collection-list-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  height: 100%;
  display: flex;
}

.card-illustration-embed {
  width: 100%;
}

.h3-6 {
  font-size: 2rem;
}

.article-list-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.navbar-menu-button {
  padding: 0;
}

.text-small-3 {
  letter-spacing: normal;
  font-size: 14px;
  line-height: 1.5;
}

.card-8 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #1a3e35;
  background-color: #efffef;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
  position: relative;
  box-shadow: 0 3px 2px #00000005, 0 8px 7px #00000008, 0 20px 14px #0000000a, 0 100px 80px #00000012, 0 64px 46px #0000000f;
}

.card-8.bg-color-accent-1 {
  color: #0c1e1b;
  background-color: #6fff90;
}

.card-8.bg-color-primary {
  color: #0c1e1b;
  background-color: #efffef;
}

.card-8.bg-color-accent-2 {
  color: #6fff90;
  background-color: #0c1e1b;
}

.footer-social-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  justify-content: space-between;
  place-items: flex-start start;
  display: flex;
}

.navbar-logo-link-2 {
  padding-top: 5px;
}

.footer-social-link {
  color: #000000b3;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.footer-social-link:hover {
  color: #fff;
}

.error-message-7 {
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.form-input-3 {
  background-color: #0003;
  border: 1px solid #6fff90;
  border-radius: .5rem;
  height: 100%;
  margin-bottom: 0;
  padding-left: 32px;
  padding-right: 32px;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
}

.form-input-3:focus {
  color: #101828;
  border-color: #ceff65;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #d7f76f80;
}

.form-input-3::placeholder {
  color: #efffef;
}

.article-cards-overflow {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.success-message-11 {
  background-color: #f4f4f4;
  padding: 1.5rem;
}

.page-wrapper-17 {
  background-color: var(--white);
  margin-top: 105px;
  overflow: hidden;
}

.button-79 {
  white-space: nowrap;
  background-color: #efffef;
  border-radius: .5rem;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button-79:hover {
  background-color: #33ce56;
}

.button-79.text-only {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: #0000;
  margin-bottom: -.25rem;
  padding: 0;
  transition: opacity .3s cubic-bezier(.165, .84, .44, 1), color .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1);
}

.button-79.text-only:hover {
  opacity: .6;
}

.button-79.outline {
  color: #efffef;
  background-color: #effbef00;
  border: 1px solid #efffef;
}

.button-79.outline:hover {
  color: #0c1e1b;
  background-color: #6fff90;
  border-color: #6fff90;
}

.button-79.font-color-accent-2:hover {
  background-color: #6fff90;
}

.collection-item-7 {
  border-radius: 1.5rem;
}

.footer-social-icon {
  color: #efffef;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .75rem;
}

.h4-4 {
  font-size: 1.5rem;
  line-height: 1.1;
}

.quote-text {
  opacity: 1;
  font-size: 1.125rem;
  line-height: 1.4;
  position: relative;
}

.footer-link-2 {
  color: #efffef;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.footer-link-2:hover {
  text-decoration: underline;
}

.footer-link-2.w--current {
  color: #000;
}

.footer-description-wrapper {
  max-width: 36ch;
}

.testimonial-name-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.bold-text-27 {
  font-weight: 700;
}

.icon-19 {
  color: #0c1e1b;
  background-color: #6fff90;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.icon-19:hover {
  background-color: #efffef;
}

.icon-19.shadow {
  background-color: var(--dark-outline);
}

.container-56 {
  width: 90%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.container-56.hero {
  background-image: radial-gradient(circle, #000, #fff);
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0%;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.button-80 {
  white-space: nowrap;
  background-color: #efffef;
  border-radius: .5rem;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button-80:hover {
  background-color: #33ce56;
}

.button-80.text-only {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--black);
  background-color: #0000;
  margin-bottom: -.25rem;
  padding: 0;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  transition: opacity .3s cubic-bezier(.165, .84, .44, 1), color .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1);
}

.button-80.text-only:hover {
  opacity: .6;
}

.button-80.text-only.font-color-primary {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.button-80.outline {
  color: #efffef;
  background-color: #effbef00;
  border: 1px solid #efffef;
}

.button-80.outline:hover {
  color: #0c1e1b;
  background-color: #6fff90;
  border-color: #6fff90;
}

.button-80.font-color-accent-2:hover {
  background-color: #6fff90;
}

.text-block-135 {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.integrations {
  object-fit: none;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.section-38 {
  background-color: #0000;
  width: 100%;
}

.button-81 {
  cursor: pointer;
  border-radius: 100vw;
  padding: 0;
  font-weight: 500;
  transition: color .2s, box-shadow .2s, background-color .2s;
  position: relative;
}

.button-81.theme-1-fill-b {
  color: #000f1d;
  background-color: #f5f5f5;
}

.button-81.theme-1-fill-b:hover {
  background-color: #e6e6e6;
}

.button-81.theme-1-fill-b:active {
  background-color: #ccc;
}

.button-81.theme-1-fill-a {
  color: #fff;
  background-color: #111;
}

.button-81.theme-1-fill-a:hover {
  background-color: #404040;
}

.button-81.theme-1-fill-a:active {
  background-color: #595959;
}

.button-81.image-fill-a {
  color: #000f1d;
  background-color: #fff;
}

.button-81.image-fill-a:hover {
  background-color: #e9e9e9;
}

.button-81.image-fill-a:active {
  background-color: #d9d9d9;
}

.list-header-1-title-2 {
  grid-column-gap: .25rem;
  flex-wrap: wrap;
  display: flex;
}

.container-57 {
  width: 90%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.collection-list-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  height: 100%;
  display: flex;
}

.h3-7 {
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-weight: 200;
}

.button-82 {
  white-space: nowrap;
  background-color: #efffef;
  border-radius: .5rem;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button-82:hover {
  background-color: #33ce56;
}

.button-82.text-only {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: #0000;
  margin-bottom: -.25rem;
  padding: 0;
  transition: opacity .3s cubic-bezier(.165, .84, .44, 1), color .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1);
}

.button-82.text-only:hover {
  opacity: .6;
}

.button-82.text-only.font-color-primary {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.card-content {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-overlay {
  z-index: 2;
  mix-blend-mode: color;
  background-color: #efffef;
  display: none;
  position: absolute;
  inset: 0%;
}

.image-47 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-wrapper-2 {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.article-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--light-grey-background);
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65973b0b727c7721afdfbfce_Dots%20Texture.png");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 20px;
  width: 36rem;
  height: 100%;
  padding: 2rem;
  display: flex;
}

.article-image-component {
  width: 14rem;
}

.button-83 {
  white-space: nowrap;
  background-color: #efffef;
  border-radius: .5rem;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button-83:hover {
  background-color: #33ce56;
}

.button-83.text-only {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--black);
  background-color: #0000;
  margin-bottom: -.25rem;
  padding: 0;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  transition: opacity .3s cubic-bezier(.165, .84, .44, 1), color .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1);
}

.button-83.text-only:hover {
  opacity: .6;
}

.heading-125 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 800;
  line-height: 1em;
}

.text-block-136 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.faq_accordion {
  background-color: #fff;
  border: 1px solid #eae9f2;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  box-shadow: 0 10px 10px -5px #0000000d;
}

.section_hero-4 {
  color: #fff;
  background-color: #12141d;
  position: relative;
  overflow: hidden;
}

.features_content-bottom {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.section_cta {
  background-color: #fafafa;
  position: relative;
}

.padding-global-5 {
  padding-left: 5%;
  padding-right: 5%;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.testimonial_component {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.footer_link-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: start;
  display: grid;
}

.faq_answer {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  overflow: hidden;
}

.cta_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.hero_heading {
  line-height: 1;
}

.footer_logo {
  height: 100%;
}

.testimonial_rating-wrapper {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.section_faq {
  background-color: #fafafa;
}

.hero_backdrop-blur {
  opacity: .5;
  filter: blur(200px);
  background-color: #7239ac;
  border-radius: 100%;
  width: 30rem;
  height: 30rem;
  position: absolute;
  inset: -10% -10% auto auto;
}

.testimonial_loop-trigger {
  display: flex;
}

.button-84 {
  color: #fff;
  text-align: center;
  background-color: #2b59ff;
  border: 2px solid #2b59ff;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  transition: all .2s;
}

.button-84:hover {
  transform: translate(0, -.25rem);
  box-shadow: 0 15px 10px -10px #0000001a;
}

.button-84.is-secondary {
  color: #fff;
  background-color: #0000;
  border-width: 2px;
  border-color: #eae9f2;
}

.features_image-wrapper {
  width: 100%;
  position: relative;
}

.hero_dashboard {
  border: 1rem solid #2e2f36;
  border-radius: 3rem;
  width: 100%;
  box-shadow: 0 30px 50px -5px #12141d4d;
}

.footer_bottom-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.testimonial_client-image-wrapper {
  margin-right: 1rem;
}

.hero_content-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.line-divider {
  background-image: radial-gradient(circle, #fff6, #fff0);
  width: 100%;
  height: 1px;
}

.footer_top-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  justify-content: space-between;
  align-items: center;
}

.tabs_tabs-link {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  box-shadow: none;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 1.5rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding: 2rem;
  transition: box-shadow .1s;
  display: flex;
}

.tabs_tabs-link.w--current {
  z-index: 5;
  opacity: 1;
  background-color: #fff;
  border: 1px solid #eae9f2;
  box-shadow: 0 50px 70px -5px #0000000d, 0 30px 50px -5px #0000001a, 0 10px 20px -5px #0000001a;
}

.padding-top, .padding-top.padding-medium {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.features_image {
  width: 100%;
}

.cta_backdrop-solid {
  background-color: #2b59ff;
  width: 100%;
  height: 30%;
  position: absolute;
  inset: auto 0% 0%;
}

.faq_icon {
  align-self: flex-start;
  width: 2rem;
  margin-left: 1.5rem;
}

.footer_logo-link {
  height: 2.5rem;
  padding-left: 0;
}

.features_right {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.tabs_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.faq_list-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: start stretch;
  display: grid;
}

.text-style-muted-2 {
  opacity: .7;
}

.faq_question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.testimonial_content {
  background-image: linear-gradient(135deg, #ffffff1a, #12141d);
  border: 1px solid #3a3c45;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 25rem;
  min-width: 25rem;
  margin-right: 2rem;
  padding: 2rem;
  display: flex;
}

.features_icon-wrapper {
  justify-content: center;
  align-items: center;
  height: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.features_item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.section_tabs {
  background-color: #fafafa;
}

.features_left {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.footer_link {
  opacity: .7;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  transition: opacity .2s;
}

.footer_link:hover {
  opacity: 1;
}

.padding-section-large-3 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.padding-section-large-3.is-hero {
  padding-top: 4rem;
}

.footer_legal-link {
  opacity: .7;
  font-size: .875rem;
  font-weight: 300;
  text-decoration: none;
  transition: opacity .2s;
}

.footer_legal-link:hover {
  opacity: 1;
}

.cta_card {
  z-index: 10;
  color: #fff;
  background-color: #12141d;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 50px -5px #12141d4d;
}

.footer_credit-text {
  opacity: .7;
  font-size: .875rem;
  font-weight: 300;
}

.button-group-5 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group-5.is-center {
  justify-content: center;
}

.features_icon {
  height: 100%;
}

.social-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.hero_backdrop-solid {
  z-index: 1;
  background-color: #f1f5f9;
  width: 100%;
  height: 30%;
  position: absolute;
  inset: auto 0% 0%;
}

.hero_image-wrapper {
  width: 100%;
}

.heading-style-h5-6 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

.footer_social-link {
  opacity: .7;
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.footer_social-link:hover {
  opacity: 1;
}

.faq_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.testimonial_customer-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
}

.tabs_tabs-icon {
  width: 2.5rem;
}

.tabs_image-wrapper {
  border-radius: 1.5rem;
  overflow: hidden;
}

.padding-bottom, .padding-bottom.padding-huge, .padding-bottom.padding-medium {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.testimonial_backdrop-blur {
  opacity: .5;
  filter: blur(200px);
  background-color: #7239ac;
  border-radius: 100%;
  width: 30rem;
  height: 30rem;
  position: absolute;
  inset: auto auto -10% -10%;
}

.cta_backdrop-blur {
  z-index: 0;
  opacity: .5;
  filter: blur(200px);
  background-color: #7239ac;
  border-radius: 100%;
  width: 30rem;
  height: 30rem;
  position: absolute;
  inset: auto auto -30% -10%;
}

.features_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.footer_component-2 {
  color: #fff;
  background-color: #2b59ff;
}

.testimonial_rating-icon {
  color: #ffc947;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .25rem;
  display: flex;
}

.section_testimonial {
  color: #fff;
  background-color: #12141d;
  position: relative;
  overflow: hidden;
}

.hero_logo {
  height: 2.25rem;
  margin-bottom: 1.5rem;
}

.testimonial_client {
  text-align: left;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.footer_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: grid;
}

.text-size-medium-3 {
  font-size: 1.25rem;
}

.text-size-small-2 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.hero-client-grid {
  grid-column-gap: 1.8125rem;
  grid-row-gap: 1.8125rem;
  flex-wrap: nowrap;
  display: flex;
  overflow: hidden;
}

.margin-bottom-40 {
  margin-bottom: 2.5rem;
}

.hero-image-4 {
  object-fit: cover;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container-large-7 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.hero-component-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 0;
  display: grid;
  overflow: visible;
}

.margin-bottom-24 {
  margin-bottom: 1.5rem;
}

.section-hero-3 {
  margin-top: 0;
}

.hero-client-logo {
  width: 55px;
}

.hero-image-wrapper-3 {
  align-items: center;
  display: flex;
  position: relative;
}

.hero-client-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
  overflow: visible;
}

.button-85 {
  color: #fff;
  text-align: center;
  background-color: #5fbfc6;
  border: 1px solid #5fbfc6;
  border-radius: 60px;
  padding: .8125rem 1.5rem;
  font-weight: 700;
  transition: border-color .25s, color .25s, background-color .25s;
}

.button-85:hover {
  background-color: #07133b;
  border-color: #07133b;
}

.button-85.is-alternate {
  background-color: var(--black-2);
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  border-style: none;
  border-color: #07133b;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.button-85.is-alternate:hover {
  background-color: var(--deon-green);
  border-color: #5fbfc6;
}

.padding-global-6 {
  padding-left: 4rem;
  padding-right: 2rem;
  overflow: hidden;
}

.heading-stlye-h1 {
  letter-spacing: 0;
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-weight: 200;
  line-height: 1.1;
}

.underlined {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6542aba5c3f9e2f78d7ad126_funderline1.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 20px;
  display: inline-block;
}

.button-group-6 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.padding-section-hero {
  padding-top: 0;
  font-family: Druk Trial, sans-serif;
  font-weight: 700;
}

.slider-text-blocl {
  color: var(--white);
}

.subtitle-home-left {
  color: #4a3aff;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
}

.subtitle-home-left.hero-v2---brix {
  color: #323232;
  text-align: left;
  letter-spacing: 5px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.body-display-left {
  color: #1d1d1d;
  text-align: left;
  margin-left: 0;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 1.65em;
}

.body-display-left.light {
  color: #fff;
}

.body-display-left.light.large {
  font-family: Generalsans, sans-serif;
  font-weight: 300;
}

.slide-intro-2-copy {
  z-index: 100;
  grid-column-gap: 24px;
  grid-row-gap: 36px;
  color: #fff;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  max-width: 750px;
  display: grid;
  position: relative;
}

.slide-heading-2-copy {
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.25em;
}

.slide-heading-2-copy.xl {
  font-size: 120px;
  line-height: 1em;
}

.video-paragraph {
  color: #fff;
  max-width: 700px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15.5px;
  font-weight: 300;
  line-height: 1.2em;
}

.video-heading {
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.25em;
}

.video-heading.xl {
  font-size: 120px;
  line-height: 1em;
}

.video-intro {
  z-index: 100;
  grid-column-gap: 24px;
  grid-row-gap: 36px;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  color: #fff;
  text-align: center;
  background-color: #0000008a;
  border-radius: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  max-width: 750px;
  padding: 60px;
  display: grid;
  position: relative;
}

.libraries-usecases_card-overlay {
  z-index: 1;
  background-image: linear-gradient(#0000, #d8d5d1);
  height: 8rem;
  position: absolute;
  inset: auto 0% 0%;
}

.libraries-usecases_heading-wrapper {
  text-align: left;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.libraries-usecases_card3 {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  background-color: #e4e2df;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 3.5rem;
  display: grid;
}

.heading-large {
  letter-spacing: 0;
  font-family: Druk Trial, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.2;
}

.libraries-usecases_card2 {
  background-color: var(--light-grey-background);
  border-radius: 1rem;
  flex-direction: column;
  justify-content: space-between;
  padding: 3.5rem 3.5rem 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-xhuge {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.2;
}

.libraries-usecases_typed-text {
  letter-spacing: -.02em;
  background-image: none;
  margin-left: 1rem;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.2;
  display: inline-block;
}

.libraries-usecases_card1 {
  background-color: var(--light-grey-background);
  border-radius: 1rem;
  flex-direction: column;
  justify-content: space-between;
  padding: 3.5rem 3.5rem 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.libraries-usecases_component {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
}

.text-color-darkgrey {
  color: #161616a6;
}

.libraries-usecases_text-label {
  letter-spacing: .02em;
  text-transform: uppercase;
  background-color: #fff;
  border: .125rem solid #000;
  border-radius: .5rem;
  padding: .25rem .5rem;
  font-size: .875rem;
  font-weight: 700;
  display: inline-block;
  box-shadow: 2px 3px #000;
}

.libraries-usecases_image {
  width: 100%;
}

.section-about {
  display: none;
}

.container-pros {
  width: 100%;
  max-width: 64rem;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.container-athletes {
  width: 100%;
  max-width: 64rem;
  margin: 100px auto 0;
  display: block;
}

.hero-component-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  margin-top: 140px;
  display: grid;
}

.section-video-mobile {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0 0 0 0;
}

.text-block-137 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: 400;
}

.text-block-138 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 9px;
}

.slider-button-text {
  color: var(--white);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.join-mission-header {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 20px;
  display: none;
}

.join-mission-body-text {
  text-align: center;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 60px;
}

.pro-hero-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  display: flex;
}

.section_demo-plans {
  background-color: var(--light-grey-background);
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
  overflow: hidden;
}

.button-86 {
  float: none;
  color: #fff;
  background-color: #1991eb;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 9px 25px;
  line-height: 22px;
  transition: color .2s, box-shadow .2s, background-color .2s;
  display: inline-block;
}

.button-86:hover {
  color: #fff;
  background-color: #1386dd;
  border-color: #0c6eb8;
}

.button-86.default-button {
  color: #5b697a;
  background-color: #fff;
  align-items: flex-end;
  transition: color .2s, background-color .2s, box-shadow .2s;
  display: inline-block;
}

.button-86.default-button:hover {
  color: #213d63;
  background-color: #fff;
  box-shadow: 0 1px 5px #0000001a;
}

.button-86.default-button.big-default {
  margin-top: 0;
  padding: 17px 35px;
  font-size: 16px;
}

.tagline-2 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

.tagline-2.white-hero-tagline {
  color: #fff;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

.hero-title-4 {
  color: #fff;
  letter-spacing: 1px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-family: Druk Trial, sans-serif;
  font-size: 26px;
  line-height: 1em;
}

.larger-paragraph-2 {
  font-size: 16px;
  line-height: 26px;
}

.larger-paragraph-2.white-hero-paragraph {
  color: #fffc;
  margin-top: 12px;
  margin-bottom: 30px;
}

.hero-2 {
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 150px;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.link-block-14 {
  text-decoration: none;
}

.text-weight-bold {
  font-weight: 700;
}

.home-testi_rating-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.product-highlight-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f6f6f6;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67717f91270f258db994511b_background.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  max-height: 40rem;
  padding: 3rem 3rem 2rem;
  display: grid;
  overflow: hidden;
}

.home-library_top-wrapper {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.home-download_item-title {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 13.5px;
  font-weight: 700;
}

.navbar_dropdown-link-heading {
  font-size: 1rem;
  font-weight: 700;
}

.home-library_image-wrapper {
  border-radius: 10px;
  margin-right: 0;
  overflow: hidden;
}

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

.navbar_mobile-link-wrapper {
  border-top: 1px solid #d6d6d6;
  flex-direction: column;
  display: flex;
}

.navbar_left-wrapper {
  align-items: center;
  display: flex;
}

.home-features_image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-features_image-wrapper.is-3, .home-features_image-wrapper.is-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.home-features_image-wrapper.is-4 {
  justify-content: center;
  align-items: flex-end;
  width: 1080px;
  position: static;
  top: 261px;
}

.section_home-features {
  z-index: 0;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 20px;
  display: flex;
  position: static;
  top: 6px;
}

.home-fatures_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: grid;
}

.home-testi_review-description {
  font-size: .875rem;
}

.home-library_item-description {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
}

.navbar_dropdown-link-icon {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.navbar_component {
  z-index: 9999;
  color: #fff;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-size: 14px;
  font-weight: 500;
  display: none;
  position: fixed;
  inset: 1rem 0% auto;
}

.home-features_item1 {
  background-color: #f6f6f6;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 2rem;
  display: flex;
  overflow: hidden;
}

.home-routines_side-image {
  border-radius: 12px;
  overflow: hidden;
}

.home-routines_side-image.is-2 {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.home-download_item {
  color: #fff;
  background-color: #00000024;
  border-radius: 20px;
  align-items: center;
  padding: 1rem 2rem 1rem 1rem;
  text-decoration: none;
  display: flex;
}

.navbar_logo-wrapper {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 8rem;
  display: flex;
}

.navbar_logo-wrapper.is-open {
  color: #0d0d0d;
}

.navbar_logo-wrapper.is-main {
  color: #fff;
  margin-right: 2rem;
  display: flex;
}

.navbar_dropdown-link {
  z-index: 99;
  color: #000;
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 0 0 0;
  display: flex;
}

.home-download_heading-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: flex;
}

.navbar_dropdown-divider {
  background-color: #d6d6d6;
  width: 100%;
  height: 1px;
}

.footer_link-block {
  color: #000;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
  transition: all .2s;
}

.footer_link-block:hover {
  color: #8a8a8a;
}

.section_home-download {
  z-index: 1;
  background-color: #fff;
  position: relative;
}

.home-testi_stars-wrapper {
  color: #f6c900;
  justify-content: space-between;
  max-width: 8rem;
  display: flex;
}

.home-library_heading-wrapper {
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.home-routines_h2 {
  color: var(--white);
  font-family: Druk Trial, sans-serif;
  font-size: 3rem;
}

.home-testi_button-wrapper {
  margin-top: 4rem;
}

.footer_logo-link-block {
  width: 8rem;
}

.footer_content-top {
  justify-content: space-between;
  margin-bottom: 3rem;
  display: flex;
}

.navbar_dropdown-wrapper-mobile {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  display: flex;
}

.navbar_dropdown-menu-desktop {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  width: 19rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.navbar_dropdown-menu-desktop.is-classes {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  width: auto;
}

.top-page-space {
  width: 100%;
  height: 6rem;
}

.footer_component-3 {
  display: block;
}

.footer_map-icon-wrapper {
  margin-right: .5rem;
  transition: all .2s;
}

.footer_map-icon-wrapper:hover {
  color: #a259ff;
}

.home-library_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-library_image:hover {
  opacity: .9;
}

.home-library_h2 {
  justify-content: center;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.1em;
  display: block;
}

.button-87 {
  color: #000;
  text-align: center;
  background-color: #cf0;
  border-radius: 40px;
  padding: .75rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
}

.button-87.is-icon {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-right: 1rem;
  text-decoration: none;
  display: flex;
}

.button-87.is-black {
  color: #fff;
  background-color: #000;
}

.home-routines_sticky-wrapper {
  height: 400vh;
  position: sticky;
}

.navbar_menu-wrapper-desktop {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.padding-vertical-footer {
  padding: 2rem 0 1rem;
}

.navbar_mobile-menu-wrapper.is-new {
  margin-left: -3.75rem;
  margin-right: -3.75rem;
}

.home-library_item-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-right: 2rem;
  padding-bottom: 40px;
  padding-left: 0;
  text-decoration: none;
  display: grid;
}

.navbar_menu-wrapper-mobile-top {
  justify-content: space-between;
  height: 5rem;
  min-height: 5rem;
  display: flex;
}

.navbar_dropdown-link-content {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  max-width: 15rem;
  padding-left: .5rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 20px;
  display: grid;
}

.home-testi_rate-description {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  font-size: .875rem;
  display: grid;
}

.home-library_class-title {
  color: #0d0d0d;
  text-transform: none;
  margin-top: 4px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.home-download_icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.navbar_dropdown-link-icon-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar_dropdown-link-subheading {
  color: #666;
  text-transform: none;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 18px;
  transition: all .2s;
}

.home-download_icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 2rem;
  display: flex;
}

.home-download_content-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  display: block;
}

.navbar_link {
  z-index: 99;
  color: #000;
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-right: 2.125rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  display: flex;
}

.home-library_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.home-testi_heading-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  max-width: 39rem;
  display: grid;
}

.section_home-hero {
  z-index: 0;
  background-color: #fff0;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  position: relative;
  top: 0;
  overflow: hidden;
}

.navbar_dropdown-list {
  z-index: 9999;
  background-color: #fff;
  border-radius: 8px;
  position: absolute;
  top: auto;
  left: auto;
  overflow: hidden;
}

.navbar_dropdown-list.w--open {
  position: absolute;
  top: 5rem;
  left: -4rem;
}

.navbar_dropdown-list.is-classes.w--open {
  z-index: 9999;
  border-radius: 8px;
  width: 8rem;
  left: -1.5rem;
  overflow: hidden;
}

.footer-copyright_legal-link {
  color: #000;
  margin-right: 1rem;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
}

.footer-copyright_legal-link:hover {
  text-decoration: underline;
}

.footer-copyright_legal-link.is-last {
  margin-right: 0;
}

.home-download_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #f6f6f6;
  border-radius: 20px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding: 10rem 2rem 10rem 4rem;
  display: flex;
  overflow: hidden;
}

.home-hero_image-pattern {
  flex: none;
  display: flex;
}

.navbar_dropdown-wrapper-desktop {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
}

.home-features_content-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-features_content-wrapper.is-1 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 40rem;
  display: flex;
}

.home-testi_rate-figure {
  color: #000;
  font-size: 3rem;
  font-weight: 700;
}

.navbar_mobile-dropdown-list {
  z-index: 10000;
  position: absolute;
}

.navbar_mobile-dropdown-list.w--open {
  z-index: 9999;
  background-color: #3721580d;
  margin-left: -3.75rem;
  margin-right: -3.75rem;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  position: relative;
}

.navbar_mobile-dropdown-list.is-new.w--open {
  background-color: #f7f7f7;
  margin-top: 0;
  margin-left: -3.75rem;
  margin-right: -3.75rem;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  position: relative;
}

.footer-copyright_legal-wrapper {
  display: flex;
}

.footer_icon {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.home-library_list-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  margin-top: 2rem;
  display: grid;
}

.navbar_menu-button {
  display: none;
}

.navbar_menu-button.is-main {
  z-index: 10000;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: -1.25rem;
  display: none;
  position: relative;
}

.navbar_menu-button.is-open {
  color: #0d0d0d;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: -1.25rem;
  display: flex;
}

.footer_logo-image {
  width: 100%;
}

.navbar_dropdown-toggle-mobile {
  z-index: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.25rem 0;
  display: flex;
  position: relative;
}

.navbar_dropdown-toggle-mobile.w--open {
  z-index: 9999;
  position: relative;
}

.home-hero_overlay {
  opacity: 0;
  background-color: #00000080;
  display: none;
  position: absolute;
  inset: 0%;
}

.navbar_container-mobile {
  width: 100%;
  max-width: 92.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.home-testi_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar_menu-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar_link-mobile {
  color: #000;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding: 0 3.75rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.navbar_link-mobile.is-new {
  padding: 0 3.75rem;
}

.navbar_link-mobile.no-dropdown {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.button-icon-3 {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: .25rem;
  display: flex;
}

.navbar-wrapper {
  background-color: #fff;
  border-radius: 20px;
  height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.home-hero_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 95vh;
  min-height: 50rem;
  display: flex;
}

.home-features_image {
  width: 75%;
  max-width: none;
  transition: opacity .35s;
  display: block;
}

.navbar_dropdown-product-mobile {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.navbar_dropdown-product-mobile.is-resources {
  grid-template-rows: auto auto auto auto auto auto auto;
}

.navbar_dropdown-product-mobile.is-resources.is-3-item {
  grid-template-rows: auto auto auto auto auto;
}

.home-download_list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-routines_component {
  background-image: linear-gradient(#000, #ffffff03 53%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 14rem;
  display: flex;
  position: sticky;
  top: 0%;
  overflow: hidden;
}

.navbar_dropdown {
  color: #fff;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: 0;
  margin-right: 1.8125rem;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
}

.footer_menu-new {
  grid-column-gap: 3rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto auto;
  grid-auto-columns: 1fr;
  margin-left: 4rem;
  display: grid;
}

.container-small {
  width: 100%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
}

.nav_logo-2 {
  width: 100%;
}

.navbar_menu-wrapper-mobile {
  z-index: 10000;
  text-align: left;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10rem;
  display: none;
  position: absolute;
  inset: 0 0% auto;
  overflow: scroll;
}

.home-testi_icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.home-testi_item-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  max-width: 28rem;
  display: grid;
}

.navbar_dropdown-text-title {
  margin-right: .375rem;
}

.home-routines_heading-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 41rem;
  display: grid;
}

.home-routines_side-image-wrapper {
  z-index: 0;
  border-radius: 12px;
  position: absolute;
  inset: 30% auto auto -20vw;
  overflow: hidden;
}

.home-routines_side-image-wrapper.is-right {
  top: -10%;
  left: auto;
  right: -20vw;
}

.section_home-blog {
  z-index: 1;
  background-color: #fff;
  margin-top: 0;
  padding-top: 40px;
  position: relative;
}

.icon-embed-xxsmall-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.navbar_dropdown-product-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #000;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  text-decoration: none;
  transition: all .2s;
  display: grid;
}

.navbar_dropdown-product-link.is-1-col {
  grid-template-columns: max-content;
}

.padding-section-large-4 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.footer_menu-column {
  color: #000;
  flex-direction: column;
  min-width: 10rem;
  max-width: 14rem;
  display: flex;
}

.footer-divider {
  background-color: #000;
  width: 100%;
  height: 1.5px;
  margin-bottom: 1rem;
}

.footer-5 {
  background-color: #fff;
  display: none;
}

.home-download_item-description {
  font-size: .875rem;
}

.home-hero_heading-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  max-width: 45rem;
  margin-bottom: 4rem;
  display: grid;
}

.padding-global-7 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.home-testi_review-title {
  font-weight: 600;
}

.navbar_dropdown-link-mobile {
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
}

.home-download_h2 {
  color: var(--black);
  text-align: center;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 65px;
  font-style: normal;
  font-weight: 200;
  line-height: 1.1em;
}

.home-routines_space {
  width: 100%;
  height: 4rem;
}

.navbar_menu-buttons {
  grid-row-gap: 16px;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between flex-end;
  align-items: center;
  height: 100%;
  padding: 2px;
  display: flex;
  position: relative;
}

.navbar_menu-buttons.is-menu-mobile {
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-content: space-between;
  justify-items: stretch;
  width: 12rem;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.navbar_menu-link-wrapper {
  align-items: center;
  height: 100%;
  font-weight: 500;
  display: flex;
}

.home-library_class-description {
  color: var(--dark-outline);
  margin-top: 10px;
  font-family: Helvetica Neue Roman, sans-serif;
  font-size: .85rem;
  font-weight: 400;
}

.footer-copyright_wrapper {
  justify-content: space-between;
  display: flex;
}

.footer-copyright {
  color: #000;
  background-color: #fff;
  border-top: 1px solid #fff;
  margin-top: 3rem;
}

.section_home-routines {
  z-index: 1;
  background-color: var(--white);
  position: relative;
}

.navbar_dropdown-icon {
  align-self: center;
  margin: auto 0;
  position: relative;
}

.home-download_image-wrapper {
  justify-content: center;
  align-items: center;
  width: 19rem;
  margin-right: 4rem;
  display: flex;
}

.footer-copyright_legal-text {
  color: #000;
  margin-right: 1rem;
  font-size: .875rem;
  font-weight: 400;
  transition: all .2s;
}

.home-routines_image.is-1 {
  z-index: 0;
  position: relative;
}

.home-routines_image.is-2 {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.nav-button-2 {
  color: #fff;
  text-align: center;
  text-transform: none;
  background-color: #000;
  border-radius: 100px;
  padding: .75rem 1rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  transition: all .2s;
}

.home-routines_images-wrapper {
  margin-top: 4rem;
  position: relative;
}

.home-testi_review-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-routines_main-image-wrapper {
  position: relative;
  overflow: hidden;
}

.home-testi_h2 {
  letter-spacing: -1px;
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1em;
}

.main-wrapper-12 {
  position: relative;
}

.home-library_description-wrapper {
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 36rem;
  display: flex;
}

.footer_content-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: max-content auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.footer_content-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #000;
  grid-template-rows: max-content max-content max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 16.5rem;
  display: grid;
  position: relative;
}

.home-hero_image-list {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.footer_remote-wrapper {
  align-items: center;
  display: flex;
}

.footer_remote-wrapper.hide {
  display: none;
}

.home-library_button-wrapper {
  justify-content: center;
  display: flex;
}

.home-testi_image-wrapper {
  border-radius: 100px;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
  overflow: hidden;
}

.footer-menu {
  margin-top: .5rem;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.1;
}

.home-hero_image-wrapper {
  justify-content: center;
  align-items: center;
  margin-right: 4rem;
  display: flex;
}

.section_home-testi {
  z-index: 1;
  background-color: #f4f4f4;
  position: relative;
}

.home-testi_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-testi_author-name {
  font-size: .875rem;
  font-weight: 500;
}

.footer_icon-wrapper {
  display: flex;
}

.footer_icon-link {
  color: #000;
  background-color: #000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-right: .5rem;
  padding: .375rem;
  display: flex;
}

.footer_icon-link:hover {
  background-image: linear-gradient(135deg, var(--neon-green), var(--deon-green));
  color: #fff;
}

.home-testi_list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  display: grid;
}

.home-testi_review-author {
  align-items: center;
  display: flex;
}

.navbar_container {
  border-bottom: 1px #0414341a;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.footer_component-4 {
  display: block;
}

.blog-button {
  background-color: var(--black-2);
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 40px;
  padding: .75rem 1.5rem;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.blog-button.is-icon {
  background-color: var(--black);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-right: 1rem;
  text-decoration: none;
  display: flex;
}

.blog-button.is-icon:hover {
  background-color: var(--neon-green);
}

.blog-button.is-black {
  color: #fff;
  background-color: #000;
}

.icon-embed-xxsmall-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.padding-section-large-5 {
  z-index: 5;
  margin-top: 4em;
  padding-top: 0;
  padding-bottom: 6rem;
  position: relative;
}

.padding-global-8 {
  z-index: 9999;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}

.nav-button-3 {
  color: #fff;
  text-align: center;
  text-transform: none;
  background-color: #000;
  border-radius: 100px;
  padding: .75rem 1rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  transition: all .2s;
}

.main-wrapper-13 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65a080a04d844cb00816b227_rivalists%20fitness%20care%20platform.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  position: relative;
}

.global-styles-3 {
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.home-hero-subheader {
  color: #323232;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.bold-text-28, .heading-126 {
  color: var(--black);
  font-family: Druk Trial, sans-serif;
  font-size: 34px;
}

.heading-127 {
  color: var(--black);
  font-family: Druk Trial, sans-serif;
  font-size: 34px;
  line-height: 1em;
}

.heading-128 {
  color: var(--button-black);
  margin-top: 4px;
  font-family: Druk Trial, sans-serif;
  font-size: 36px;
}

.paragraph-53 {
  color: var(--light-grey-background);
}

.bkg-integrations {
  z-index: 6;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #fff0;
  background-image: radial-gradient(circle farthest-side, #0000, #fff 0%, #fff0);
  border-radius: 4.5rem;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: 29% 38% 30%;
}

.padding-vertical-left {
  flex-direction: column;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.padding-vertical-left.padding-xxlarge {
  flex-direction: column;
  justify-content: center;
  height: 100px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.padding-vertical-left.padding-xlarge {
  padding-left: 0;
  padding-right: 0;
}

.collection-item-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.comment-thread-sort {
  align-self: stretch;
}

.comment-reply-action-2 {
  color: #424242;
  align-items: center;
  height: 3.5em;
  padding-left: .8em;
  padding-right: .8em;
  font-weight: 500;
  transition: opacity .2s;
  display: flex;
}

.comment-reply-action-2:hover {
  color: #2962ff;
}

.comment-unused {
  display: none;
}

.comment-has-posts {
  position: relative;
}

.comment-form-input-row-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-start;
  display: flex;
}

.comment-thread-box {
  width: 100%;
  margin-top: 1em;
  margin-bottom: .5em;
}

.comment-container---copy-me {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.comment-action-2 {
  color: #424242;
  justify-content: center;
  align-items: center;
  width: 2.25em;
  height: 2.25em;
  padding: 0;
  display: flex;
  top: -.25em;
  overflow: hidden;
}

.comment-action-2:hover {
  color: #2962ff;
}

.comment-no-margin {
  margin-bottom: 0;
}

.comment-inline-block {
  display: inline-block;
}

.comment-online-idicator {
  background-color: var(--neon-green);
  border-radius: 100px;
  width: 12px;
  height: 12px;
  box-shadow: 0 2px 19px #77cb1bc4;
}

.comment-form-button-row-2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-end;
  padding-bottom: 1em;
  display: flex;
}

.comment-loader-2 {
  width: 50px;
  margin-left: auto;
  margin-right: auto;
}

.comment-online {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.comment-image-2 {
  background-color: var(--active-border);
  object-fit: cover;
  border: 1px solid #e1e1e1;
  border-radius: 100%;
  flex: none;
  width: 2.75em;
  height: 2.75em;
}

.comment-image-2:hover {
  background-color: #2962ff;
}

.comment-reply-section {
  flex-direction: column;
  align-items: flex-start;
  margin-top: -.5em;
  display: flex;
}

.comment-section-heading-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-bottom: 1px solid #e1e1e1;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5em;
  padding-top: 3em;
  padding-bottom: 1.5em;
  display: flex;
}

.comment-form-button-2 {
  background-color: #0d0d0d;
  border: 1px solid #2962ff;
  border-radius: 4px;
  padding: .6em 1.2em;
  font-weight: 700;
}

.comment-form-button-2.is-load-more {
  color: #3f3f3f;
  text-align: center;
  background-color: #f6f6f6;
  border: 1px solid #e4e4e4;
  width: 100%;
  max-width: 200px;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 3.5em;
  display: block;
}

.comment-form-button-2.is-load-more:hover {
  background-color: #e6eeff;
}

.comment-form-button-2.is-load-more.is-load-more-above {
  display: none;
}

.comment-form-button-2.is-cancel {
  color: #3f3f3f;
  background-color: #f6f6f6;
  border-color: #e1e1e1;
}

.comment-form-button-2.is-cancel:hover {
  background-color: #e6eeff;
}

.comment-form-button-2.is-delete {
  white-space: nowrap;
  word-break: keep-all;
  background-color: #e13030;
}

.comment-form-button-2.is-delete:hover {
  background-color: #850e0e;
}

.comment-input {
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  min-height: 72px;
  margin-bottom: 1em;
  padding: .6em .8em;
  box-shadow: 0 2px 3px #ffffff80, 0 3px 6px -2px #071d3d1f;
}

.ms-profile-upload-4 {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  color: #070e27;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  align-items: center;
  height: 2.3em;
  padding-left: .5em;
  padding-right: .5em;
  font-size: .9em;
  line-height: 27px;
  display: flex;
}

.comment-empty-state-2 {
  text-align: center;
  background-color: #f6f6f6;
  border-radius: 5px;
  margin-bottom: 1em;
  padding: 2em 2em 1.5em;
}

.comment-name-row-2 {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  align-items: center;
  min-height: 2.75em;
  display: flex;
}

.comment-channel-2 {
  position: relative;
}

.comment-text {
  white-space: pre-wrap;
  word-break: break-all;
  overflow-wrap: break-word;
  margin-bottom: 1em;
  display: inline-block;
}

.comment-delete-box-2 {
  z-index: 10;
  background-color: #fff;
  border: 1px solid #e13030;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding: .3em;
  font-size: 12px;
  font-weight: 700;
  display: none;
  position: absolute;
  inset: -26% 105% auto auto;
  box-shadow: 0 10px 20px -10px #42424233;
}

.comment-form-links-2 {
  color: #333c;
  padding-bottom: 1em;
}

.comment-thread-container {
  width: 100%;
}

.comment-reply-btn-content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.comment-row-2 {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 1em;
  display: flex;
  position: relative;
}

.comment-is-edited {
  color: #797373;
  font-size: .8em;
  display: inline-block;
}

.comment-upload-wrap {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  align-items: center;
  margin-right: auto;
  display: flex;
}

.comment-is-typing-section {
  height: 3em;
  padding-left: 3.5em;
  position: absolute;
  top: -4em;
  left: 0;
}

.comment-reaction-2 {
  color: #424242;
  justify-content: center;
  align-items: center;
  height: 3.5em;
  padding: .5em;
  display: flex;
}

.comment-reaction-2:hover, .comment-reaction-2.is-active {
  color: #2962ff;
}

.comment-reaction-2.is-active:hover {
  color: #000;
}

.ms-profile-image-row-4 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 1em;
  display: flex;
}

.comment-reply-button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #2962ff;
  border-radius: 100px;
  margin-top: 0;
  padding: .7em 1em .5em .5em;
  font-weight: 600;
  display: inline-block;
}

.comment-reply-button:hover {
  background-color: #2962ff26;
}

.comment-empty-head {
  margin-bottom: .25em;
  font-size: 1.2em;
}

.comment-moderation-required {
  background-color: #e3e6ff;
  border-radius: 4px;
  margin-bottom: .6em;
  padding: .4em;
  display: inline-block;
}

.commenter-name-2 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  margin-left: 0;
  padding-left: 0;
  font-weight: 700;
  display: flex;
}

.commenter-name-2.is-typing {
  margin-bottom: 1em;
  display: block;
}

.comment-icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  position: relative;
  top: -2px;
}

.comment-icon-embed-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}

.comment-profile-link {
  color: #2962ff;
  padding: 5px .5em;
}

.comment-h3 {
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.7em;
  font-weight: 400;
  line-height: 1em;
}

.comment-reaction-row-2 {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: -1em;
  margin-left: -8px;
  font-size: 12px;
  display: flex;
}

.comment-delete-wrap {
  z-index: 1000;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  position: relative;
}

.comment-action-row-2 {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  align-items: flex-end;
  margin-left: auto;
  display: flex;
  position: relative;
}

.comment-loader-wrap-2 {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-top: 5px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
  overflow: hidden;
}

.comment-loader-wrap-2.is-fixed {
  z-index: 99999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  width: 80px;
  height: 100px;
  margin: auto;
  display: none;
  position: fixed;
  inset: 0;
}

.comment-form-2 {
  width: 100%;
  margin-bottom: 1em;
}

.text-block-139 {
  color: var(--deon-green);
}

.collection-list-wrapper-7 {
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.paragraph-54 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.paragraph-55, .list-2, .list-item-6, .list-item-7, .list-item-8, .list-item-9, .paragraph-56, .paragraph-57, .paragraph-58 {
  font-family: Generalsans, sans-serif;
}

.block-quote {
  letter-spacing: 0;
  text-transform: none;
  font-weight: 400;
}

.heading-129 {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.heading-130 {
  font-family: Montserrat, sans-serif;
  font-size: 26px;
}

.heading-131 {
  letter-spacing: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
}

.heading-132 {
  letter-spacing: 2px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.heading-133 {
  font-family: Montserrat, sans-serif;
}

.heading-134, .heading-135 {
  font-family: Bebasneue, sans-serif;
  font-size: 42px;
}

.heading-136 {
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-weight: 400;
}

.heading-137 {
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 400;
}

.heading-138, .heading-139 {
  font-family: Montserrat, sans-serif;
}

.heading-140 {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.paragraph-59 {
  font-family: Generalsans, sans-serif;
  line-height: 21px;
}

.paragraph-60, .list-item-10, .list-item-11, .list-item-12, .paragraph-61, .list-item-13, .list-item-14, .list-item-15 {
  font-family: Generalsans, sans-serif;
}

.block-quote-2 {
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 300;
}

.paragraph-62 {
  text-decoration: none;
}

.link-22 {
  color: var(--deon-green);
  font-family: Generalsans, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.paragraph-63, .paragraph-64, .superscript, .subscript {
  font-family: Generalsans, sans-serif;
}

.heading-141, .heading-142, .heading-143, .heading-144, .heading-145 {
  font-family: Montserrat, sans-serif;
}

.block-quote-3 {
  text-transform: none;
}

.heading-146 {
  font-family: Bebasneue, sans-serif;
  font-size: 42px;
  font-weight: 700;
}

.paragraph-65 {
  font-family: Generalsans, sans-serif;
}

.heading-147 {
  font-family: Bebasneue, sans-serif;
  font-size: 44px;
}

.heading-148, .heading-149, .heading-150 {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.heading-151, .heading-152 {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.paragraph-66 {
  font-family: Generalsans, sans-serif;
  line-height: 21px;
}

.block-quote-4 {
  text-transform: none;
}

.paragraph-67, .list-item-16, .list-item-17, .list-item-18 {
  font-family: Generalsans, sans-serif;
}

.paragraph-68 {
  font-family: Generalsans, sans-serif;
  font-weight: 400;
}

.list-item-19, .list-item-20, .list-item-21 {
  font-family: Generalsans, sans-serif;
}

.link-23 {
  color: var(--deon-green);
  font-family: Generalsans, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.bold-text-29, .paragraph-69 {
  font-family: Generalsans, sans-serif;
}

.rich-text-block-copy {
  line-height: 22px;
}

.uui-text-rich-text {
  margin-right: 0;
  padding-left: 20px;
  padding-right: 40px;
  text-decoration: none;
}

.uui-text-rich-text h2 {
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 25px;
  margin-bottom: 15px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.uui-text-rich-text h3 {
  color: #667479;
  text-transform: none;
  margin-top: 10px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}

.uui-text-rich-text h4 {
  color: var(--black);
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.uui-text-rich-text h6 {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.uui-text-rich-text h5 {
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.uui-text-rich-text p {
  color: var(--black);
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6em;
}

.uui-text-rich-text blockquote {
  border-left-width: 3px;
  border-left-color: var(--neon-green);
  letter-spacing: 0;
  text-transform: none;
  background-image: linear-gradient(90deg, #f5f5f5, #fff 43%);
  margin-top: 20px;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 34px;
}

.uui-text-rich-text li {
  color: var(--black);
  margin-top: 5px;
  margin-bottom: 7px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.6em;
}

.uui-text-rich-text h1 {
  color: #000;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-weight: 300;
}

.heading-153, .heading-154 {
  font-family: Montserrat, sans-serif;
}

.li {
  color: var(--deon-green);
  font-weight: 600;
  text-decoration: none;
}

.heading-155 {
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-weight: 700;
}

.featured-block {
  margin-top: 10px;
}

.heading-h3 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 30px;
  line-height: 140%;
}

.title-large {
  color: var(--white);
  margin-bottom: 20px;
  font-family: Bebasneue, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.container-58 {
  width: 100%;
  max-width: 1110px;
  height: 100%;
  margin: 20px 0 40px;
  overflow: visible;
}

.stick-wrapper {
  position: static;
  top: 0;
}

.blog-section-2 {
  padding-bottom: 132px;
  padding-left: 3%;
  padding-right: 3%;
}

.image-48 {
  position: absolute;
}

.blog-hero-image {
  border-radius: 10px;
  margin-top: -220px;
  margin-bottom: 80px;
  box-shadow: 0 11px 34px #0000000f;
}

.blog-grid {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 3fr 20px;
  align-items: start;
  margin-left: 40px;
  margin-right: 40px;
}

.paragraph-detials-large {
  color: var(--black);
  margin-bottom: 40px;
  font-family: Generalsans, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
}

.form-31 {
  background-color: #f2f5f8;
  border-radius: 15px;
  display: flex;
}

.submit-button-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.blog-h2 {
  color: var(--black);
  margin-top: 40px;
  margin-bottom: 20px;
  font-family: Bebasneue, sans-serif;
  font-size: 32px;
}

.submit-button-12 {
  background-color: #0000001a;
  width: 60px;
  height: 60px;
}

.subscription {
  background-color: var(--nike-navy);
  border: 1px solid #0000001a;
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 40px 20px 20px;
  position: sticky;
  top: 100px;
}

.content-left_blog {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  display: block;
}

.feature-image {
  border-radius: 10px;
  margin-right: 20px;
  box-shadow: 0 20px 20px #0000000d;
}

.text-field-12 {
  background-color: #0000;
  border: 1px #000;
  height: 60px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 15px;
}

.content-right-3 {
  position: sticky;
  top: 6.8rem;
}

.featured-item {
  color: #202146;
  align-items: center;
  margin-bottom: 20px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.featured-item:hover {
  color: #5c4ebd;
}

.progress-wrapper {
  z-index: 150;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 30px;
  height: 92%;
  padding-top: 10px;
  padding-bottom: 5px;
  display: none;
  position: sticky;
  top: 0;
  bottom: 0;
  left: 0;
}

.percent {
  color: var(--nike-navy);
  margin-right: 1.5px;
  font-family: Bebasneue, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 10px;
  transform: rotate(90deg);
}

.progress-track {
  flex: 1;
  width: 5px;
  margin: 5px 5px 10px;
}

.progress-bar-4 {
  background-color: var(--deon-green);
  background-image: linear-gradient(180deg, var(--rival-red), #ee1000);
  border-radius: 2px;
  width: 5px;
  height: 100%;
}

.share-post {
  background-color: var(--button-black);
  color: #fff;
  border-radius: 20px;
  flex-flow: row;
  width: 260px;
  padding: 5px 5px 5px 10px;
  display: flex;
  position: absolute;
  bottom: 30px;
  left: -255px;
}

.share-button {
  height: 21px;
  margin-left: 5px;
}

.toc-hide-in-mob {
  background-color: var(--light-grey-background);
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px;
}

.uui-blogpost05_sidebar-heading {
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.define-id-for-toc-conyainer {
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  display: flex;
}

.uui-blogpost05_form {
  margin-bottom: 0;
}

.uui-form_input {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: .5rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .875rem;
  font-family: Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.5;
  transition: all .3s;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-form_input:focus {
  color: #101828;
  border-color: #d6bbfb;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}

.uui-form_input::placeholder {
  color: #667085;
}

.uui-button {
  grid-column-gap: .5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #7f56d9;
  border: 1px solid #7f56d9;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  background-color: #6941c6;
  border-color: #6941c6;
}

.uui-button:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}

.uui-button.is-button-small {
  grid-column-gap: .5rem;
  background-color: var(--black-2);
  text-transform: none;
  border-style: none;
  border-radius: 7rem;
  margin-top: 0;
  padding: .5rem 1rem;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  font-style: normal;
  font-weight: 400;
}

.uui-button.is-button-small:hover {
  background-color: var(--neon-green);
}

.uui-button.is-button-small {
  grid-column-gap: .5rem;
  padding: .5rem 1rem;
}

.uui-text-style-link {
  color: #475467;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 500;
  text-decoration: underline;
  transition: color .3s;
}

.uui-text-style-link:hover {
  color: #344054;
}

.uui-blogpost05_sidebar-heading-2 {
  color: var(--black);
  margin-bottom: 1rem;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.uui-text-size-small {
  color: #475467;
  letter-spacing: normal;
  font-family: Helvetica Neue, sans-serif;
  font-size: .75rem;
  line-height: 1.5;
}

.uui-blogpost05_form-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 1rem;
  display: grid;
}

.uui-blogsection04_title-link {
  margin-bottom: .5rem;
  text-decoration: none;
  display: block;
}

.define-id-for-single-article {
  margin-bottom: 4rem;
}

.uui-heading-subheading {
  color: #7f56d9;
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-max-width-large {
  width: 100%;
  max-width: 48rem;
}

.uui-blogsection04_image-link {
  width: 100%;
  margin-bottom: 2rem;
  transition: all .3s;
}

.uui-blogsection04_image-link:hover {
  box-shadow: 0 24px 48px -12px #1018282e;
}

.uui-heading-xsmall {
  color: #101828;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

.uui-blogpost05_divider {
  background-color: #eaecf0;
  width: 100%;
  max-width: 48rem;
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.uui-form_input-2 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: .5rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .875rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  transition: all .3s;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-form_input-2:focus {
  color: #101828;
  border-color: #d6bbfb;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}

.uui-form_input-2::placeholder {
  color: #667085;
}

.uui-button-link-2 {
  grid-column-gap: .5rem;
  color: #6941c6;
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-link-2:hover {
  color: #53389e;
}

.uui-text-rich-text-2 {
  color: #475467;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-blogsection04_heading-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  display: grid;
}

.uui-blogsection04_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.uui-blogsection04_button-row {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.uui-blogsection04_category-link {
  color: #6941c6;
  background-color: #fff;
  border-radius: 1rem;
  align-items: center;
  padding: .125rem .5rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-blogsection04_category-link:hover {
  color: #53389e;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-blogpost05_sidebar-heading-3 {
  color: #7f56d9;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-blogsection04_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-blogsection04_heading {
  flex: 1;
}

.uui-blogpost05_content-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 15px;
  grid-auto-columns: 1fr;
  align-items: start;
  display: none;
  overflow: visible;
}

.define-id-for-toc-conyainer-2 {
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  display: flex;
}

.uui-blogsection04_meta-wrapper {
  color: #6941c6;
  mix-blend-mode: multiply;
  background-color: #f9f5ff;
  border-radius: 10rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-button-icon-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-blogsection04_item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.uui-text-size-small-2 {
  color: #475467;
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-padding-vertical-xhuge-2.pt-0 {
  padding-top: 0;
}

.uui-text-size-medium-2 {
  color: #475467;
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-size-large {
  color: #475467;
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-blogsection04_image-wrapper {
  width: 100%;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
}

.uui-blogsection04_list-wrapper {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.uui-blogpost05_content-left {
  max-width: 20rem;
  position: sticky;
  top: 5rem;
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.uui-heading-medium {
  color: #101828;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-blogsection04_read-time {
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.text-block-140 {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
}

.view-more-blogs {
  grid-column-gap: .5rem;
  border: 1px none var(--black);
  background-color: var(--black-2);
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border-radius: 2.3rem;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 40px;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.view-more-blogs:hover {
  border-style: none;
  border-color: var(--deon-green);
  background-color: var(--deon-green);
}

.view-more-blogs:focus {
  background-color: var(--deon-green);
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}

.view-more-blogs.is-button-small {
  grid-column-gap: .5rem;
  background-color: var(--black-2);
  text-transform: none;
  grid-column-gap: .5rem;
  border-style: none;
  border-radius: 7rem;
  padding: .5rem 1rem;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  font-style: normal;
  font-weight: 400;
}

.text-block-141 {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.fade-in-on-scroll-image {
  text-align: center;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 650px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
}

.card-1 {
  z-index: 999;
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.flex-row-2 {
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  margin-left: 15%;
  margin-right: 15%;
  display: flex;
}

.hero-section {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  min-height: 100vw;
  display: flex;
}

.contact-title {
  color: #c5c5c5;
  margin-top: 20px;
  font-family: Bebasneue, sans-serif;
}

.team-member-shot {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65ef098b1e5e667d74db6b9f_ryan%20fleming%20brand%20marketing%20director_health%20tech.jpeg");
  background-position: 50%;
  background-size: contain;
  border-radius: 50px;
  width: 100px;
  height: 100px;
  margin-right: 20px;
}

.team-member-shot.watson {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65ef0b67c9eb6067e9f1dc81_adam%20balazs%20health%20fitness%20tech%20cto.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%, 46% -86px;
  background-repeat: repeat, no-repeat;
  background-size: contain, 250px;
  border-radius: 50px;
}

.team-member-shot.caper {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 50px;
}

.team-member-shot.watson {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 46% -86px;
  background-repeat: no-repeat;
  background-size: 250px;
}

.team-member-shot.caper {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65ef08bb24d513b573379046_foto-sushi-128246%20(1).jpg");
  background-position: 55% 43%;
  background-repeat: no-repeat;
  background-size: 308px;
}

.expander-container {
  perspective: 1800px;
  max-width: 400px;
  margin: 10px;
  transition: transform .2s;
}

.expander-container:hover {
  transform: scale(1.03);
}

.no-margin-top-2 {
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.flex-col {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.no-margin-bottom {
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 800;
}

.card-contact-link {
  width: 22.5px;
}

.about-title {
  margin-top: 25px;
}

.about-p {
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
}

.card-3 {
  backface-visibility: hidden;
  transform-origin: 50% 0;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #242424;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  height: 100px;
  overflow: hidden;
  transform: perspective(1800px)rotateX(-100deg)rotateY(0)rotateZ(0);
}

.card-2 {
  backface-visibility: hidden;
  perspective-origin: 50%;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  height: 150px;
  padding: 0 30px;
  display: flex;
  overflow: hidden;
  transform: perspective(1800px)rotateX(-100deg)rotateY(0)rotateZ(0);
}

.card-1-2 {
  z-index: 999;
  cursor: pointer;
  background-color: #fff;
  border-radius: 2px;
  align-items: center;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.flex-row-3 {
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  margin-left: 15%;
  margin-right: 15%;
  display: flex;
}

.card-2-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  backface-visibility: hidden;
  perspective-origin: 50%;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
  overflow: hidden;
  transform: perspective(1800px)rotateX(-100deg)rotateY(0)rotateZ(0);
}

.hero-section-3 {
  background-image: linear-gradient(45deg, #37b9be, #b36de2);
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.no-margin-top-3 {
  color: #5a5a5a;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.no-margin-bottom-2 {
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 800;
}

.flex-row-4 {
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  margin-left: 15%;
  margin-right: 15%;
  display: flex;
}

.main-wrapper-14 {
  background-color: #faf5ea;
  position: relative;
}

.page-wrapper-21 {
  width: 100%;
  font-size: 1em;
  display: block;
  position: relative;
  overflow: hidden;
}

.container-59 {
  z-index: 2;
  width: 100%;
  max-width: 120em;
  margin-left: auto;
  margin-right: auto;
  padding: 11.88em;
  position: relative;
}

.container-59.is-team-list {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100vh;
  padding-top: 7.68em;
  padding-bottom: 7.68em;
  display: flex;
}

.popup_close {
  z-index: 10;
  color: #e9ae23;
  background-color: #110e16;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 6em;
  margin: .8em;
  transition: color .2s, background-color .2s, transform .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.popup_close:hover {
  color: #8d59be;
  background-color: #faf5ea;
  transform: scale(.9);
}

.cursor {
  z-index: 2000;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  transition: opacity .2s;
  display: flex;
  position: fixed;
  inset: 0%;
}

.popup_list {
  width: 100%;
  height: 100vh;
}

.team_header-flex {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 3.1em;
  display: flex;
}

.cursor_dot-fill {
  background-color: #faf5ea;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .25s;
  display: flex;
}

.popup-2 {
  z-index: 4000;
  color: #faf5ea;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.loader {
  z-index: 2500;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.h2-6 {
  letter-spacing: -.02em;
  font-size: 3.44em;
  font-weight: 600;
  line-height: 1.05455;
}

.cursor_svg {
  opacity: 1;
  width: 60%;
  transition: opacity .15s;
}

.popup_bg {
  z-index: 1;
  background-color: var(--black);
  opacity: 1;
  width: 100%;
  height: 200vh;
  position: absolute;
  inset: 0% 0% auto;
}

.popup_item {
  width: 100%;
  height: 100vh;
  position: relative;
}

.swiper-3.is-team {
  cursor: none;
  width: 100%;
  position: relative;
}

.cursor_dot {
  opacity: 0;
  background-color: #20271912;
  border-radius: 50%;
  width: 9em;
  height: 9em;
  padding: 2px;
  font-size: .8rem;
  transition: all .25s;
}

.swiper-wrapper-5.is-team {
  cursor: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.loader_number {
  color: #faf5ea;
  text-align: right;
  letter-spacing: -.02em;
  padding-left: .3em;
  padding-right: .3em;
  font-size: 6em;
  font-weight: 600;
  line-height: 1.6;
  position: absolute;
  inset: auto 0% 0% auto;
}

.popup_close-x {
  width: 40%;
  height: 40%;
}

.loader_line {
  z-index: 2;
  background-color: #faf5ea;
  width: 0%;
  height: 1px;
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
}

.global-styles-4 {
  position: fixed;
  inset: 0% 0% auto;
}

.loader_panel {
  z-index: 1;
  background-color: #1e1927;
  width: 100%;
  height: 50%;
}

.loader_panel.is-2 {
  position: absolute;
  inset: auto 0% 0%;
}

.loader_panel.is-1 {
  position: absolute;
  inset: 0% 0% auto;
}

.popup_wrapper {
  z-index: 2;
  position: relative;
}

.h5-2 {
  letter-spacing: -.01em;
  font-size: 1.7em;
  line-height: 1.3;
}

.h5-2.is-team-name {
  font-weight: 600;
}

.section-39 {
  z-index: 2;
  position: relative;
}

.section-39.is-team {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.team_header-spacer {
  padding-bottom: 1em;
}

.team_link {
  cursor: pointer;
  width: 100%;
}

.team_photo-height {
  border-radius: 50px;
  width: 200px;
  height: 200px;
  padding: 40px;
  position: relative;
}

.image-49 {
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 8em;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.team_name-info {
  padding-top: 1.84em;
}

.team_heading-wrap {
  padding-bottom: 3.1em;
}

.cursor-2 {
  z-index: 2000;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  transition: opacity .2s;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cursor_dot-2 {
  width: 70px;
  height: 70px;
}

.cursor_embed {
  opacity: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  transition: all .2s;
  transform: scale(.5);
}

.popup_item-2 {
  width: 100%;
  height: 100vh;
}

.popup-3 {
  z-index: 1000;
  color: #d3fd50;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.popup_bg-2 {
  z-index: 1;
  opacity: 1;
  background-color: #000;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.container-60 {
  z-index: 2;
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
  padding: 8em 12em;
  position: relative;
}

.global-styles-5 {
  position: fixed;
  inset: 0% 0% auto;
}

.team_wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.team_grid {
  grid-column-gap: 10em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-156 {
  text-align: center;
  margin-bottom: 10px;
  font-family: Bebasneue, sans-serif;
  font-weight: 700;
}

.flex-row-5 {
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  margin-left: 15%;
  margin-right: 15%;
  display: flex;
}

.contact-title-2 {
  color: #5a5a5a;
  margin-top: 20px;
  font-family: Bebasneue, sans-serif;
  font-size: 14px;
}

.team-member-shot-2 {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  width: 100px;
  height: 100px;
  margin-right: 20px;
}

.team-member-shot-2.caper {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65ef098b1e5e667d74db6b9f_ryan%20fleming%20brand%20marketing%20director_health%20tech.jpeg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65ef08bb24d513b573379046_foto-sushi-128246%20(1).jpg");
  background-position: 0 0, 55% 43%;
  background-repeat: repeat, no-repeat;
  background-size: contain, 308px;
  border-radius: 50px;
}

.team-member-shot-2.watson {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65ef0b67c9eb6067e9f1dc81_adam%20balazs%20health%20fitness%20tech%20cto.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0, 46% -86px;
  background-repeat: repeat, no-repeat;
  background-size: contain, 250px;
  border-radius: 50px;
}

.card-3-2 {
  backface-visibility: hidden;
  transform-origin: 50% 0;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #242424;
  border: 1px solid #000;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 80px;
  display: block;
  overflow: hidden;
  transform: perspective(1800px)rotateX(-100deg)rotateY(0)rotateZ(0);
}

.card-2-3 {
  backface-visibility: hidden;
  perspective-origin: 50%;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  height: 200px;
  margin-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
  overflow: hidden;
  transform: perspective(1800px)rotateX(-100deg)rotateY(0)rotateZ(0);
}

.container-61 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.page-wrapper-22 {
  width: 100%;
  font-size: 1em;
  position: relative;
  overflow: hidden;
}

.cursor-3 {
  z-index: 2000;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  transition: opacity .2s;
  display: none;
  position: fixed;
  inset: 0%;
}

.cursor_dot-3 {
  width: 70px;
  height: 70px;
}

.popup-4 {
  z-index: 1000;
  color: #d3fd50;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.team_card {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  display: flex;
}

.team_image {
  border-radius: 50px;
  width: 65px;
  height: 65px;
  padding: 40px;
  transition: transform .2s;
  position: relative;
  inset: auto auto 0% 0%;
}

.image-50 {
  object-fit: cover;
  border-radius: 15em;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.team_title-wrap {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 1em;
  margin-left: 20px;
  text-decoration: none;
  transition: margin .2s;
  display: flex;
  position: relative;
}

.team_underline {
  background-color: #d3fd50;
  width: 0%;
  height: 50%;
  text-decoration: none;
  transition: width .4s;
  position: absolute;
}

.team_name {
  z-index: 2;
  text-align: left;
  letter-spacing: -1px;
  text-transform: uppercase;
  align-self: auto;
  margin-bottom: 4px;
  font-size: 1.3em;
  font-style: italic;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  position: relative;
}

.heading-157 {
  text-align: center;
  margin-bottom: 6px;
  font-family: Bebasneue, sans-serif;
}

.team_title {
  z-index: 2;
  color: #666;
  text-align: left;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  align-self: auto;
  font-size: .9em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  position: relative;
}

.popup_visual {
  z-index: 2;
  flex: none;
  width: 45%;
  height: 100%;
  padding: 1em;
  position: relative;
}

.image-51 {
  object-fit: cover;
  border-radius: 10px;
  width: 70%;
  height: 50%;
  position: absolute;
  inset: 25% auto auto 25%;
}

.popup_name {
  color: var(--light-grey-background);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 4.5em;
  font-style: italic;
  font-weight: 800;
  line-height: .9;
}

.popup_flex {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.popup_title {
  color: var(--deon-green);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 1em;
  margin-bottom: 1.2em;
}

.popup_rich {
  color: #949494;
  font-family: Open Sans, sans-serif;
  font-size: 1em;
  line-height: 1.2em;
}

.popup_contain {
  width: 100%;
  max-width: 41em;
}

.popup_img {
  flex: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.popup_content {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 55%;
  height: 100%;
  padding: 2.2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.f-team-detail-wrapper {
  flex-direction: column;
  display: flex;
}

.f-container-regular {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.f-team-image-tall {
  background-color: #f3f5fb;
  border-radius: 16px;
  height: 400px;
  position: relative;
}

.f-h3-heading {
  color: var(--black);
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}

.f-team-title-wrapper-left {
  max-width: 500px;
  margin-bottom: 48px;
}

.f-paragraph-small {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.f-paragraph-small.f-text-color-gray-500 {
  color: var(--button-black);
  font-family: Montserrat, sans-serif;
}

.f-team-social-circle {
  color: #160042;
  background-color: #f7f9fd;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 56px;
  min-width: 56px;
  height: 56px;
  min-height: 56px;
  transition: color .2s;
  display: flex;
}

.f-team-social-circle:hover {
  color: #160042;
}

.f-text-weight-medium {
  font-weight: 500;
}

.f-team-section {
  padding: 120px 5% 140px;
}

.f-margin-bottom-08 {
  margin-bottom: 8px;
}

.f-image-cover {
  object-fit: cover;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 8em;
  width: 200px;
  height: 200px;
}

.f-team-card-small {
  background-color: #fff;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 32px 24px;
  display: flex;
  position: relative;
  box-shadow: 40px 40px 80px -32px #393b6a14;
}

.f-team-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.f-paragraph-regular {
  color: var(--body-display);
  letter-spacing: -.02em;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 1.8;
}

.f-paragraph-regular.f-text-weight-medium {
  font-weight: 500;
}

.f-icon-regular {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.f-heading-detail-small {
  color: var(--button-black);
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}

.f-team-card-wrapper {
  margin-top: -64px;
  padding-left: 24px;
  padding-right: 24px;
}

.f-margin-bottom-16 {
  margin-bottom: 16px;
}

.f-team-name-wrapper {
  margin-bottom: 10px;
}

.f-team-sidebar-sticky {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 60px;
}

.f-team-image-small {
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.f-team-grid-two-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.f-team-sidebar {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: visible;
}

.f-margin-bottom-40 {
  margin-bottom: 40px;
}

.f-button-neutral {
  background-color: var(--black);
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.f-button-neutral:hover {
  background-color: var(--deon-green);
}

.f-team-social-divider {
  background-color: #e4e6f1;
  width: 1px;
  height: 16px;
}

.f-team-grid-large {
  grid-column-gap: 72px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
}

.f-team-social-row-right {
  grid-column-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.f-team-content-wrapper {
  color: #160042;
  margin-top: 24px;
}

.f-team-card-medium {
  border-bottom: 1px solid #f3f5fb;
  padding-bottom: 24px;
}

.f-team-icon-link {
  color: #160042;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  transition: color .3s;
  display: flex;
}

.f-team-icon-link:hover {
  color: var(--neon-green);
}

.f-paragraph-large {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
}

.f-paragraph-large.f-text-weight-bold {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.f-section-large {
  padding: 92px 5%;
  position: relative;
}

.card-1-3 {
  z-index: 999;
  cursor: pointer;
  background-color: #ededed;
  border-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  padding-right: 11px;
  display: flex;
  position: relative;
}

.flex-row-6 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding-left: 6rem;
  padding-right: 6rem;
  display: flex;
}

.card-contact-link-2 {
  background-color: #3a3a3a;
  border-radius: 100rem;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 10px;
  padding: 11px;
  transition: transform .3s;
}

.card-contact-link-2:hover {
  transform: scale(1.1);
}

.expand-card-wrap {
  perspective: 1800px;
  max-width: 300px;
  margin: 10px;
  transition: transform .2s;
}

.expand-card-wrap:hover {
  transform: scale(1.03);
}

.no-margin-top-4 {
  color: #1f1f1f;
  margin-top: 0;
  font-weight: 400;
}

.flex-col-2 {
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.no-margin-bottom-3 {
  color: #1f1f1f;
  margin-bottom: 0;
  font-size: 1.2rem;
  line-height: 1.1;
}

.card-2-4 {
  backface-visibility: hidden;
  perspective-origin: 50%;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  background-color: #ededed;
  padding-left: 15px;
  padding-right: 15px;
  overflow: scroll;
  transform: perspective(1800px);
}

.team-card-paragraph {
  color: #1f1f1f;
  max-height: 150px;
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: .85rem;
  line-height: 1.4;
  overflow: scroll;
}

.card-3-3 {
  backface-visibility: hidden;
  transform-origin: 50% 0;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #d4d4d4;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  align-items: center;
  height: 70px;
  display: flex;
  overflow: hidden;
  transform: perspective(1800px);
}

.team-member-shot-3 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65ef098b1e5e667d74db6b9f_ryan%20fleming%20brand%20marketing%20director_health%20tech.jpeg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65efdbaaa53e1ee6d2884e4e_alvin-mahmudov-9_XfcBxf_uo-unsplash.jpg");
  background-position: 50%, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: contain, cover;
  border-radius: 10em;
  width: 100px;
  height: 100px;
  margin-right: 20px;
}

.card-1-4 {
  z-index: 999;
  cursor: pointer;
  background-color: #fff0;
  border-radius: 2px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-right: 11px;
  display: flex;
  position: relative;
}

.flex-row-7 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding-left: 6rem;
  padding-right: 6rem;
  display: flex;
}

.no-margin-top-5 {
  color: #1f1f1f;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.flex-col-3 {
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.no-margin-bottom-4 {
  color: #1f1f1f;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1;
}

.card-2-5 {
  backface-visibility: hidden;
  perspective-origin: 50%;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  background-color: #ededed;
  padding-left: 15px;
  padding-right: 15px;
  overflow: scroll;
  transform: perspective(1800px);
}

.card-3-4 {
  backface-visibility: hidden;
  transform-origin: 50% 0;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #d4d4d4;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  align-items: center;
  height: 70px;
  display: flex;
  overflow: hidden;
  transform: perspective(1800px);
}

.card-1-5 {
  z-index: 999;
  background-color: var(--white);
  cursor: pointer;
  border-radius: 10em 0 0 10em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-right: 11px;
  display: flex;
  position: relative;
}

.flex-row-8 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding-left: 6rem;
  padding-right: 6rem;
  display: flex;
}

.no-margin-top-6 {
  color: #1f1f1f;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.no-margin-bottom-5 {
  color: #1f1f1f;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1;
}

.card-2-6 {
  backface-visibility: hidden;
  perspective-origin: 50%;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  background-color: #ededed;
  padding-left: 15px;
  padding-right: 15px;
  overflow: scroll;
  transform: perspective(1800px);
}

.div-block-416 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.category-title {
  color: var(--black);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.text-block-143 {
  color: var(--black);
  font-family: Bebasneue, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.text-block-144 {
  color: var(--black);
  font-family: Bebasneue, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.collection-list-wrapper-8 {
  z-index: 9999;
  position: relative;
}

.section-hero-v2 {
  background-color: #0000;
  width: 100%;
  display: block;
  overflow: visible;
}

.image-52 {
  background-color: var(--red-text);
  padding-top: 0%;
  display: block;
}

.text-block-145 {
  letter-spacing: -.5px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.body-home-v2 {
  color: #000;
  background-color: #08080800;
  margin-top: 60px;
  font-family: Generalsans, sans-serif;
}

.eyebrow-update {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #efffef;
  background-color: #e6e6e65c;
  border: 1px solid #ebebeb;
  border-radius: 6rem;
  align-items: center;
  margin-bottom: 0;
  padding: .25rem 1rem;
  text-decoration: none;
  display: block;
}

.eyebrow-copy {
  opacity: 1;
  color: #131313;
  letter-spacing: 0;
  text-transform: capitalize;
  max-width: 70ch;
  margin-bottom: 0;
  font-family: Generalsans, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  text-decoration: none;
}

.slack-access {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.slack-access-text {
  color: #080808b8;
  margin-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.text-block-146 {
  font-size: 14px;
  font-weight: 400;
}

.story-wrapper-homev2 {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center stretch;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6px;
  padding-right: 6px;
  display: grid;
}

.s2-image {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f3_about_athleticus%20app_5.jpg");
  background-position: 35%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  position: absolute;
  inset: 0%;
}

.s2-image.right-image {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f0_coach-and-athlete-training.jpg");
  background-position: 50%;
}

.s2-image-rt {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f3_about_athleticus%20app_5.jpg");
  background-position: 35%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.s2-image-rt.right-image {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f0_coach-and-athlete-training.jpg");
  background-position: 50%;
  border-radius: 10px;
}

.feature-overlay-text {
  z-index: 1;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: 0 0 0 0;
}

.feature-background-image {
  background-color: var(--dark-outline);
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66ff6a90253a48136063deda_rivalists-sports-medcine-physical-therapy-software_triathlete.jpg");
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: cover;
  border: 1px solid #eee;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  max-height: 700px;
  padding-top: 83%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-53 {
  align-self: center;
  width: 100px;
  max-width: none;
  padding: 2px;
  display: block;
}

.s2-background-wrapper {
  border-radius: 10px;
  position: absolute;
  inset: 0%;
}

.s2-image-homev2 {
  border: 1px #000;
  border-radius: 10px;
  width: 15vw;
  height: 21vw;
  position: relative;
  overflow: hidden;
}

.home-email-capture {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  opacity: 1;
  color: #030303;
  align-items: stretch;
  width: 400px;
  display: flex;
}

.home_email {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: var(--black);
  background-color: #f5f6f612;
  border: 1px solid #000;
  border-radius: 4em;
  width: 70%;
  height: 100%;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 200;
}

.home_email:focus {
  border-color: var(--deon-green);
  background-color: #83e21a00;
  background-image: linear-gradient(90deg, #6cba161f 36%, #ffffff24);
}

.home_email::placeholder {
  color: #757575;
  background-color: #f5f6f500;
  font-size: 12px;
  font-weight: 400;
}

.home_submit-button {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  text-transform: none;
  background-color: #000;
  border: 1px solid #0000;
  border-radius: 3.9em;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  transition: color .2s, background-color .2s;
}

.home_submit-button:hover {
  border: 1px solid var(--neon-green);
  background-color: var(--neon-green);
  color: var(--white);
}

.home-email-signups {
  display: none;
}

.pronetwork_learn-more {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  color: #667479;
  letter-spacing: 4px;
  text-transform: uppercase;
  border-bottom: 1px #e4e9ec;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  place-items: center start;
  margin-top: 20px;
  margin-left: 0;
  padding-bottom: 0;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: flex;
}

.pronetwork_learn-more.light {
  color: #fff;
  border-bottom-color: #ffffff80;
}

.pronet_subheader {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.image-54 {
  opacity: .24;
  height: 25px;
}

.image-54:hover {
  opacity: 1;
}

.link-block-15 {
  text-align: center;
  max-width: 100%;
  margin-top: 10px;
  display: block;
}

.image-55 {
  max-width: 80%;
  margin-top: 20px;
}

.blog-topic {
  color: #5c5c5c;
  text-transform: none;
  margin-top: 4px;
  font-family: Helvetica Neue Roman, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.div-block-417 {
  background-color: var(--red-text);
}

.series-label {
  color: var(--deon-green);
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-style: italic;
  font-weight: 800;
}

.blog-topic_series {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-end;
  display: flex;
}

.tab-link-physical-therapy {
  background-color: #c8c8c800;
  border: 1px #000;
  margin-left: 7px;
  margin-right: 7px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.tab-link-physical-therapy:hover {
  border-bottom: 1px solid var(--neon-green);
}

.tab-link-physical-therapy.w--current {
  border-bottom: 1.5px solid var(--deon-green);
  background-color: #c8c8c800;
  font-weight: 600;
}

.text-block-147 {
  letter-spacing: 3px;
  font-size: 14px;
}

.newsletter_email-footer {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  background-color: #0000;
  border: 1px solid #8b8b8bb0;
  border-radius: 3em;
  width: 70%;
  height: 100%;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 200;
}

.newsletter_email-footer:hover, .newsletter_email-footer:active {
  border-color: var(--neon-green);
}

.newsletter_email-footer::placeholder {
  color: var(--body-display);
  font-size: 12px;
  font-weight: 400;
}

.button-88 {
  background-color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  border: 1px #0000002e;
  border-radius: 4.5em;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}

.button-88:hover {
  background-color: var(--neon-green);
  color: #000;
  font-weight: 400;
}

.link-25, .link-26 {
  color: var(--deon-green);
  font-weight: 600;
  text-decoration: none;
}

.image-56 {
  opacity: .5;
  max-width: 30%;
  margin-bottom: 10px;
}

.award-graphic {
  opacity: .5;
  max-width: 20%;
  margin-top: 10px;
  margin-bottom: 0;
  display: none;
}

.solutions-tabs_link-text {
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

.solution-tabs_component {
  margin-top: 2em;
  display: none;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.solution-tabs_link {
  text-align: center;
  background-color: #fff;
  border-radius: .375rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
  min-height: auto;
  padding: .75rem;
  display: flex;
}

.solution-tabs_link.w--current {
  background-color: var(--light-grey-background);
  color: #fff;
  height: 100px;
  min-height: auto;
  max-height: none;
}

.solution-tabs_menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.page-padding-4 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container-small-2 {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.text-style-link-3 {
  color: var(--deon-green);
  font-weight: 500;
  text-decoration: underline;
}

.solutions-tabs_link-image {
  width: 3.75rem;
  height: 3rem;
}

.solutions-tabs_link-image.is-tab-in-view-icon {
  display: none;
}

.solution-tabs_link-pointer-image {
  display: none;
  position: absolute;
  inset: auto auto -.7rem 2.75rem;
}

.solution-tabs_link-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.heading-158 {
  letter-spacing: 2px;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.btn-parent-txt {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  text-decoration: none;
  display: block;
  position: relative;
}

.btn-parent-txt.w--current {
  text-decoration: none;
}

.text-parent {
  z-index: 4;
  position: relative;
}

.btn-txt-3 {
  color: #575757;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.a-1 {
  background-color: #000;
  width: 18px;
  height: 2px;
  margin-left: 61px;
  position: absolute;
  inset: 10px 0% auto 60px;
}

.a-3 {
  background-color: #000;
  width: 8px;
  height: 2px;
  position: absolute;
  inset: auto 0% 3px auto;
  transform: rotate(45deg);
}

.a-2 {
  background-color: #000;
  width: 8px;
  height: 2px;
  position: absolute;
  inset: 3px 0% auto auto;
  transform: rotate(-45deg);
}

.award-wrapper {
  text-align: center;
  width: 100%;
  display: none;
}

.award-wrapper-mobile {
  text-align: center;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  position: static;
}

.form_section-2 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 800px;
  padding: 0 64px;
  display: flex;
}

.button-89 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #000;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.button-89:hover {
  background-color: #284ee7;
}

.button-89.mg-top-36px {
  background-color: #0d0d0d;
  border-radius: 20em;
  margin-top: 36px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 14px;
}

.button-89.mg-top-36px:hover {
  background-color: var(--neon-green);
}

.button-89.is--secondary {
  opacity: 1;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  color: #080808;
  background-color: #f6f6f6;
  border: 1px #080808;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 12px;
  display: flex;
}

.form_text-field-2 {
  border: 1px solid #ededed;
  border-radius: 6px;
  margin-bottom: 16px;
}

.form-32 {
  margin-top: 0;
  display: none;
}

.form_field-label-2 {
  color: #2b2b2b;
  margin-bottom: 6px;
  font-weight: 400;
}

.form_field-label-2.mg-bottom-8px {
  margin-bottom: 8px;
  font-family: Helvetica Neue, sans-serif;
}

.form_radio-button-field {
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.form_radio-button {
  border: 1px solid #ccc;
  border-radius: 100%;
  margin-top: 0;
  margin-right: 8px;
}

.form_radio-button.w--redirected-checked {
  border-color: #0b6dff;
}

.form_radio-button-label {
  margin-bottom: 0;
  line-height: 1;
}

.is--blue {
  color: var(--white);
  font-family: Bebasneue, sans-serif;
}

.heading-159 {
  color: #000;
  font-family: Bebasneue, sans-serif;
  font-weight: 700;
}

.divider-6 {
  opacity: .71;
  background-color: #ccc;
  width: 100%;
  height: 1px;
  margin-top: 56px;
  margin-bottom: 16px;
}

.button_text-2 {
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.information_content-2 {
  flex-flow: column;
  justify-content: center;
  display: block;
}

.is--second-2 {
  margin-left: 32px;
}

.information_header-2 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 89px;
  display: flex;
}

.width-60percent-2 {
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  line-height: 17px;
  display: flex;
}

.demo-text-block {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #ffffff5e;
  border: 1px solid #fcfcfc4f;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  margin-right: 17px;
  padding: 10px 0 10px 20px;
  display: flex;
}

.reserve-now-button {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #000;
  border-radius: 6.6em;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 50px;
  margin: 0;
  padding: 18px 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.reserve-now-button:hover {
  background-color: var(--neon-green);
}

.reserve-now-button.mg-top-36px {
  background-color: #0d0d0d;
  border-radius: 20em;
  margin-top: 36px;
}

.reserve-now-button.is--secondary {
  opacity: 1;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  color: #080808;
  background-color: #f6f6f6;
  border: 1px #080808;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 12px;
  display: flex;
}

.is--second-3 {
  margin-left: 32px;
}

.image-57 {
  max-width: 100%;
  height: 34px;
}

.link-27 {
  color: var(--white);
  padding-left: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.link-27:hover {
  color: var(--neon-green);
  font-weight: 800;
}

.link-27.w--current {
  color: var(--black-2);
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.or-schedule-demo {
  display: none;
}

.button-90 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 2px solid #161616;
  border-radius: .5rem;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  transition: all .2s;
}

.button-90:hover {
  background-color: #2e2e2e;
  border-color: #0000;
}

.button-90.dont-shrink {
  flex: none;
}

.paragraph-70 {
  font-family: Helvetica Neue, sans-serif;
  font-size: 13px;
}

.heading-160 {
  letter-spacing: 0;
  margin-bottom: 5px;
  font-family: Bebasneue, sans-serif;
  font-size: 20px;
}

.html-embed-2 {
  display: none;
}

.link-28 {
  color: var(--black-2);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.link-28:hover {
  border-bottom: 1.5px solid var(--deon-green);
}

.author-social {
  color: var(--black);
}

.author-social:hover {
  color: var(--deon-green);
}

.submit-text {
  color: #707070;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
}

.submit-text.mg-bottom-8px {
  margin-bottom: 8px;
  font-family: Helvetica Neue, sans-serif;
}

.tech-stack-subhead {
  color: var(--body-display);
  margin-top: 4px;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 500;
}

.tech-stack_text {
  color: var(--body-display);
  font-family: Helvetica Neue, sans-serif;
}

.team-wearable-tech-stack {
  border: 1px solid var(--dark-outline);
  background-color: var(--light-grey-background);
  border-radius: 10px;
  margin-bottom: 16px;
  padding: 10px 20px;
}

.privacy_section {
  background-color: #fafafa;
  margin-top: 80px;
  padding: 100px 20px;
}

.privacy_content_wrapper {
  background-color: #fff;
  border: 1px solid #6969691a;
  border-radius: 20px;
  padding: 24px 40px;
  overflow: visible;
}

.legal_basis_text {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 4px;
  font-weight: 700;
  line-height: 1.6;
}

.datatable_mobile {
  display: none;
}

.header_section_wrapper {
  align-items: flex-start;
  display: flex;
}

.read_more_data_wrapper {
  flex: 1;
  padding-left: 24px;
  display: block;
}

.content_wrapper-2 {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0;
  padding-left: 40px;
  display: flex;
}

.legal_basis_wrapper {
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.datatable_header_atom {
  align-items: center;
  width: 22%;
  height: 100%;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.datatable_header_atom.data_collected_shared {
  width: 26%;
}

.datatable_header_atom.data_collect {
  justify-content: center;
  width: 25%;
}

.datatable_header_atom.service_provider {
  width: 20%;
  height: 100%;
}

.datatable_header_atom.service_provider.third_party {
  width: 18%;
}

.datatable_header_atom.data_give {
  justify-content: center;
  width: 25%;
}

.datatable_header_atom.key_cookie {
  width: 30%;
  height: 100%;
}

.datatable_header_atom.purpose {
  width: 50%;
  height: 100%;
}

.datatable_header_atom.purpose.third_party {
  width: 34%;
}

.container-62 {
  z-index: 2;
  text-align: left;
  flex: 0 auto;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.datatable_text {
  color: #696969;
  margin-bottom: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.8;
}

.datatable_text.bold {
  font-weight: 700;
}

.sticky_menu_wrapper {
  z-index: 0;
  background-color: #0000;
  flex-direction: column;
  height: 400px;
  margin-bottom: 0;
  padding: 0 24px 0 0;
  display: flex;
  position: sticky;
  top: 182px;
  overflow: scroll;
}

.small_data_table {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.datatable_line {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: flex;
}

.small_datatable_header_atom {
  justify-content: center;
  width: 25%;
  padding: 8px;
  display: flex;
}

.small_datatable_header_atom.action {
  justify-content: flex-start;
  width: 50%;
  padding: 16px;
}

.divider-7 {
  background-color: #69696926;
  border-radius: 2px;
  width: 100%;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.divider-7.datatable {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.legal_bases_meaning_wrapper {
  flex: 1;
  height: auto;
  margin-top: 0;
  padding-left: 24px;
  overflow: hidden;
}

.sticky_menu_item {
  color: #696969;
  margin-bottom: 12px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  text-decoration: none;
  transition: color .2s;
}

.sticky_menu_item:hover {
  color: var(--deon-green);
}

.sticky_menu_item.w--current {
  cursor: pointer;
}

.item_icon_header {
  flex-direction: row-reverse;
  align-items: flex-start;
  display: flex;
}

.privacy-bloc {
  align-items: stretch;
  display: flex;
}

.privacy-bloc.how_and_why, .privacy-bloc.our-role, .privacy-bloc.privacy_choices_rights, .privacy-bloc.cookies {
  flex-direction: column;
}

.privacy-bloc.collect-data {
  flex-direction: column;
  align-items: flex-start;
}

.privacy-bloc.data_storage, .privacy-bloc.third_parties, .privacy-bloc.datatype, .privacy-bloc.making_policy_great {
  flex-direction: column;
}

.list_datatable {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 16px;
  font-size: 12px;
  line-height: 20px;
}

.datatable_wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
}

.item_icon_wrapper {
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.accordion_content {
  flex-direction: row-reverse;
  align-items: stretch;
  height: auto;
  margin-top: 8px;
  display: flex;
  overflow: hidden;
}

.check {
  background-color: #0000;
  border-radius: 0;
  width: 16px;
  height: 16px;
}

.check.on {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66379e6b8280bfbeff9cdf1e_Check.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  width: 16px;
  height: 16px;
}

.check.off {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66379e6b8280bfbeff9cdfb8_Cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 14px;
}

.list_item_privacy {
  color: #696969;
  padding-bottom: 0;
  font-size: 15px;
  line-height: 22px;
}

.list_item_privacy.datatable_text {
  font-size: 12px;
  line-height: 1.8;
}

.data_reason_wrapper {
  flex-direction: column;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.item_icon_text {
  flex-direction: column;
  margin-left: 0;
  display: flex;
}

.mini_button {
  color: #fff;
  cursor: pointer;
  background-color: #4c14e9;
  border-radius: 4px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 4px 8px;
  font-size: 10px;
  line-height: 1.4;
  transition: background-color .2s, color .2s;
}

.mini_button:hover {
  color: #4c14e9;
  background-color: #eff2ff;
}

.mini_button.privacy_policy {
  margin-top: 4px;
  margin-left: 0;
  margin-right: 0;
}

.accordion_trigger {
  cursor: pointer;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
}

.read_more_line {
  object-fit: none;
  object-position: 100% 0%;
  background-color: #eff2ff;
  border-radius: 16px;
  flex: 0 auto;
  width: 8px;
  margin-left: 16px;
  display: flex;
  overflow: hidden;
}

.h5_alt {
  color: #696969;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
}

.small_datatable_line {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.arrow-5 {
  width: 10px;
  height: 10px;
  margin-left: 4px;
  transform: rotate(0);
}

.privacy_grid {
  grid-column-gap: 0px;
  grid-template: "Lateral-Menu Content"
  / .5fr 1.25fr;
}

.intro_wrapper {
  text-align: center;
}

.datatable_header {
  background-color: #6969691a;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 32px;
  display: flex;
}

.datatable_line_atom {
  align-items: flex-start;
  width: 20%;
  height: auto;
  padding: 16px;
  display: flex;
}

.datatable_line_atom.place_processing {
  width: 22%;
}

.datatable_line_atom.data_give {
  justify-content: center;
  align-items: center;
  width: 25%;
}

.datatable_line_atom.purpose {
  width: 50%;
}

.datatable_line_atom.purpose.third_party {
  width: 34%;
}

.datatable_line_atom.data_collect {
  justify-content: center;
  align-items: center;
  width: 25%;
}

.datatable_line_atom.key_cookies {
  width: 30%;
}

.datatable_line_atom.service_provider {
  flex-direction: column;
  width: 18%;
}

.datatable_line_atom.data_collected_shared {
  width: 26%;
}

.datatable_category_name {
  color: #696969;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
  line-height: 12px;
  display: flex;
}

.read_more_content_wrapper {
  flex: 1;
  padding-left: 24px;
  overflow: hidden;
}

.small_datatable_line_atom {
  justify-content: center;
  align-items: center;
  width: 25%;
  padding: 16px;
  display: flex;
}

.small_datatable_line_atom.action {
  justify-content: flex-start;
  width: 50%;
}

.legal_bases_meaning_tilte_wrapper {
  margin-bottom: 22px;
}

.privacy_icon {
  width: auto;
  max-width: 32px;
  height: auto;
  max-height: 32px;
  margin-right: 16px;
}

.privacy_icon.top-margin {
  margin-top: 6px;
}

.privacy_icon.top-margin.big {
  margin-top: 10px;
}

.read_more_text {
  color: #4c14e9;
  letter-spacing: 0;
  text-transform: none;
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
}

.small_dt_header {
  background-color: #6969691a;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.paragraph_centered {
  text-align: left;
}

.body-privacy-policy {
  background-color: #fafafa;
  margin-top: 0;
}

.heading-161 {
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 500;
}

.text-block-148, .text-block-149 {
  color: var(--body-display);
  text-align: left;
}

.text_highlights {
  color: var(--body-display);
  text-align: left;
  font-family: Helvetica Neue, sans-serif;
  font-size: 12px;
}

.image-58 {
  max-width: 55%;
}

.resources-block {
  flex-flow: column;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.home-header {
  flex-flow: column;
  padding-top: 50px;
  display: flex;
  overflow: hidden;
}

.home-description {
  max-width: 30rem;
}

.home-waitlist {
  grid-column-gap: .5rem;
  max-width: 30rem;
  display: flex;
}

.home-header-container {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-direction: column;
  align-items: center;
  max-width: 50rem;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-150 {
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.popup-2---brix {
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  max-width: 690px;
  padding: 32px 50px 48px;
  display: flex;
  position: relative;
}

.popup-2-form---brix {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.popup---illustration---brix {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.paragraph-71.dummy-paragraph {
  color: #a0a3bd;
  margin-bottom: 32px;
}

.column-13 {
  justify-content: flex-end;
  width: 100%;
  margin-left: 40px;
  display: flex;
}

.text-block-151 {
  font-weight: 500;
}

.text-block-152 {
  color: #000;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 700;
}

.text-block-153 {
  font-family: Helvetica Neue, sans-serif;
}

.text-block-154 {
  color: #000;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 500;
}

.grid-wrapper-3 {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.subtitle-6 {
  color: #667479;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3em;
}

.subtitle-6.small {
  letter-spacing: 3px;
  font-size: 11px;
}

.grid-wrapper-4 {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.subtitle-7 {
  color: #667479;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3em;
}

.subtitle-7.small {
  letter-spacing: 3px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.display-s {
  letter-spacing: 0;
  text-transform: none;
  font-family: Helvetica Neue, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2em;
}

.display-s.display-s-absolute {
  position: absolute;
}

.card-icon-2 {
  width: 1rem;
  max-height: 1rem;
}

.card-icon-2.card-icon-absolute {
  position: absolute;
  inset: 100% 0% auto;
}

.card-icon-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.card-button-wrapper {
  justify-content: flex-end;
  display: flex;
  position: absolute;
  inset: 1.5rem 1.5rem auto;
}

.card-button-2 {
  background-color: var(--neon-green);
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: none;
}

.grid-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  grid-auto-columns: minmax(.5rem, 1fr);
}

.card-image-2 {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: .5rem;
}

.card-content-title {
  position: relative;
}

.card-transition-block {
  aspect-ratio: 1;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #0000002e;
  border-radius: .5rem;
  width: 100%;
  position: absolute;
}

.card-transition-image {
  position: absolute;
  inset: 25% 0% 0% 40%;
}

.container-63 {
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.card-content-2 {
  position: absolute;
  inset: 8rem 1.5rem 1.5rem;
  overflow: hidden;
}

.card-icon-outer-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.card-9 {
  color: #fff;
  cursor: pointer;
  border-radius: .5rem;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}

.text-block-155 {
  color: var(--black);
  font-family: Helvetica Neue, sans-serif;
  font-weight: 500;
}

.text-block-156, .text-block-157 {
  color: var(--body-display);
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.text-block-158 {
  color: var(--deon-green);
  letter-spacing: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.text-block-159 {
  color: var(--black);
  font-family: Helvetica Neue, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
}

.item-category {
  color: var(--body-display);
  margin-bottom: 20px;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 400;
}

.text-block-160 {
  font-family: Helvetica Neue, sans-serif;
}

.order-confirm-h1 {
  letter-spacing: 2.5px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.heading-163 {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.heading-164, .heading-165 {
  font-weight: 300;
}

.text-block-161, .text-block-162, .text-block-163, .text-block-164, .text-block-165, .text-block-166 {
  font-family: Helvetica Neue, sans-serif;
}

.heading-166 {
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.button-91 {
  background-color: var(--deon-green);
  font-weight: 700;
}

.image-59 {
  max-width: 55%;
}

.text-block-167 {
  font-weight: 700;
}

.back-to-home {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-block-168 {
  color: var(--white);
  border: 1px #000;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.image-60 {
  width: 25%;
  height: 100%;
}

.digital-download-button {
  background-color: var(--button-black);
  text-align: center;
  text-transform: none;
  border-radius: 20px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}

.digital-download-button:hover {
  background-color: var(--deon-green);
}

.download-item {
  justify-content: space-between;
  display: flex;
}

.download-item-icon {
  align-items: center;
  display: flex;
}

._3-word-features {
  z-index: 999;
  grid-column-gap: 40px;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.image-author-info-wrapper {
  align-items: flex-start;
  margin-left: 10px;
  display: flex;
}

.text-block-169 {
  margin-left: 2px;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 400;
}

.device-value {
  font-family: Helvetica Neue, sans-serif;
  font-weight: 400;
}

.image-61 {
  width: 5%;
  margin-right: 10px;
}

.back-to-resources {
  color: var(--black-2);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-left: 4px;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
}

.back_resources-wrapper {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-418 {
  height: 100px;
}

.shapes-overlay {
  z-index: 10;
  width: 440px;
  height: 440px;
  position: absolute;
  left: 50px;
}

.bar {
  flex: none;
  width: 286px;
  height: 2px;
  position: relative;
  overflow: visible;
}

.clipped-light {
  z-index: 21;
  width: 200%;
  height: 130%;
  position: relative;
  transform: translate(-51%);
}

.clipped-light.clipped-light-1 {
  z-index: 21;
}

.overlay-8 {
  z-index: 50;
  width: 100%;
  height: 100%;
  position: absolute;
}

.clipper {
  z-index: 10;
  background-color: #1e1e1e;
  width: 286px;
  height: 2px;
  position: relative;
  overflow: hidden;
}

.logo-5 {
  z-index: 520;
  width: 46px;
  height: 46px;
  margin-bottom: 20px;
  margin-left: 6px;
  position: relative;
}

.loader-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 450px;
  height: 360px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 100px 50px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 2px 5px #000;
}

.shapes-group {
  justify-content: center;
  align-items: center;
  width: 429px;
  height: 429px;
  display: flex;
  position: absolute;
  bottom: -213px;
  left: -10px;
  transform: translate(-54.8%);
}

.preloader-3 {
  z-index: 9999;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.overlay-9 {
  z-index: 50;
  width: 100%;
  height: 100%;
  position: absolute;
}

.logo-6 {
  z-index: 520;
  width: 46px;
  height: 46px;
  margin-bottom: 20px;
  margin-left: 6px;
  position: relative;
}

.preloader-4 {
  z-index: 1003;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.navbar-logo-left-3 {
  background-color: #fff;
  border: 0 solid #e5e6eb;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 85px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.navbarcontainer-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1434px;
  text-decoration: none;
  display: flex;
}

.navbar-content-3 {
  grid-column-gap: 35px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1364px;
  text-decoration: none;
  display: flex;
}

.menu-icon-5 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-68 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.navbar-brand-3 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1047px;
  text-decoration: none;
  display: flex;
}

.logo-7 {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 122px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-69 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.vectors-wrapper-70 {
  justify-content: center;
  align-items: center;
  width: .00000174846px;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.search-bar-4 {
  grid-column-gap: 12px;
  background-color: #f9fafb;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 267px;
  padding: 10px 16px 10px 12px;
  text-decoration: none;
  display: flex;
}

.icon-20 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-71 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
}

.text-326 {
  color: #9ea3ae;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.navbar-link-3 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  text-decoration: none;
  display: flex;
}

.text-327 {
  color: #000;
  letter-spacing: .21em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.navbar-link-4 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  text-decoration: none;
  display: flex;
}

.text-328 {
  color: #000;
  letter-spacing: .21em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.navbar-link-5 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  text-decoration: none;
  display: flex;
}

.navbar-menu-3 {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-72 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24.54px;
  height: 18.8299px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-73 {
  justify-content: center;
  align-items: center;
  width: 0;
  height: 34px;
  text-decoration: none;
  display: flex;
}

.frame-58 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-74 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: auto;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.profile-dropdown {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.switch-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.nav-wrap-5 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.categ-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #989da5;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.notifi {
  background-color: var(--rival-red);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 10px;
  display: flex;
  position: absolute;
  top: -5px;
  right: -5px;
}

.nav-icon {
  color: #fff;
  background-color: #fff;
  border: 1px #00000026;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.nav-icon:hover {
  background-color: var(--dark-outline);
}

.nav-profile {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #000;
  border-left: 1px solid #ffffff14;
  align-items: center;
  padding-left: 20px;
  text-decoration: none;
  display: flex;
}

.filters-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.star-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.filters-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.p-18-2 {
  font-size: 18px;
}

.p-18-2.mb-10 {
  margin-bottom: 10px;
}

.content-13 {
  padding-top: 60px;
  padding-bottom: 20px;
}

.switch-3 {
  cursor: pointer;
  background-color: #f1f3f5;
  border-radius: 20px;
  align-items: center;
  width: 35px;
  height: 20px;
  padding: 2px;
  display: flex;
}

.grid-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-64 {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #f0f0f040;
  border-radius: 20em;
  align-items: center;
  width: 100%;
  max-width: 1360px;
  height: 60px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.card-categ {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.nav-links-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.card-links {
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  color: #989da5;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  display: grid;
}

.card-img {
  border-radius: 10px;
  width: 100%;
  max-width: 200px;
}

.button-92 {
  color: #fff;
  white-space: nowrap;
  background-color: #0587e9;
  border: 1px solid #0587e9;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  text-decoration: none;
  transition: border-color .2s, background-color .2s;
  display: flex;
}

.button-92:hover {
  background-color: #12b886;
  border-color: #12b886;
}

.filter {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #000;
  border: 1px solid #00000026;
  border-radius: 10px;
  align-items: center;
  padding: 10px 15px;
  text-decoration: none;
  transition: border-color .2s, background-color .2s, color .2s;
  display: flex;
}

.filter:hover {
  color: #fff;
  background-color: #12b886;
  border-color: #12b886;
}

.nav-menu-9 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  display: flex;
}

.app-dashboard {
  z-index: 100;
  background-color: #fff0;
  border-bottom: 1px #e5e6eb;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  display: flex;
  position: sticky;
  top: 0;
}

.cards-heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.mobile-nav-4 {
  display: none;
}

.nav-left-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  display: flex;
}

.content-heading-5 {
  text-align: center;
  width: 100%;
  max-width: 680px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.card-flex-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card-flex-2.mb-10 {
  margin-bottom: 10px;
}

.logo-link-8 {
  border-right: 1px #777;
  margin-right: 0;
  padding-right: 20px;
}

.switches {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.categ-wrap {
  border-right: 1px solid #00000026;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: center;
  padding-left: 25px;
  padding-right: 20px;
  display: flex;
}

.categ-wrap.but {
  align-items: center;
}

.badge-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #12b886;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.card-10 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid #00000026;
  border-radius: 10px;
  width: 100%;
  min-height: 190px;
  padding: 5px;
  display: flex;
}

.nav-link-7 {
  color: #000;
  letter-spacing: .2em;
  text-transform: uppercase;
  border-bottom: 1px solid #0000;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .2s;
}

.nav-link-7:hover {
  border-bottom-color: var(--deon-green);
}

.nav-right-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.card-wrap {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  display: flex;
}

.content-categ {
  border: 1px solid #00000026;
  border-radius: 10px;
  flex-direction: row;
  min-height: 75px;
  margin-bottom: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.card-buttons-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.grey-p-5 {
  color: #989da5;
}

.grey-p-5.mb-10 {
  margin-bottom: 10px;
}

.profile-img-2 {
  border: 1.5px solid var(--neon-green);
  object-fit: cover;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

.shadow-5 {
  display: none;
}

.switcher-2 {
  background-color: #868e96;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.nav-wrap-6 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-14 {
  padding-top: 60px;
  padding-bottom: 20px;
}

.switch-4 {
  cursor: pointer;
  background-color: #f1f3f5;
  border-radius: 20px;
  align-items: center;
  width: 35px;
  height: 20px;
  padding: 2px;
  display: flex;
}

.container-65 {
  width: 100%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.button-93 {
  color: #fff;
  white-space: nowrap;
  background-color: #0587e9;
  border: 1px solid #0587e9;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  text-decoration: none;
  transition: border-color .2s, background-color .2s;
  display: flex;
}

.button-93:hover {
  background-color: #12b886;
  border-color: #12b886;
}

.nav-menu-10 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  display: flex;
}

.nav-7 {
  z-index: 100;
  background-color: #fff;
  border-bottom: 1px solid #00000026;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  display: flex;
  position: sticky;
  top: 0;
}

.content-heading-6 {
  text-align: center;
  width: 100%;
  max-width: 680px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.card-11 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid #00000026;
  border-radius: 10px;
  width: 100%;
  min-height: 190px;
  padding: 5px;
  display: flex;
}

.nav-link-8 {
  color: #000;
  border-bottom: 1px solid #0000;
  text-decoration: none;
  transition: border-color .2s;
}

.nav-link-8:hover {
  border-bottom-color: #000;
}

.card-buttons-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.grey-p-6 {
  color: #989da5;
}

.grey-p-6.mb-10 {
  margin-bottom: 10px;
}

.shadow-6 {
  display: none;
}

.paragraph-72 {
  margin-bottom: 0;
  font-size: 8px;
  font-style: italic;
  font-weight: 800;
  line-height: 8px;
}

.right-sidebar {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff0;
  border-radius: 10px;
  flex-flow: column;
  height: 750px;
  max-height: 100vh;
  margin-top: 15px;
  padding: 0;
  display: flex;
  position: static;
  inset: 85px 0% 0% auto;
  overflow: auto;
}

.username {
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 15px;
  font-style: italic;
  font-weight: 800;
}

.location {
  color: var(--black);
  text-transform: none;
  margin-bottom: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.user-profile-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
  display: flex;
}

.hero-welcome {
  grid-column-gap: 0px;
  background-image: linear-gradient(5deg, #00000082, #fff0), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6608c9f29296b283f04cd05f_Triathletes-training-on-sunset-beach.jpg");
  background-position: 0 0, 0 40%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  margin-bottom: 27px;
  display: flex;
}

.dashboard-headings {
  color: var(--black);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.dash-link-text {
  color: var(--body-display);
  letter-spacing: 0;
  text-transform: none;
  align-items: center;
  margin-bottom: 2px;
  margin-left: 10px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.h1-description-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: stretch;
  margin-bottom: 0;
  margin-right: 0;
  text-decoration: none;
  display: flex;
}

.text-block-172 {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Bebasneue, sans-serif;
  font-size: 65px;
  display: block;
  position: static;
  top: 100px;
  bottom: 100px;
}

.dash-date {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

.welcome-description {
  letter-spacing: 0;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
}

.features-container-2 {
  flex-direction: column;
  width: 50%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  overflow: hidden;
}

.feature-button-2 {
  background-color: var(--button-black);
  color: #4674f8;
  text-align: center;
  -webkit-text-stroke-color: var(--black);
  cursor: pointer;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  margin-left: 0;
  margin-right: 0;
  transition: background-color .2s;
  display: flex;
  box-shadow: 0 0 0 2px #fff;
}

.feature-button-2:hover {
  background-color: var(--neon-green);
  color: var(--neon-green);
}

.bar-graph-fill-2 {
  background-color: var(--rival-blue);
  background-image: linear-gradient(90deg, var(--rival-blue), #1a304f);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 77%;
  height: 100%;
}

.bar-graph-fill-2.biology {
  background-color: #77c285;
  width: 22%;
}

.bar-graph-fill-2.reasoning {
  background-color: #1e1f20;
  width: 19%;
}

.bar-graph-fill-2.organic {
  background-color: #4674f8;
  width: 49%;
}

.bar-graph-fill-2.comprehension {
  background-color: var(--neon-green);
  width: 45%;
}

.progress-container-2 {
  flex-direction: column;
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.heading-167 {
  margin-right: 20px;
}

.features-card-2 {
  background-color: var(--white);
  color: #fff;
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
  padding: 22px;
  display: flex;
  box-shadow: 0 2px 10px #8f92a10a;
}

.heading-container-2 {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 44px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
}

.title-block-text {
  color: var(--black);
  font-size: 20px;
}

.dashboard-block-title {
  border-bottom: 1px solid var(--underline-title);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-family: Bebasneue, sans-serif;
  font-weight: 700;
  display: flex;
}

.checkin-title {
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.checkin-card-box {
  color: #fff;
  background-color: #fff;
  border: 1px #d4d4d4;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 115px;
  padding: 15px 20px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.checkin-card-box:hover {
  background-color: #f3f3f3;
}

.text-block-173 {
  color: var(--white);
  font-family: Helvetica Neue, sans-serif;
  font-size: 13.5px;
  font-weight: 400;
}

.text-block-173:hover {
  color: var(--black);
}

.text-block-174 {
  margin-top: 10px;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 400;
}

.text-block-175 {
  font-family: Helvetica Neue, sans-serif;
  font-weight: 500;
}

.text-block-176 {
  font-family: Bebasneue, sans-serif;
  font-size: 18px;
}

.text-block-177 {
  font-family: Bebasneue, sans-serif;
  font-size: 55px;
}

.paragraph-73 {
  color: #99a7ac;
  letter-spacing: 0;
  margin-bottom: 4px;
  font-size: 13.5px;
  font-weight: 400;
}

.collaborator-img-2 {
  border: 1.25px solid #667479;
  border-radius: 50%;
  min-width: 45px;
  height: 45px;
  margin-bottom: 0;
  padding: 3px;
}

.team-profile-image {
  border: 1.25px solid var(--neon-green);
  border-radius: 50%;
  min-width: 35px;
  height: 35px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 3px;
}

.profile-type {
  font-family: Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.profile-name {
  font-family: Helvetica Neue, sans-serif;
  font-weight: 500;
}

.team-user-info {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.my-profile-box {
  border-radius: 0;
  padding-left: 0;
}

.myprofile-box {
  background-color: var(--white);
  border-radius: 10px;
  padding: 35px;
  display: none;
}

.myteam-box {
  background-color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  height: 100vh;
  max-height: none;
  margin-bottom: 0;
  padding: 35px;
  display: flex;
  position: static;
  inset: 0 0% 0% auto;
}

.checkin-grid {
  margin-bottom: 15px;
}

.teammate-arrow {
  opacity: .4;
}

.spacer {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.spacer.block {
  display: inline-block;
}

.image-62, .image-63 {
  width: 45%;
}

.exam-card-graph-container-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 42%;
  height: 100px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  position: relative;
}

.donut-graph-2 {
  width: 80%;
  display: block;
  position: absolute;
}

.donut-graph-3 {
  width: 75%;
  display: block;
  position: absolute;
}

.text-block-178 {
  color: var(--black-2);
  font-family: Bebasneue, sans-serif;
  font-size: 45px;
}

.white-2 {
  color: #fff;
  width: 100%;
  max-width: 200px;
}

.task-wrap-2 {
  width: 100%;
}

.bot-links {
  padding: 30px 0 30px 40px;
}

.widget-pause {
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: transform .2s;
  display: flex;
}

.widget-pause:hover {
  transform: scale(1.1);
}

.p-18-3 {
  font-size: 18px;
  font-weight: 500;
}

.p-18-3.mb-5 {
  color: var(--black);
  margin-bottom: 2px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: 14px;
}

.mb-20-8 {
  margin-bottom: 20px;
}

.top-link-2 {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background-color .2s;
  display: flex;
}

.top-link-2:hover {
  background-color: #ebedec;
}

.widget-top {
  border-bottom: 1px solid #dfe1e5;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

.widget-top.border-0 {
  border-bottom-style: none;
}

.top-links_wrap {
  grid-column-gap: 30px;
  align-items: center;
  display: flex;
}

.button-94 {
  grid-column-gap: 15px;
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  align-items: center;
  height: 40px;
  padding: 10px 20px;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  display: flex;
}

.button-94:hover {
  transform: translate(0, -5px);
  box-shadow: 0 5px 3px #0003;
}

.calendar-heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.content-15 {
  width: 100%;
  padding: 40px;
}

.front-line {
  background-color: #000;
  border-radius: 5px;
  width: 46%;
  height: 100%;
}

.front-line._90 {
  width: 90%;
}

.front-line._73 {
  width: 73%;
}

.widgets-wrap {
  width: 100%;
}

.grey {
  color: #929292;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.widgets-bot {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-wrapper-2 {
  grid-column-gap: 15px;
  color: #000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 0 10px 9px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.link-wrapper-2:hover {
  border-right: 1.5px solid var(--neon-green);
  background-color: #ebedec;
  background-image: linear-gradient(90deg, #fff, #eee);
}

.link-wrapper-2.w--current {
  background-color: #ebedec;
}

.link-wrapper-2.last {
  margin-bottom: 0;
}

.container-66 {
  padding-left: 20px;
  padding-right: 20px;
}

.top-links {
  grid-column-gap: 30px;
  align-items: center;
  display: flex;
}

.shadow-7 {
  display: none;
}

.calendar-top-2 {
  margin-bottom: 40px;
}

.nav-8 {
  z-index: 999;
  background-color: var(--white);
  border-right: 1px #ebedec;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
}

.mb-10-7 {
  margin-bottom: 10px;
}

.calendar-time {
  border-right: 4px solid #000;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 30px;
}

.cards-wrap-5 {
  grid-column-gap: 25px;
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}

.card-link {
  grid-column-gap: 10px;
  color: #fff;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.content-mid {
  grid-column-gap: 60px;
  align-items: stretch;
  display: flex;
}

.calendar-wrap-2 {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 250px;
  display: flex;
}

.mid-wrapper {
  width: 100%;
}

.calendar-text {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.icon-img {
  border-radius: 50%;
}

.calendar-holder {
  grid-column-gap: 20px;
  border-bottom: 1px solid #ebedec;
  margin-top: 20px;
  padding-bottom: 30px;
  display: flex;
}

.task-icon {
  background-color: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
}

.widget-card {
  background-color: #edeff1;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 150px;
  padding: 20px 15px;
  display: flex;
}

.widget-card.border {
  border: 2px dashed #dfe1e5;
}

.widget-card_big {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/665696e8bb8f3467602494e1_shapes.png");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
  padding: 40px 25px;
  display: flex;
}

.section-40 {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.content-top-2 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.nav-links-3 {
  border-bottom: 1px solid #ebedec;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px 0 30px 40px;
  display: block;
}

.task-labele {
  grid-column-gap: 15px;
  display: flex;
}

.mobile-nav-5 {
  display: none;
}

.task {
  border-bottom: 1px solid #ebedec;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding-bottom: 30px;
  display: flex;
}

.task.first {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.widgets-heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.back-line {
  background-color: #fff;
  border-radius: 5px;
  height: 5px;
  margin-top: 10px;
}

.card-12 {
  background-color: #dcf9df;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 220px;
  padding: 30px 25px;
  display: flex;
}

.card-12.pink {
  background-color: #fde3e9;
}

.card-12.purple {
  background-color: #ece9ff;
}

.task-time {
  grid-column-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.widget-plus {
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: transform .2s;
  display: flex;
}

.widget-plus:hover {
  transform: scale(1.1);
}

.content-bot {
  grid-column-gap: 40px;
  justify-content: space-between;
  display: flex;
}

.content-wrap-6 {
  display: flex;
}

.nav-bot-3 {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.card-top-5 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-logo-2 {
  border-bottom: 1px solid #ebedec;
  align-items: center;
  padding-bottom: 40px;
  display: flex;
}

.widgets-timer {
  grid-column-gap: 25px;
  justify-content: space-between;
  margin-bottom: 20px;
  display: flex;
}

.task-heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.dash-container {
  grid-template-rows: auto;
  grid-template-columns: 15% 60% 25%;
  grid-auto-columns: 1fr;
  min-height: 100vh;
  display: grid;
}

.mid-section {
  height: auto;
  max-height: 100vh;
  margin-left: 0%;
  overflow: auto;
}

.mid-content-wrap {
  width: 100%;
  max-width: 900px;
  height: 90%;
  max-height: 100vh;
  margin-left: 0;
  margin-right: auto;
  padding: 15px 15px 40px;
}

.sidenav-titles {
  font-size: 12px;
  font-weight: 500;
}

.main-dashboard-v2 {
  width: 100%;
  max-width: 1920px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.goal-icon {
  background-color: #0000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
}

.brand-centre {
  margin-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.navigation-split {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  display: flex;
}

.nav02 {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ffffff52;
  align-items: center;
  height: 90px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-link-mobile {
  color: #3f0a3d;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 15px;
  display: none;
}

.nav-link-mobile:hover {
  color: #02676b;
}

.logo-8 {
  width: 125px;
}

.nav-link-full {
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  border-bottom: 3px solid #0000;
  align-items: center;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 16px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  transition: all .35s;
  display: flex;
}

.nav-link-full:hover {
  border-bottom-color: var(--neon-green);
  color: var(--deon-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

.nav-menu-base {
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
}

.navigation-side {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.navbar-full {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.full_left {
  background-color: #c8c8c800;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: none;
  position: static;
}

.full-logo {
  padding-left: 0;
}

.line-break {
  background-color: #ddd;
  width: 1px;
  min-height: 25px;
  margin-left: 10px;
  margin-right: 10px;
}

.full-nav_link {
  color: var(--black-2);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.full-nav_link:hover {
  border-bottom: 1.5px solid var(--deon-green);
}

.full-center {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.uk_nav {
  z-index: 9000;
  background-color: #fff0;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.blognav-component {
  z-index: 99999;
  background-color: #fff;
  border-bottom: 1px #0000;
  align-items: center;
  width: 100%;
  min-height: 3.8rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
  top: 0;
}

.heading-168 {
  letter-spacing: -.03em;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.35em;
}

.heading-168.small {
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
}

.div-block-419 {
  height: 80px;
}

.button-95 {
  letter-spacing: 0;
  text-transform: none;
  background-color: #080808;
  border: 1px #0000002e;
  border-radius: 4.5em;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}

.button-95:hover {
  color: #000;
  background-color: #83e21a;
  font-weight: 400;
}

.search-button-5 {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #3898ec00;
  border-radius: 100px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-left: -12px;
  padding: 0 0 0 2px;
  font-size: 10px;
  display: none;
}

.nav-menu-11 {
  z-index: 97;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 35vw;
  padding-right: 10%;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
  transform: translate(-100%);
}

.stacked-intro-9 {
  grid-column-gap: 14px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: grid;
}

.stacked-intro-9.center {
  justify-items: center;
}

.search-icon-dark-2 {
  z-index: 25;
  background-color: #0000;
  border: 1px solid #3534345c;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 1px 1px 0;
  display: flex;
}

.menu-link-container-2 {
  color: #1d1d1d;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  display: flex;
}

.text-block-179 {
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.menu-link-text-3 {
  color: #1d1d1d;
  text-transform: uppercase;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 26px;
  font-style: italic;
  font-weight: 800;
  line-height: 48px;
  transition: opacity .2s;
}

.menu-link-text-3:hover {
  opacity: .65;
}

.full-nav_link-2 {
  color: #07090c;
  letter-spacing: 2px;
  text-transform: uppercase;
  height: auto;
  min-height: 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.full-nav_link-2:hover {
  color: var(--deon-green);
  border-bottom: 1.5px #6cba16;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 800;
}

.menu_login-btn-2 {
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #1d1d1d;
  border-radius: 4.6rem;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
}

.menu_login-btn-2:hover {
  background-color: #6cba16;
}

.search-base-5 {
  z-index: 5;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dropdown-search-list-3 {
  z-index: 10;
  background-color: #0000;
  flex: 0 auto;
  display: none;
  position: relative;
}

.dropdown-search-list-3.w--open {
  justify-content: flex-end;
}

.text-block-180 {
  color: #080808;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.div-block-420 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  display: flex;
}

.dropdown-search-4 {
  z-index: 25;
  outline-offset: 0px;
  border: 1px solid #ffffff40;
  border-radius: 100px;
  outline: 1px #fff3;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  min-width: 34px;
  min-height: 34px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.text-block-181 {
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.button-96 {
  color: #000;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 14px 23px;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: flex;
}

.button-96.dark {
  color: #fff;
  background-color: #080808;
  line-height: 1.5em;
}

.blognav-component-2 {
  z-index: 99999;
  background-color: #fff;
  border-bottom: 1px #0000;
  align-items: center;
  width: 100%;
  min-height: 3.8rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
  top: 0;
}

.navbar3_menu-3 {
  background-color: #c8c8c800;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: static;
}

.price-9 {
  color: #667479;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.price-9.large {
  font-size: 15px;
  font-weight: 400;
}

.mobile-menu-button-2 {
  display: none;
}

.text-block-182 {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.link-29 {
  color: #07090c;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.link-29:hover {
  border-bottom: 1.5px solid #6cba16;
}

.navbar3_link-3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding: .5rem 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
  display: none;
}

.navbar3_link-3.w--current {
  color: #111;
}

.search-toggle-3 {
  z-index: 25;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
}

.search-toggle-3.w--open {
  margin-left: -32px;
}

.navbar3_dropdown-list-4.w--open {
  background-color: #fff;
  border: 1px #000;
  border-bottom-right-radius: 10px;
  width: 300px;
  margin-left: 0;
  padding: 8px 0;
  position: absolute;
  box-shadow: 6px 10px 20px #00000026;
}

.navbar3_dropdown-link-4 {
  letter-spacing: 5px;
  text-transform: uppercase;
  padding: .5rem 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 600;
}

.navbar3_dropdown-link-4:hover {
  color: #7c1315;
  -webkit-text-fill-color: inherit;
  background-color: #f7f7f7;
  background-clip: border-box;
  font-weight: 800;
}

.navbar3_dropdown-link-4.w--current {
  color: #111;
}

.link-30 {
  color: #fff;
  letter-spacing: 5px;
  margin-left: 0;
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}

.checkout-button-2 {
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 100px;
  flex: 1;
  justify-content: center;
  min-height: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-style: italic;
  font-weight: 800;
  display: flex;
}

.checkout-button-2:hover {
  background-color: #6cba16;
}

.mobile-menu-button-dash-2 {
  display: none;
}

.search-9 {
  color: #fff;
  border: 1px #fff3;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  min-width: 100%;
  height: 32px;
  margin-bottom: 0;
  padding-right: 32px;
  font-size: 12px;
  display: flex;
  position: relative;
  inset: 0%;
}

.search-input-6 {
  color: #fff;
  background-color: #fff0;
  border: 1px #000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0 0 0 18px;
  font-size: 14px;
}

.search-input-6::placeholder {
  line-height: 1.2em;
}

.html-2 {
  position: absolute;
  inset: 0% auto auto 0%;
}

.outro-fade {
  z-index: 9999;
  background-color: #000;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.menu-drop-down {
  flex-flow: column;
  width: 100%;
  padding-top: 2.2rem;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.border-line {
  background-color: #f0f0f0;
  width: 100%;
  height: 2px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.border-line.sm {
  height: 1px;
}

.flex-menu {
  display: flex;
  position: relative;
}

.nav-bar {
  z-index: 99;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 3.4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.menu-bar {
  background-color: #fff;
  width: 1rem;
  height: 1px;
}

.primary-btn {
  z-index: 1;
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.2rem .7rem;
  font-size: .9rem;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.primary-btn.menu {
  border-bottom: 1px solid #fff3;
  border-left: 1px solid #fff3;
  border-right: 1px solid #fff3;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  padding: .6rem 0 .8rem .8rem;
}

.primary-btn.ghost {
  color: #fff;
  border: 1px solid #fff;
  flex-flow: row;
}

.menu-scroll-hide {
  width: 100%;
  height: auto;
  position: absolute;
  overflow: hidden;
}

.grid-main {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.tag-sm {
  text-transform: uppercase;
  border: 1px solid #fff3;
  padding: .6rem 1rem;
  font-size: .9rem;
  font-weight: 400;
  display: inline-block;
}

.tag-sm.nav {
  z-index: 1;
  position: relative;
}

.tag-sm.intro {
  color: var(--white);
}

.menu-parent {
  z-index: 2;
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  border: 1px solid #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  min-width: 2.2rem;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.menu-parent:hover {
  background-color: #ffffff1a;
}

.button-text-6 {
  padding-top: .2rem;
}

.button-text-6.text-white {
  color: #fff;
}

.btn-whipe {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.btn-whipe.bg-white {
  background-color: #fff;
}

.nav-flex {
  justify-content: space-between;
  display: flex;
}

.button-text-ab {
  padding-top: .2rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-text-ab.text-black {
  color: #161616;
}

.logo-9 {
  object-fit: cover;
  height: 1.1rem;
}

.div-hide {
  z-index: 1;
  color: var(--white);
  position: relative;
  overflow: hidden;
}

.div-hide.padding-btm {
  color: #f0f0f0;
  padding-bottom: .2rem;
  text-decoration: none;
}

.text-sm {
  opacity: .6;
  text-transform: uppercase;
  font-size: .9rem;
  transition: opacity .5s;
}

.text-sm:hover {
  opacity: 1;
}

.img-parent {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.img-parent.ab {
  border-radius: 20px;
  position: absolute;
}

.video-bg {
  z-index: 0;
  opacity: .7;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.title-name-intro {
  color: var(--white);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 7vw;
  font-style: normal;
  font-weight: 800;
  line-height: .75;
}

.info-col-parent {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 35%;
  margin-bottom: 15px;
  display: flex;
  overflow: hidden;
}

.col-left {
  background-color: #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  padding: 20px;
  transition: padding .8s cubic-bezier(.77, 0, .175, 1);
  display: block;
  position: absolute;
  left: 0;
}

.col-left:hover {
  padding: 20px;
}

.col-left-inner {
  border-radius: 20px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.background-content {
  z-index: 0;
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: flex;
  position: absolute;
}

.section-41 {
  z-index: 1;
  width: 100%;
  position: relative;
}

.section-41.split-col {
  background-color: #000;
  height: 100vh;
  display: flex;
  overflow: clip;
}

.col-content-parent {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 6rem 3rem 3.6rem;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.info-col-child {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 20rem;
  padding-top: 1rem;
  padding-bottom: .2rem;
  display: flex;
}

.col-right {
  background-color: #000;
  width: 50%;
  height: 100svh;
  transition: padding .8s cubic-bezier(.77, 0, .175, 1);
  position: absolute;
  right: 0;
}

.col-right:hover {
  padding: 4rem;
}

.span-text-out, .span-text-in {
  display: inline-block;
  overflow: hidden;
}

.span-text-in.six, .span-text-in.three {
  font-weight: 800;
}

.span-text-in.one {
  font-weight: 200;
  display: inline-block;
  overflow: hidden;
}

.span-text-in.four {
  font-weight: 200;
}

.span-text-in.two {
  font-weight: 800;
}

.span-text-in.five {
  font-weight: 200;
}

.intro-cover {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.img-child {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.img-child.flip {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
}

.parent {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.parent.class-type {
  display: block;
}

.span-text {
  display: inline-block;
}

.section-42 {
  z-index: 1;
  width: 100%;
  position: relative;
}

.section-42.split-col {
  background-color: #000;
  height: 100vh;
  display: flex;
  overflow: clip;
}

.paragraph-74 {
  color: var(--dark-outline);
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.div-hide-2 {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.div-hide-2.padding-btm {
  color: #f0f0f0;
  padding-bottom: .2rem;
  text-decoration: none;
}

.div-hide-3 {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.div-hide-3.padding-btm {
  color: #f0f0f0;
  padding-bottom: .2rem;
  text-decoration: none;
}

.heading-169 {
  color: var(--white);
  letter-spacing: -2px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 55px;
  font-style: italic;
  font-weight: 800;
}

.athlete-button {
  color: #fff;
  text-align: center;
  background-color: #5fbfc6;
  border: 1px solid #5fbfc6;
  border-radius: 60px;
  padding: .8125rem 1.5rem;
  font-weight: 700;
  transition: border-color .25s, color .25s, background-color .25s;
}

.athlete-button:hover {
  background-color: #07133b;
  border-color: #07133b;
}

.athlete-button.is-alternate {
  background-color: var(--deon-green);
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  border-style: none;
  border-color: #07133b;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.athlete-button.is-alternate:hover {
  background-color: var(--deon-green);
  border-color: #5fbfc6;
}

.heading_wrap {
  width: 64%;
}

.page-wrapper-23 {
  width: 100%;
  font-size: 1em;
  position: relative;
  overflow: hidden;
}

.split-lines {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.2em;
}

.html-3 {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.container-67 {
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
  padding: 51vh 8.3em;
  display: flex;
}

.underline-2 {
  background-color: #ffffff4d;
  width: 100%;
  height: 1px;
  margin-top: 8.9em;
  margin-bottom: 8.9em;
}

.heading-170, .heading-171 {
  padding-left: 10px;
}

.trusted-item-2 {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20vh;
  display: flex;
}

.trusted-item-2.last {
  margin-bottom: 0;
}

.heading-174 {
  letter-spacing: -1px;
  background-image: linear-gradient(149deg, #1b3254, #142a4a);
  line-height: 60px;
}

.container-68 {
  max-width: 1170px;
  margin: 0 auto 30px;
  padding: 0 1em 3rem;
}

.s1_athletes {
  background-color: var(--white);
  flex-direction: row;
  justify-content: center;
  min-height: 788px;
  max-height: 800px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.athlete_nav {
  z-index: 99999;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #ffffff24;
  border-bottom: 1px #0000;
  align-items: center;
  width: 100%;
  min-height: 3.8rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
  top: 0;
}

.section-43 {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  border-bottom: 1px solid #00000026;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.container-69 {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
}

.container-69.container-center {
  flex-flow: row;
  justify-content: center;
  font-family: Helvetica Neue, sans-serif;
  display: flex;
}

.title-wrapper-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  text-align: center;
  flex-direction: column;
  max-width: 60%;
  display: flex;
}

.hero-heading {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 55px;
  font-style: italic;
  font-weight: 800;
}

.hero-heading-span {
  color: var(--neon-green);
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 300;
}

.nav-link-9 {
  color: var(--black-2);
  border-bottom-style: none;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 700;
}

.button-97 {
  color: #02331d;
  background-color: #a1fc3d;
  border-radius: 50rem;
  padding: .75rem 1.45rem;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 400;
}

.nav_athletes_1 {
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.container-70 {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-left: 3rem;
  padding-right: 3rem;
}

.container-70.container-nav {
  background-color: #794646;
  position: fixed;
  inset: 2rem 0% auto;
}

.container-70.container-nav.container-nav-bottom {
  z-index: 1;
  padding-top: 0;
  position: static;
  inset: auto 0% 2rem;
}

.container-70.container-center {
  justify-content: center;
  display: flex;
}

.title-wrapper-3 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  text-align: center;
  flex-direction: column;
  max-width: 60ch;
  display: flex;
}

.hero-heading-2 {
  letter-spacing: -1.5px;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.nav-item {
  width: 100%;
}

.nav-item.nav-brand {
  letter-spacing: -1px;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.25rem;
  display: flex;
}

.nav-item.nav-menu-left {
  justify-content: flex-end;
  display: flex;
}

.section-44 {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  background-color: #0000;
  border-bottom: 1px solid #00000026;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.icon-21 {
  border-bottom-style: none;
}

.athletes_nav {
  z-index: 9999;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #ffffff12;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 3rem;
  display: none;
  position: fixed;
}

.athletes_nav.container-nav {
  background-color: #794646;
  position: fixed;
  inset: 2rem 0% auto;
}

.athletes_nav.container-nav.container-nav-bottom {
  inset: auto 0% 2rem;
}

.athletes_nav.container-center {
  justify-content: center;
  display: flex;
}

.container-71 {
  z-index: 1;
  max-width: 980px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-opening {
  color: #1f1f1f;
  text-align: center;
  letter-spacing: -.04em;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 72px;
  font-style: italic;
  font-weight: 800;
  line-height: 90px;
}

.sec1_athletes {
  width: 100vw;
  max-width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.sec1_athletes._1 {
  padding-top: 0;
  display: block;
  left: 0;
}

.paragraph-75 {
  letter-spacing: -1px;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.16em;
}

.paragraph-75.centered {
  text-align: center;
  letter-spacing: 8px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
}

.hero-3 {
  height: 85vh;
  margin-bottom: 35px;
  padding-top: 100px;
}

.image-64 {
  display: none;
}

.sticky-container {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 60px;
  left: 0;
  right: 0;
}

.hero-text-2 {
  z-index: 13;
  margin-top: 50px;
  padding-left: 100px;
  padding-right: 100px;
  position: absolute;
  inset: 0% 0% auto;
}

.grey-2 {
  color: #858585;
}

.sticky-wrapper-6 {
  width: 980px;
  height: 250vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.sticky-wrapper-6._1 {
  height: 250vh;
  display: block;
  left: 0;
}

.sticky-wrapper-6._2 {
  border-style: none;
  border-width: 1px;
  width: 100vw;
  height: 400vh;
  display: block;
  top: auto;
  left: 0;
}

.sticky-wrapper-6._1 {
  background-color: var(--white);
  border-style: none;
  border-width: 1px;
  height: 250vh;
}

.container-atl {
  z-index: 1;
  flex-flow: column;
  max-width: 100%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  display: flex;
  position: relative;
}

.feature-row-1 {
  border-bottom: 1px solid #e7e7e7;
  width: 250px;
  margin-top: 25px;
  padding-bottom: 25px;
}

.flex-horizontal-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.s2_athletes {
  width: 100vw;
  max-width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.s2_athletes._2 {
  border-bottom-style: none;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  padding-top: 13%;
  padding-bottom: 0;
  display: block;
  top: 0;
  bottom: auto;
  left: 0;
}

.sec-2-bg {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66bcdbd9b3d032eed47ef8be_rivalists%20performance%20health%20mobile%20app.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity .575s;
  position: relative;
  inset: 0%;
}

.small-text {
  font-family: Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.small-text.grey {
  color: #858585;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.container-72 {
  z-index: 1;
  max-width: 980px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.person-name-text {
  color: #1f1f1f;
  font-family: Helvetica Neue, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
  display: inline-block;
}

.s6_ipad-animation {
  background-color: var(--white);
  width: 100vw;
  max-width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.s6_ipad-animation.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.h1-9.centered {
  text-align: center;
}

.h1-9.centered.white {
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.grey-box {
  z-index: 1;
  background-color: #e7f5ff;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.person-wrapper {
  z-index: 1;
  opacity: 0;
  background-color: #fff;
  width: 70vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.paragraph-76 {
  letter-spacing: -1px;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.16em;
}

.paragraph-76.centered {
  text-align: center;
  font-weight: 500;
}

.paragraph-76.centered.white {
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 300;
}

.zoomed-mac {
  z-index: 5;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: none;
}

.quote {
  margin-top: 35%;
}

.zoom-image-2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66cca765b696ebcf489ccf56_iPad_Athletes-Health-App-Dashboard.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale(1.8);
}

.person {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c6b706198ef2857837a6ec_Man-running-with-weighted-vest_transparent1304.png"), radial-gradient(circle, #fff, #e7f5ff 39%);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  width: 100%;
  height: 100vh;
  margin-top: 0%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.person-profession {
  font-family: Helvetica Neue, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}

.person-name {
  color: #1f1f1f;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
  display: inline-block;
  position: absolute;
  inset: 40% auto 0% 15%;
}

.sticky-container-2 {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 60px;
}

.sticky-container-2._2 {
  border-style: none;
  border-width: 1px;
  width: auto;
  height: 65vh;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  top: 0;
  left: 0;
}

.container-73 {
  z-index: 1;
  max-width: 980px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.heading-175 {
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 300;
  line-height: 1.1em;
}

.container-74 {
  z-index: 1;
  max-width: 980px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.heading-176 {
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.s7_bottom {
  color: #080808;
  background-color: #fff;
  margin-top: 0;
  font-family: Generalsans, sans-serif;
  font-weight: 400;
  position: static;
  top: 0;
}

.animated-header-section {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  background-color: var(--white);
  border-bottom: 1px #00000026;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 65vh;
  min-height: 55vh;
  display: flex;
}

.hero-scroller {
  height: 300vh;
  position: relative;
}

.hero-title-5 {
  color: #fff;
  text-align: center;
  font-size: 30em;
}

.hero-title-5.is--black {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 15em;
  font-style: italic;
  font-weight: 800;
}

.container-75 {
  width: 100%;
  max-width: 100em;
}

.timeline-position {
  background-color: #c092d1;
  width: 100%;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline {
  z-index: 100;
  width: 1em;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.scroll-down-wrap {
  z-index: 10;
  opacity: .46;
  color: #fff;
  justify-content: flex-end;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 5vw;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.s0_hero-section {
  z-index: 1;
  background-color: #fcfcfc;
  border-radius: 0 0 40px 40px;
  justify-content: flex-start;
  align-items: center;
  height: 98vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.scroll-down-lottie {
  width: 30px;
  position: relative;
}

.stage-button-wrap {
  display: flex;
}

.stage-button-wrap.margin-top {
  perspective: 1000px;
  margin-top: 1rem;
}

.home-hero-header {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 5.5rem;
  font-style: normal;
  font-weight: 900;
  line-height: .9;
}

.home-hero-header.outline {
  color: #fff0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
}

.stage-btn-text {
  z-index: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-right: 14px;
  font-size: .7rem;
  font-weight: 600;
  position: relative;
}

.home-hero-text-wrap {
  z-index: 15;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: auto auto 5rem 5rem;
}

.thin-hero-header-2 {
  color: #dfdfdf;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1;
}

.hero-overlay {
  z-index: 1;
  background-color: #1f1f1f26;
  background-image: linear-gradient(90deg, #000000c2, #fff0);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.stage-btn-back {
  background-color: var(--deon-green);
  border-radius: 999em;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto -100%;
}

.stage-button {
  color: #fff;
  background-color: #0000;
  border: 1px solid #bdbdbd;
  border-radius: 999em;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 1.1em 3.1em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: all .2s ease-out;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: scale(1);
}

.button-text-item {
  justify-content: center;
  align-items: center;
  min-height: 1.875rem;
  display: flex;
}

.about-description {
  grid-column-gap: 1.1rem;
  grid-row-gap: 1.1rem;
  flex-direction: column;
  align-items: center;
  max-width: 30rem;
  display: flex;
}

.team-circles {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.section-team {
  background-color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 10px 0;
}

.page-padding-5 {
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
}

.team-avatar {
  z-index: 20;
  border-radius: 100%;
  width: 6rem;
  height: 6rem;
  position: relative;
  overflow: hidden;
}

.team-basic {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-intro {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 37rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.text-size-large-4 {
  font-family: Helvetica Neue, sans-serif;
  font-size: 1.2rem;
  line-height: 1.4;
}

.heading-large-2 {
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1.2;
}

.image-fill {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: scale(1.02);
}

.button-text-7 {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 1.875rem;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.underline-link-4 {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  color: #fff;
  border-bottom: 1px #1a1c24;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.underline-link-4.underline-link-dark {
  color: #000;
}

.container-large-8 {
  width: 100%;
  max-width: 96rem;
  margin-left: auto;
  margin-right: auto;
}

.icon-22 {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: .1rem;
  display: flex;
}

.icon-22.dark-icon-color {
  color: #000;
}

.special {
  font-style: italic;
  font-weight: 300;
  line-height: 1.1;
}

.page-padding-6 {
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
}

.text-size-large-5 {
  font-size: 1.5rem;
  line-height: 1.65;
}

.heading-large-3 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.2;
}

.icon-23 {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: .1rem;
  display: flex;
}

.icon-23.dark-icon-color {
  color: #000;
}

.text-size-large-6 {
  font-size: 1.5rem;
  line-height: 1.65;
}

.heading-large-4 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.2;
}

.icon-24 {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: .1rem;
  display: flex;
}

.icon-24.dark-icon-color {
  color: #000;
}

.faq-list {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  align-items: end;
  display: grid;
}

.section-faq {
  background-color: var(--white);
  margin-top: 0;
}

.text-size-regular-2 {
  font-family: Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
}

.faq-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.faq-intro {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  padding-bottom: 4.5rem;
  display: flex;
}

.faq-bottom-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .7fr;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  padding-left: 2.8rem;
  display: grid;
}

.intro-centered {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq-text {
  align-items: center;
  padding: 0 1rem 0 2rem;
  display: flex;
}

.faq-top {
  background-color: #fff;
  border: 1px solid #d3e5e9;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  padding: .8rem;
  display: flex;
}

.container-medium-2 {
  width: 100%;
  max-width: 68rem;
  margin-left: auto;
  margin-right: auto;
}

.text-size-large-7 {
  font-family: Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.65;
}

.banner-description {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  align-items: center;
  max-width: 32rem;
  display: flex;
}

.heading-large-5 {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1.2;
}

.faq-icon {
  background-color: #121316;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4.75rem;
  min-width: 4.75rem;
  height: 4.75rem;
  min-height: 4.75rem;
  display: flex;
}

.faq-bottom {
  overflow: hidden;
}

.lottie-icon {
  justify-content: center;
  align-items: center;
  width: 1.1rem;
  height: 1.1rem;
  display: flex;
}

.faq-item-2 {
  cursor: pointer;
  padding-left: 40px;
  padding-right: 40px;
}

.mobile-link {
  display: none;
}

.tab-content-holder {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.tab-wrapper {
  grid-column-gap: 30px;
  align-items: center;
  display: flex;
}

.tab-link-4 {
  cursor: pointer;
  background-color: #fff0;
  border: 1px solid #4b94ff00;
  border-radius: 12px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 24px 50px 24px 24px;
}

.tab-link-4:hover {
  color: #000;
  border-color: #e4e4e4;
}

.tab-link-4.w--current {
  background-color: #fff;
  border-color: #4b94ff;
  box-shadow: inset 1px 1px 10px #0000000d, 0 2px 5px #3d5cff1a;
}

.stacked-tab-holder {
  width: 100%;
}

.stacked-tab-holder._02 {
  z-index: 3;
  opacity: .7;
  position: absolute;
  transform: scale(.9)translate(76px);
}

.stacked-tab-holder._01 {
  z-index: 4;
  position: relative;
}

.stacked-tab-holder._03 {
  z-index: 2;
  opacity: .3;
  position: absolute;
  transform: scale(.8)translate(167px);
}

.stacked-tabs-container {
  z-index: 10;
  background-color: #fbfbfb00;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 520px;
  min-width: 520px;
  display: flex;
  position: relative;
}

.tab-paragraph {
  color: #858585;
  font-family: Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.stacked-tabs-content-holder {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.stacked-gradient {
  z-index: 9;
  background-image: linear-gradient(270deg, #fbfbfb00 13%, #fff 34%);
  width: 70vw;
  height: 120%;
  position: absolute;
  left: -50vw;
  right: auto;
}

.center-text {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-31:hover {
  color: #646464;
}

.tabs-wrapper {
  padding-top: 4em;
}

.stacked-tabs-pane-holder {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.stacked-tab-image {
  box-shadow: none;
  border: .7px #e8eaed;
  border-radius: 12px;
  width: 45%;
}

.section-stacked.overflow-hidden {
  display: block;
  overflow: hidden;
}

.container-76 {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
}

.stacked-tabs-holder {
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  display: flex;
}

.tab-circle {
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 70px;
  min-width: 70px;
  height: 70px;
  min-height: 70px;
  display: flex;
  box-shadow: 6px 6px 26px #65656542, inset -6px -6px 15px #7978781a;
}

.grid-8-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tab-title-3 {
  font-family: Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.tab-icon {
  width: 24px;
  height: 24px;
}

.grey-paragraph {
  color: #7f8090;
}

.heading-177 {
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.eyebrow_athletes {
  color: #858585;
  text-align: center;
  letter-spacing: 7px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.eyebrow_athletes.theme-1-text-c {
  letter-spacing: 4px;
  color: #6a6f74;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.animated-subtext {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: center;
  max-width: 50rem;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.animated-description {
  max-width: 30rem;
}

.animated-buttons {
  grid-column-gap: .5rem;
  justify-content: center;
  align-items: flex-start;
  max-width: 30rem;
  margin-top: 20px;
  display: flex;
}

.athlete-nav {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-effect-overflow-hidden {
  overflow: hidden;
}

.text-overlap-end {
  background-color: #000;
  height: 100%;
  position: absolute;
  inset: auto 0% -100%;
}

.text-effect-wrapper {
  background-color: #0000;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.text-effect-gradient {
  mix-blend-mode: darken;
  background-image: none;
  height: 260vh;
  position: absolute;
  inset: 0%;
}

.text-effect-inner {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.text-effect-text {
  color: #f5f5f7;
  font-size: 3.3em;
  font-weight: 600;
  line-height: 1.2em;
}

.text-effect-sticky-element {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.container-w3-2 {
  width: 100%;
  max-width: 58em;
  margin-left: auto;
  margin-right: auto;
}

.div-block-421 {
  display: flex;
}

.sticky-explainer {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Helvetica Neue, sans-serif;
  display: flex;
  position: sticky;
  top: 0;
}

.sticky-explainer.floatright {
  justify-content: flex-start;
  align-items: center;
  right: 0;
}

.toptext {
  color: #00000082;
}

.footer-flex-container-2 {
  text-align: left;
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}

.topbuttons {
  margin-top: 35px;
  display: flex;
  overflow: visible;
}

.topbutton {
  background-color: var(--button-black);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.image-65 {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer-image {
  object-fit: contain;
  object-position: 0% 50%;
}

.stickydiv {
  z-index: -99;
  object-fit: cover;
  background-color: #fff;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
}

.navbar-4 {
  background-color: #fff;
  width: 100%;
  position: sticky;
  top: 0;
}

.footer-link-3 {
  color: #444;
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
}

.footer-link-3:hover {
  text-decoration: underline;
}

.footer-6 {
  text-align: center;
  background-color: #f5f5f5;
  align-items: flex-start;
  margin-top: 75px;
  padding-top: 60px;
  padding-bottom: 40px;
}

.howtocolumn {
  margin-top: 36px;
}

.canvascontainer {
  background-color: #fff;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0%;
}

.topheading {
  color: #000;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  max-width: 460px;
  margin-top: 50%;
  margin-bottom: 8px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

.topheading.first {
  color: #000;
  text-align: center;
  letter-spacing: -2px;
  text-transform: uppercase;
  max-width: 700vw;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 72px;
  font-style: italic;
  font-weight: 800;
  line-height: 74px;
}

.brand-2 {
  margin-top: 12px;
  margin-bottom: auto;
  display: inline-block;
}

.athletes-hero {
  background-color: #fff0;
  display: block;
}

.app {
  margin-top: 133px;
}

.rotatosection {
  z-index: -1;
  background-color: #fff;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 3500px;
  display: block;
  position: relative;
}

.lottie-animation-8 {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.bignumber {
  color: #fff;
  text-align: center;
  border-radius: 20px;
  flex: 0 auto;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 5ch;
  line-height: 100%;
}

.siteheading {
  text-align: center;
  font-size: 90px;
  line-height: 90px;
}

.siteheading.h2 {
  flex-direction: row;
  font-size: 60px;
  line-height: 60px;
  display: flex;
}

.bignumbercontainer {
  background-color: #000;
  border-radius: 200px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.container-3 {
  display: block;
}

.floatingsection {
  flex-direction: column;
  align-items: center;
  margin-top: 25vh;
  display: flex;
}

.floatingsection.first {
  margin-top: auto;
}

.floatingsection.float2 {
  z-index: 101;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 1500px;
  margin-top: 100vh;
  margin-left: 80%;
  margin-right: 10%;
  font-family: Helvetica Neue, sans-serif;
  position: relative;
}

.headlinesection {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 500vh;
  display: block;
  position: absolute;
}

.footer-heading {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}

.footer-logo-link-2 {
  flex: 0 auto;
  min-width: 60px;
  max-height: 60px;
}

.container-77 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-77.sidebyside {
  flex-flow: column;
  flex: 0 auto;
  align-items: stretch;
  display: block;
}

.div-block-422 {
  z-index: -10;
  background-color: #fff;
  width: 100%;
  height: 80px;
  margin-top: -62px;
  position: static;
  inset: auto 0% 0%;
}

.image-66 {
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

.floattext {
  color: #858585;
  text-align: left;
  align-items: stretch;
  min-width: auto;
  max-width: none;
  margin-bottom: 20px;
  padding-right: 75px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16.5px;
  font-weight: 500;
  display: block;
}

.container-78 {
  z-index: 1;
  max-width: 980px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-opening-2 {
  color: #1f1f1f;
  text-align: center;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 72px;
  font-style: italic;
  font-weight: 800;
  line-height: 75px;
}

.section-45 {
  width: 100vw;
  max-width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.section-45._1 {
  background-color: var(--white);
  border-style: none;
  border-width: 1px;
  padding-top: 0;
  display: none;
  top: 100px;
  left: 0;
}

.paragraph-77 {
  letter-spacing: -1px;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.16em;
}

.paragraph-77.centered {
  text-align: center;
  font-weight: 500;
  display: block;
}

.image-67 {
  display: none;
}

.sticky-container-3 {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 60px;
}

.timeline-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grey-line {
  background-color: #ffffff26;
  width: 2px;
  height: 82%;
  position: relative;
}

.white-line {
  background-color: #fff;
  width: 2px;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.container-79 {
  width: 90vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.timeline_quote {
  color: #fff;
  margin-bottom: 16px;
  font-size: 14px;
}

.timeline_centre {
  justify-content: center;
  display: flex;
}

.inline-block {
  display: inline-block;
}

.timeline_date-text {
  color: var(--black-2);
  letter-spacing: -.03em;
  font-family: Helvetica Neue, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  position: sticky;
  top: 50vh;
}

.overlay-fade-bottom {
  background-image: linear-gradient(0deg, var(--white), #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.text-colour-lightgrey {
  color: #ffffffa6;
}

.timeline_quote-text-wrapper {
  flex: 1;
}

.timeline_link {
  opacity: .6;
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 8px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.timeline_link:hover {
  opacity: 1;
}

.margin-bottom-medium {
  margin-bottom: 32px;
}

.timeline_quote-wrapper {
  border: 2px solid #fff;
  border-radius: 16px;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.overlay-fade-top {
  background-image: linear-gradient(180deg, var(--white) 11%, #0a0a0a00);
  height: 80px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline_text {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.link-icon-2 {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

.timeline_image-wrapper {
  background-image: none;
  background-position: 0 0;
  border-radius: 12px;
  overflow: hidden;
}

.timeline_progress-bar {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(180deg, var(--neon-green), var(--deon-green) 0%, var(--neon-green) 66%);
  width: 3px;
  height: 50vh;
  position: fixed;
  inset: 0 auto 50vh;
}

.text-colour-white {
  color: #fff;
}

.timeline_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.timeline_badge {
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #ffffff26;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: inline-block;
}

.timeline_quote-image {
  border-radius: 8px;
  width: 48px;
  height: 48px;
  margin-right: 24px;
}

.timeline_quote-title {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.timeline_circle {
  box-shadow: 0 0 4px 2px var(--deon-green);
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: sticky;
  top: 50vh;
}

.timeline_left {
  color: var(--black-2);
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
}

.margin-bottom-xlarge {
  margin-bottom: 56px;
}

.timeline_definition-wrapper {
  background-color: #ffffff0d;
  border-radius: 16px;
  padding: 16px;
}

.timeline_item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 180px 1fr;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
  position: relative;
}

.timeline_progress {
  z-index: -2;
  background-color: #f0f0f0;
  width: 3px;
  height: 100%;
  position: absolute;
}

.s5_timeline {
  z-index: -3;
  color: var(--white);
  background-color: #fff0;
  position: relative;
}

.timeline_milestone-badge {
  color: #161616;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 24px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 12px;
  display: inline-block;
}

.floatingsection-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 25vh;
  display: flex;
}

.floatingsection-left.first {
  margin-top: auto;
}

.floatingsection-left.float2 {
  z-index: 101;
  text-align: right;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 1500px;
  margin-top: 100vh;
  margin-left: 0%;
  margin-right: 71%;
  font-family: Helvetica Neue, sans-serif;
  display: block;
  position: static;
}

.floatingsection-right {
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: 0%;
  margin-right: 0%;
  display: flex;
}

.topheading-copy {
  color: #000;
  text-align: right;
  letter-spacing: 0;
  text-transform: none;
  max-width: 460px;
  margin-top: 50%;
  margin-bottom: 6px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

.topheading-copy.first {
  color: #000;
  text-align: center;
  letter-spacing: -6px;
  max-width: 700px;
  margin-top: 9vh;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 100px;
  font-style: italic;
  font-weight: 800;
  line-height: 110px;
}

.floattext-copy {
  color: #858585;
  text-align: right;
  min-width: auto;
  max-width: none;
  margin-bottom: 40px;
  padding-left: 75px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16.5px;
  font-weight: 500;
  overflow: hidden;
}

.sticky-explainer-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 30%;
  margin-left: 20px;
  padding-left: 10px;
  font-family: Helvetica Neue, sans-serif;
  display: flex;
  position: sticky;
  top: 0;
}

.sticky-explainer-copy.floatright {
  justify-content: flex-start;
  align-items: center;
  right: 0;
}

.sticky-explainer-right {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  margin-right: 20px;
  font-family: Helvetica Neue, sans-serif;
  display: flex;
  position: sticky;
  top: 0;
}

.sticky-explainer-right.floatright {
  justify-content: flex-start;
  align-items: center;
  right: 0;
}

.lottie-animation-11 {
  width: auto;
}

.gradient-wrapper {
  z-index: -1;
  filter: blur(160px);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #0000;
  min-height: 90vh;
  position: absolute;
  inset: 0%;
}

.circle-7 {
  background-color: #fe3218;
  border-radius: 50%;
  width: 50vw;
  height: 80vh;
  position: absolute;
  inset: 0% 0% auto auto;
}

.circle-7._1 {
  background-color: #30333c;
  top: -25%;
  left: 1%;
}

.circle-7._2 {
  background-color: var(--underline-title);
  inset: -25% -10% auto auto;
}

.circle-7._4 {
  background-color: #e96119;
  inset: auto -10% -25% auto;
}

.circle-7._3 {
  background-color: var(--nike-navy);
  inset: auto auto -39% -4%;
}

.gradient-wrapper-2 {
  z-index: -1;
  filter: blur(160px);
  min-height: 90vh;
  position: absolute;
  inset: 0%;
}

.circle-8 {
  background-color: #fe3218;
  border-radius: 50%;
  width: 50vw;
  height: 80vh;
  position: absolute;
  inset: 0% 0% auto auto;
}

.circle-8._1 {
  top: -25%;
  left: 1%;
}

.circle-8._2 {
  background-color: #ff911a;
  inset: -25% -10% auto auto;
}

.circle-8._4 {
  background-color: #450eff;
  inset: auto -10% -25% auto;
}

.circle-8._3 {
  background-color: #e100f5;
  inset: auto auto -39% -4%;
}

.zoom-image-1 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66be334e60f73ea423740e1c_men%20running%20stairs_performance%20health.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale(1.8);
}

.scene---extra, .scene---trigger {
  height: 100dvh;
}

.stage---item {
  border-radius: .25rem;
  width: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  overflow: hidden;
}

.stage---item.x-02 {
  transform-style: preserve-3d;
  border-radius: 1.5rem;
  left: auto;
  right: 75%;
  transform: translate3d(0, 0, -100rem);
}

.stage---item.x-01 {
  transform-style: preserve-3d;
  border-radius: 1.5rem;
  left: 75%;
  right: auto;
  transform: translate3d(0, 0, -50rem);
}

.stage---item.x-00 {
  border-radius: 1.5rem;
  left: auto;
  right: 75%;
}

.stage---item.x-04 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 600px;
  height: 600px;
  padding: 10px;
  font-family: Oswald, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  left: 50%;
  overflow: visible;
  transform: translate3d(-50%, 0, -250rem);
}

.stage---item.x-03 {
  transform-style: preserve-3d;
  border-radius: 1.5rem;
  left: 75%;
  right: auto;
  transform: translate3d(0, 0, -150rem);
}

.stage {
  z-index: 0;
  transform-style: preserve-3d;
  width: 20rem;
  height: 20rem;
  position: relative;
  transform: translate3d(0, 0, 1px);
}

.s4_3d-athletes {
  z-index: 3;
  background-color: var(--white);
  position: static;
}

.stage---item-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.scene---sticky {
  perspective: 24rem;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  padding-bottom: 0;
  display: flex;
  position: sticky;
  top: 0%;
  overflow: hidden;
  transform: none;
}

.scene {
  overflow: visible;
}

.text-block-183 {
  color: var(--button-black);
  font-family: Montserrat, sans-serif;
  font-size: 4.5rem;
  font-style: italic;
  font-weight: 800;
}

.about-content-block {
  color: #fff;
  text-align: center;
  letter-spacing: -.32px;
  line-height: 1;
}

.about-content-block.smaller {
  text-align: left;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 60px;
  line-height: 1.25;
}

.split-word {
  color: var(--black);
  font-family: Helvetica Neue, sans-serif;
  font-size: 65px;
  font-weight: 300;
  line-height: 67px;
}

.service-button {
  color: #fff;
  text-transform: uppercase;
  background-color: #4112fe;
  border-radius: 65px;
  justify-content: center;
  align-items: center;
  margin-top: 48px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.service-button.cta-button {
  background-color: #0000;
  border: 1px solid #ffffff40;
  border-radius: 5px;
  margin-top: 5px;
  margin-left: auto;
}

.text-span-9 {
  letter-spacing: 0;
}

.text-50-athletes {
  font-family: Helvetica Neue, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 22px;
}

.text-50-athletes.theme-1-text-c {
  color: #292929;
  text-align: center;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
}

.image-sequences {
  position: sticky;
  top: 0;
  overflow: hidden;
}

.lottie-animation-12 {
  z-index: 11;
  opacity: 0;
  width: 100%;
  max-width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.lottie-animation-13 {
  z-index: 9;
  opacity: 0;
  width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.scroll-sequence {
  width: 100%;
  height: 2290vh;
  margin-top: 0;
  position: absolute;
  top: 0;
}

.sequence-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.lottie-animation-14 {
  z-index: 8;
  opacity: 0;
  width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.lottie-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 52px;
  display: flex;
  position: relative;
}

.lottie-animation-15 {
  z-index: 7;
  opacity: 1;
  width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.lottie-animation-16 {
  z-index: 6;
  opacity: 0;
  width: 100%;
  position: absolute;
}

.lottie-animation-17 {
  z-index: 10;
  width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.athletes-nav {
  z-index: 9000;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0808080f;
  border-bottom: 1px #2c2c2c;
  width: 100%;
  height: 52px;
  margin-top: 0;
  padding-top: 0;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.container-80 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.iphone-nav-content {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.iphone-nav-title {
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  text-decoration: none;
}

.link-32 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-left: 24px;
  font-family: Montserrat, sans-serif;
  font-size: 10.5px;
  font-weight: 500;
  text-decoration: none;
}

.link-32:hover {
  color: var(--deon-green);
  font-weight: 700;
}

.buy-button {
  background-color: var(--deon-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 12px;
  margin-left: 24px;
  padding: 4px 11px;
  font-family: Montserrat, sans-serif;
  font-size: 10.5px;
  font-weight: 500;
}

.container-81 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.nav-link-10 {
  color: #fff;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.nav-link-10.logo {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66bf7e92f30bac47fb8b7ac3_apple-logo.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px 44px;
}

.nav-link-10.logo1 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66bf7e92f30bac47fb8b7abf_bag.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 44px;
}

.nav-9 {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0000000d;
  width: 100%;
  height: 44px;
  max-height: 44px;
  margin-top: 0;
  position: relative;
}

.mobile-burger-line {
  background-color: #fff;
  width: 60%;
  height: 1px;
}

.nav-menu-12 {
  justify-content: space-between;
  align-items: center;
  height: 44px;
  max-height: 44px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.mobile-burger {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-top: 7px;
  padding-bottom: 7px;
  display: none;
}

.hero-bullet-points {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.hero-bullet-points._2, .hero-bullet-points._1, .hero-bullet-points._4, .hero-bullet-points._3 {
  opacity: 0;
  position: absolute;
}

.hero-4 {
  padding-bottom: 0;
  position: relative;
  top: 0;
}

.hero-text-3 {
  width: 100%;
  padding-bottom: 200px;
}

.paragraph-78 {
  color: #fff;
  text-align: center;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.07;
}

.hero-scroll-container {
  height: 200vh;
  position: relative;
}

.hero-headline {
  color: #fff;
  text-align: center;
  letter-spacing: -.15px;
  margin-top: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 125px;
  font-style: italic;
  font-weight: 800;
  line-height: .667;
}

.text-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 980px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.watch-the-film {
  color: #fff;
  text-align: center;
  margin-top: 50px;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.17;
}

.sticky-container-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 980px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.image-68 {
  width: 100px;
}

.container-82 {
  perspective: 600px;
  flex-wrap: nowrap;
  place-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0%;
}

.div-block-423 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c0ad0c012b87214c7c2a50_rivalists%20mobile%20app_vital%20stats.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 190px;
  height: 250px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  box-shadow: 0 0 13px #0000001a;
}

.lottie-animation-18 {
  z-index: 11;
  opacity: 0;
  width: 100%;
  max-width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.lottie-animation-19 {
  z-index: 9;
  opacity: 0;
  width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.scroll-sequence-2 {
  width: 100%;
  height: 2290vh;
  margin-top: 150px;
  position: absolute;
  top: 0;
}

.lottie-animation-20 {
  z-index: 8;
  opacity: 0;
  width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.lottie-animation-21 {
  z-index: 7;
  opacity: 1;
  width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.lottie-animation-22 {
  z-index: 6;
  opacity: 0;
  width: 100%;
  position: absolute;
}

.lottie-animation-23 {
  z-index: 10;
  width: 1458px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.hero-5 {
  padding-bottom: 0;
  position: relative;
}

.paragraph-79 {
  color: #fff;
  text-align: center;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.07;
}

.hero-headline-2 {
  color: #fff;
  text-align: center;
  letter-spacing: -.15px;
  font-size: 150px;
  line-height: .667;
}

.watch-the-film-2 {
  color: #fff;
  text-align: center;
  margin-top: 50px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.17;
}

.section-headline {
  color: #fff;
  font-size: 96px;
  line-height: .87;
}

.comfort-intro-text-wrapper {
  opacity: 0;
  width: 100%;
  padding-top: 50vh;
  padding-bottom: 0;
  display: block;
  position: absolute;
}

.comfort-scroll-container {
  height: 685vh;
  padding-bottom: 0;
  position: relative;
}

.comfort-tips {
  opacity: 0;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 0;
  display: flex;
  position: absolute;
}

.paragraph1 {
  color: #fff;
  letter-spacing: .004em;
  max-width: 33.33%;
  margin-left: 91px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.18;
}

.comfort-tip-text {
  opacity: 0;
  width: 100%;
  padding-bottom: 50px;
  position: absolute;
}

.choose-size {
  opacity: 0;
  width: 100%;
  padding-top: 460px;
  position: absolute;
}

.stikcy-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 980px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
}

.comfort {
  margin-top: 50vh;
  margin-bottom: -70vh;
  position: relative;
}

.tip {
  color: #fff;
  letter-spacing: .004em;
  width: 175px;
  margin-bottom: 0;
  margin-left: 91px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

.tip.small {
  width: auto;
  margin-left: 0;
}

.tip.medium {
  width: 173px;
  margin-left: 0;
}

.paragraph-80 {
  color: #fff;
  width: 35%;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.comfort-heading-wrapper {
  opacity: 0;
  text-align: center;
  width: 100%;
  position: absolute;
}

.section-eyebrow {
  color: #fff;
  text-align: center;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.19;
}

.anc-intro-paragraph-text {
  color: #fff;
  margin-left: 58%;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
}

.anc-bullets {
  color: #b7b7b7;
  max-width: 35%;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
}

.anc-bullets.anc-bullets-right {
  margin-left: 65%;
}

.anc-intro-paragraph {
  opacity: 0;
  width: 100%;
  padding-top: 50vh;
  position: absolute;
}

.anc-internal-mic {
  opacity: 0;
  width: 100%;
  padding-bottom: 350px;
  position: absolute;
}

.anc-external-mic {
  opacity: 0;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 0;
  position: absolute;
}

.anc-container {
  height: 1005vh;
  position: relative;
}

.section-heading {
  color: #fff;
  text-align: center;
  font-size: 96px;
  line-height: .9;
}

.anc-external-sound {
  opacity: 0;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 0;
  position: absolute;
}

.paragraph-3 {
  color: #fff;
  width: 41.6%;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.18;
}

.anc {
  opacity: 1;
  margin-bottom: -18vh;
  position: relative;
}

.white-3 {
  color: #fff;
}

.green-2 {
  color: #02cc01;
}

.anc-intro {
  opacity: 0;
  width: 100%;
  position: absolute;
}

.anc-continously {
  opacity: 0;
  width: 100%;
  padding-top: 275px;
  position: absolute;
}

.heading-178 {
  z-index: 10;
  text-align: center;
}

.anc-paragraph-right {
  color: #fff;
  margin-left: 65%;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.18;
}

.anc-transparency {
  width: 100%;
  padding-top: 200px;
  position: absolute;
}

.white-overlay {
  z-index: 2147483647;
  opacity: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
}

.image-69 {
  float: right;
  width: 40%;
  max-width: 80%;
  margin-right: 58px;
  padding-top: 272px;
  padding-right: 61px;
  display: block;
}

.lottie-animation-24 {
  width: 100%;
}

.s2_iphone {
  background-color: #fff0;
  display: block;
}

.headline-text {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 500vh;
  display: block;
  position: absolute;
}

.lottie-section {
  z-index: -1;
  background-color: #fff;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 3500px;
  display: block;
  position: relative;
}

.sticky-box {
  z-index: -99;
  object-fit: cover;
  background-color: #fff;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
}

.lottie_container-1 {
  background-color: #fff;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0%;
}

.ios-app-lottie {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.s1_intro-text {
  z-index: 2;
  background-color: var(--white);
  margin-top: 0;
  padding-top: 180px;
  padding-bottom: 40px;
  position: static;
}

.video-card-1-body-container-copy, .main-header-container {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-direction: column;
  align-items: center;
  max-width: 50rem;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mainheadereyebrow {
  color: #858585;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.mainheadereyebrow.theme-1-text-c {
  letter-spacing: 3px;
  color: #6a6f74;
  font-weight: 500;
}

.notify-button {
  grid-column-gap: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 15px 24px;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.notify-button.is--sm {
  min-height: 40px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  text-decoration: none;
}

.notify-button.is--sm.is--tight {
  min-height: auto;
  padding: 0;
}

.mainheading_h1 {
  color: var(--black-2);
  letter-spacing: -.018em;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 35px;
  font-weight: 300;
  line-height: 37px;
}

.mainheading_h1.theme-1-text-a {
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1em;
  text-decoration: none;
}

.notify-button-box {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-flow: column;
  align-items: stretch;
  max-width: 30rem;
  margin-top: 20px;
  display: flex;
}

.demo-p.arrow {
  text-align: left;
  margin-bottom: 10px;
  font-size: 19px;
  position: static;
  inset: 0% auto auto 0%;
}

.image-70 {
  margin-top: 0;
  margin-right: 0;
  position: relative;
}

.d-77-circle-1 {
  background-color: #4d16dd33;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
}

.d-77-lightbox-link {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.browser-demo {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 700px;
  max-width: 1440px;
  height: 450px;
  padding-top: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.d-77-button-gradient {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c2163a788daf3798646852_image-4.jpg");
  background-position: 50%;
  background-size: contain;
  width: 300%;
  position: absolute;
  inset: 0%;
}

.d-77-rotating-icons-wrapper {
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  display: flex;
  position: absolute;
}

.d-77-ecommerce-icon {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c21639788daf379864683b_ecommerce-icon-7.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  position: absolute;
  transform: rotate(0);
}

.d-77-ecommerce-icon._6 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c21639788daf3798646824_ecommerce-icon-12.svg");
  background-size: contain;
  transform: none;
}

.d-77-ecommerce-icon._2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c21639788daf37986467df_ecommerce-icon-4.svg");
  background-size: contain;
}

.d-77-ecommerce-icon._8 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c21639788daf379864679c_ecommerce-icon-5.svg");
  background-size: contain;
}

.d-77-ecommerce-icon._4 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c21639788daf3798646830_ecommerce-icon-11.svg");
  background-size: contain;
  transform: none;
}

.d-77-ecommerce-icon._7 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c21639788daf3798646849_ecommerce-icon-10.svg");
  background-size: contain;
}

.d-77-ecommerce-icon._1 {
  background-size: contain;
  transform: none;
}

.d-77-ecommerce-icon._3 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c21639788daf37986467b5_ecommerce-icon-1.svg");
  background-size: cover;
}

.d-77-ecommerce-icon._5 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c21639788daf37986467bc_ecommerce-icon-15.svg");
  background-size: cover;
}

.instructions-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: auto;
  margin-left: -20px;
  display: none;
  position: absolute;
  inset: -100px auto auto;
}

.demo-wrapper {
  flex-flow: row-reverse;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.demo-container {
  background-color: #1a1a1a00;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.d-77-circle-2 {
  background-color: #4d16dd1a;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  position: absolute;
}

.d-77-button-wrapper {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-71 {
  margin-top: 0;
  margin-right: 0;
  position: relative;
}

.d-4-cross-horizontal {
  background-color: #ffaff9;
  width: 1px;
  height: 100%;
  transform: rotate(90deg);
}

.instructions-wrapper-2 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  display: none;
  position: relative;
  inset: 0% auto auto 0%;
}

.d-4-cross-vertical {
  background-color: #ffaff9;
  width: 1px;
  height: 100%;
}

.demo-container-2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c24f5f28e6153e8ef4aff6_background.svg"), linear-gradient(#1a1a1a, #1a1a1a);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.d-4-planet {
  z-index: 10;
  filter: none;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c2163a788daf3798646852_image-4.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 5px #fff;
  border-radius: 300px;
  width: 50px;
  height: 50px;
  margin-top: 30px;
  margin-left: 0;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.d-4-sun {
  background-color: #ffaff900;
  border-radius: 100px;
  width: 50%;
  height: 50%;
  position: absolute;
}

.demo-wrapper-2 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.d-4-solar-system-wrapper {
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.d-4-circle {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c24f5f28e6153e8ef4aff1_Oval.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 250px;
  height: 250px;
  margin: 0;
  display: block;
  position: relative;
  inset: 0;
}

.d-4-circle.inner {
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: block;
  position: absolute;
  inset: auto;
}

.d-4-cross-wrapper {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: 0;
  margin-left: -70px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.d-4-cross-wrapper.second {
  margin-left: 0;
  margin-right: -70px;
  inset: auto 0 0 auto;
}

.d-4-planet-2 {
  z-index: 10;
  filter: none;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c2163a788daf3798646852_image-4.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 5px #fff;
  border-radius: 300px;
  width: 50px;
  height: 50px;
  margin-top: 30px;
  margin-left: -23px;
  margin-right: 0;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.image-72 {
  margin-top: 0;
  margin-right: 0;
  position: relative;
}

.instructions-wrapper-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: auto;
  margin-left: -20px;
  display: none;
  position: absolute;
  inset: -100px auto auto;
}

.demo-wrapper-3 {
  flex-flow: row-reverse;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.image-73 {
  margin-top: 0;
  margin-right: 0;
  position: relative;
}

.demo-container-3 {
  background-color: #1a1a1a00;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-74 {
  margin-top: 0;
  margin-right: 0;
  position: relative;
}

.d-77-section-home {
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.demo-container-4 {
  background-color: #1a1a1a00;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.circle-wrapper {
  justify-content: center;
  align-items: center;
  width: 600px;
  height: 600px;
  display: flex;
  position: relative;
}

.circle-9 {
  background-color: #18004700;
  border: 1px solid #f5f5f5;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.circle-9.middle {
  background-color: #1b005000;
  background-image: none;
  border-color: #f0f0f0;
  width: 75%;
  height: 75%;
  inset: auto;
  overflow: visible;
}

.circle-9.center {
  background-color: #1f005d00;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c24bdbd28816bd56de32d2_user%20avatar.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-style: none;
  width: 50%;
  height: 50%;
  inset: auto;
}

.person-wrapper-2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: -5% 0%;
}

.person-wrapper-2.halign {
  flex-flow: row;
}

.image-75 {
  border: 1px #6702ff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

.image-75.ds {
  box-shadow: 1px 2px 20px -4px #0003;
}

.section-46 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 140px;
  padding-bottom: 140px;
  display: none;
}

.athlete-user {
  background-color: #18004700;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.athlete-user.middle {
  background-color: #1b005000;
  border-color: #b9b9b9;
  width: 75%;
  height: 75%;
  inset: auto;
  overflow: visible;
}

.athlete-user.center {
  background-color: #1f005d00;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c24bdbd28816bd56de32d2_user%20avatar.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-style: none;
  width: 50%;
  height: 50%;
  inset: auto;
}

.floatingsection-left-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 25vh;
  display: flex;
}

.floatingsection-left-2.first {
  margin-top: auto;
}

.floatingsection-left-2.float2 {
  z-index: 101;
  text-align: right;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 1500px;
  margin-top: 100vh;
  margin-left: 0%;
  margin-right: 71%;
  font-family: Helvetica Neue, sans-serif;
  display: block;
  position: static;
}

.floatingsection-right-2 {
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: 0%;
  margin-right: 0%;
  display: flex;
}

.floattext-2 {
  color: #8e8e8e;
  text-align: center;
}

.topbuttons-2 {
  margin-top: 12px;
  display: flex;
  overflow: visible;
}

.headeliners {
  flex-direction: column;
  align-items: center;
  margin-top: 25vh;
  display: flex;
}

.headeliners.float2 {
  z-index: 101;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  height: 200vh;
  margin-top: 667px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.topheading-2 {
  color: #000;
  text-align: center;
  max-width: 690px;
  font-size: 70px;
  line-height: 70px;
}

.topheading-2.first {
  color: #000;
  text-align: center;
  font-size: 120px;
  line-height: 120px;
}

.section-headliner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 500vh;
  display: flex;
  position: sticky;
}

.topbutton-2 {
  border-radius: 20px;
  margin-left: 10px;
  margin-right: 10px;
}

.sticky-explainer-2 {
  position: sticky;
  top: 20%;
}

.toptext-2 {
  color: #ffffff82;
}

.rotatosection-2 {
  z-index: -100;
  object-fit: cover;
  background-color: #0000;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 800vh;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.s_headliners {
  background-color: #fff;
}

.stickydiv-2 {
  z-index: -99;
  object-fit: cover;
  background-color: #a1a1a1;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 0;
}

.s3_explainers {
  background-color: #fff;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.main-header-container-sticky {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-direction: column;
  align-items: center;
  max-width: 50rem;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
}

.hero-bullet-points-2 {
  opacity: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.hero-bullet-points-2._2 {
  background-color: #fff0;
  border-style: none;
  border-width: 1px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  top: auto;
  left: auto;
}

.hero-bullet-text {
  color: var(--black-2);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-bottom: 1px #000;
  font-family: Helvetica Neue, sans-serif;
  font-size: 45px;
  font-weight: 300;
  line-height: 1.0625;
}

.hero-headline-3 {
  color: #f5f5f7;
  text-align: center;
  letter-spacing: -.15px;
  font-size: 150px;
  line-height: .667;
}

.watch-the-film-3 {
  color: #fff;
  text-align: center;
  margin-top: 50px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.17;
}

.hero-6 {
  position: relative;
}

.sticky-container-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 980px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.heading-17 {
  letter-spacing: -1px;
  line-height: 68px;
}

.cloneable-container-default-2 {
  background-color: #f7f7fb;
  border-radius: 20px;
  min-height: 624px;
  padding-top: 132px;
  padding-bottom: 132px;
  display: block;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.paragraph-81.dummy-paragraph {
  color: #a0a3bd;
  margin-bottom: 32px;
}

.dummy-hero-button---brix-2 {
  color: #6f6c90;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #d9dbe9;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  max-width: 260px;
  padding: 20px 40px 21px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px #0000000a;
}

.dummy-hero-button---brix-2:hover {
  transform: scale3d(1, 1, .01)translate(0, -2px);
  box-shadow: 0 4px 10px #00000014;
}

.column-16 {
  justify-content: flex-end;
  width: 100%;
  margin-left: 40px;
  display: flex;
}

.cloneable-header {
  background-color: #fff;
  border-radius: 18px;
  margin-bottom: 44px;
  padding: 24px 32px;
  box-shadow: 0 3px 14px #4a3aff08, 0 -2px 4px #14142b05, 0 12px 24px #14142b03;
}

.heading-size-3 {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 28px;
}

.paragraph-82.dummy-paragraph {
  color: #a0a3bd;
  margin-bottom: 32px;
}

.column-17 {
  justify-content: flex-end;
  width: 100%;
  margin-left: 40px;
  display: flex;
}

.container-default-3 {
  flex: 1;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.section-47 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.section-47.cloneables-listing {
  padding-top: 0;
  padding-bottom: 140px;
}

.button-secondary {
  color: #4a3aff;
  text-align: center;
  background-color: #f3f1ff;
  border-radius: 80px;
  padding: 15px 48px;
  line-height: 20px;
  transition: color .3s, background-color .3s;
}

.button-secondary:hover {
  color: #fff;
  background-color: #4a3aff;
}

.button-secondary.cloneable-header-button {
  padding-left: 22px;
  padding-right: 22px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.cloneable-header-grid {
  grid-column-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1.6fr 1fr;
  align-items: center;
}

.beta-user-access {
  color: var(--body-display);
  text-align: center;
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 13.5px;
  font-style: normal;
  font-weight: 400;
}

.cta-dark {
  text-align: center;
  background-color: #e40048;
  border: 2px solid #e40048;
  border-radius: 4px;
  width: 100%;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  transition: all .2s;
}

.cta-dark:hover {
  background-color: #c90040;
  border-color: #c90040;
}

.cta-dark.secondary {
  border-style: solid;
  border-color: var(--neon-green);
  color: #fff;
  background-color: #fff0;
}

.cta-dark.secondary:hover {
  background-color: var(--neon-green);
}

.tooltip-arrow-2 {
  background-color: #fff;
  width: 12px;
  height: 12px;
  position: absolute;
  inset: auto 28px -6px auto;
  transform: rotate(45deg);
}

.caption-text-dark {
  color: #d4d4d4;
  text-align: left;
  margin-top: 16px;
  font-size: 12px;
  line-height: 16px;
}

.tooltip-wrapper-2 {
  flex: none;
  display: none;
  position: relative;
}

.tab-dark {
  color: #fff;
  background-color: #0000;
  border-radius: 40px;
  padding: 8px 24px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  display: flex;
}

.tab-dark.w--current {
  background-color: var(--button-black);
  color: #fff;
  border-radius: 50px;
  align-items: center;
}

.paragraph-big {
  color: var(--white);
  text-align: left;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.text-block-12 {
  color: var(--light-grey-background);
  flex: 1;
  font-family: Montserrat, sans-serif;
  font-size: 13.5px;
}

.plan-wrapper-dark {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  color: #fff;
  text-align: left;
  background-color: #38271a33;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-height: 300px;
  margin-left: 0;
  margin-right: 0;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.features-wrapper {
  margin-bottom: 40px;
}

.all-caps-text {
  border-bottom: 1px solid var(--light-outline);
  color: #ebebeb;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-bottom: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.wrapper-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.heading-179 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.1;
}

.tabs-menu-dark {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0000000f;
  border-radius: 40px;
  justify-content: center;
  padding: 4px;
  display: flex;
}

.tabs-3 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-span-10 {
  margin-left: 4px;
  font-size: 16px;
  line-height: 16px;
}

.text-block-184 {
  display: inline;
}

.text-block-185 {
  max-width: 650px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.plan-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.2;
}

.tooltip-2 {
  z-index: 999999;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 180px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  font-size: 13px;
  line-height: 20px;
  display: none;
  position: absolute;
  inset: auto -24px 32px auto;
}

.feature-2 {
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.price-text-2 {
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 36px;
}

.pricing-wrapper {
  flex-flow: column;
  width: 100%;
  min-height: 100px;
  padding: 20px 0 24px;
  display: flex;
}

.subtle-text {
  opacity: .8;
  color: var(--white);
  text-align: left;
  margin-bottom: 10px;
}

.text-block-13 {
  font-size: 13px;
}

.disccount {
  z-index: 9;
  color: #e40048;
  cursor: auto;
  align-items: flex-end;
  width: 120px;
  margin-top: 80px;
  font-size: 14px;
  font-weight: 400;
  display: none;
  position: absolute;
  top: -34px;
  left: 44px;
}

.image-76 {
  margin-bottom: 19px;
  margin-right: 8px;
}

.cta-wrapper {
  display: none;
}

.checkmark {
  flex: none;
  margin-right: 8px;
}

.paragraph-83 {
  color: var(--white);
  text-align: left;
}

.div-block-424 {
  flex-flow: column;
  display: flex;
}

.pricing-title-cost {
  flex-flow: row;
  display: flex;
}

.div-block-425 {
  flex-flow: column;
  padding-right: 5px;
  display: flex;
}

.pricing-label {
  color: var(--deon-green);
}

.monthly-price {
  border-left: 1px solid #ffffff2e;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 20px;
  display: none;
}

.text-block-187 {
  flex-flow: column;
  max-width: 650px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-180 {
  color: var(--black);
  letter-spacing: -.75px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1;
  display: none;
}

.paragraph-big-2 {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--white);
  background-color: #2222224a;
  border-radius: 50px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 7px 10px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14.5px;
  line-height: 1.25;
}

.disccount-2 {
  z-index: 9;
  color: #e40048;
  cursor: auto;
  justify-content: center;
  align-items: flex-start;
  width: 120px;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  position: relative;
  top: -34px;
  left: 44px;
}

.image-77 {
  margin-bottom: 19px;
  margin-right: 8px;
}

.text-block-188 {
  color: var(--white);
  font-family: Helvetica Neue, sans-serif;
  display: inline;
}

.view-offer-button {
  border: 1px solid var(--black-2);
  background-color: var(--black-2);
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 60px;
  padding: .8125rem 1.5rem;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  transition: border-color .25s, color .25s, background-color .25s;
}

.view-offer-button:hover {
  border-style: solid;
  border-color: var(--neon-green);
  background-color: var(--neon-green);
}

.view-offer-button.is-alternate {
  background-color: var(--black-2);
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  border-style: none;
  border-color: #07133b;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.view-offer-button.is-alternate:hover {
  background-color: var(--deon-green);
  border-color: #5fbfc6;
}

.right-header {
  color: var(--white);
  letter-spacing: -.5px;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1;
}

.text-block-189 {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.demoright-subtext {
  color: var(--white);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 11px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.card-13 {
  border: 1px solid #f1f1f1;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.card-13.is-testimonial {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  margin: 1rem;
}

.spacer-medium-3 {
  width: 100%;
  padding-top: 2rem;
}

.cta_grid-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: relative;
}

.footer3_credit-text {
  font-size: .875rem;
}

.swiper-wrapper-6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: flex-start;
  display: flex;
}

.button-98 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  padding: .5rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.button-98:hover {
  opacity: .75;
}

.button-98.is-nav {
  background-color: var(--black);
  border-style: none;
  margin-left: .5rem;
  padding: .6rem 1.2rem;
  font-family: Helvetica Neue, sans-serif;
  font-size: .85rem;
}

.button-98.is-nav:hover {
  background-color: var(--deon-green);
}

.button-98.is-text {
  box-shadow: none;
  color: #fff;
  mix-blend-mode: difference;
  background-color: #0000;
  border: .125rem solid #0000;
  transition: background-color .2s, opacity .2s;
}

.button-98.is-text:hover {
  opacity: 1;
  color: #161616;
  background-color: #f1f1f1;
}

.button-98.is-text.is-nav {
  margin-left: .25rem;
}

.button-98.is-secondary {
  color: #161616;
  background-color: #f5f5f5;
  background-image: none;
  border-color: #f5f5f5;
}

.button-98.is-tertiary {
  color: #fff;
  background-color: #f8f8f800;
  border-width: 1px;
  border-color: #f5f5f5;
}

.button-98.is-form-submit {
  padding: .75rem 2rem;
}

.button-98.is-form-submit.is-full-width {
  width: 100%;
}

.heading-style-h2-6 {
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.arrow-wrap-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.section_testimonials {
  z-index: 3;
  border-bottom-right-radius: 3rem;
  border-bottom-left-radius: 3rem;
  position: relative;
}

.or-wrap-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #161616;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.container-medium-3 {
  width: 100%;
  max-width: 64rem;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
}

.container-medium-3.is-home-hero {
  z-index: 5;
  text-align: center;
  margin-top: 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}

.container-small-3 {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.footer3_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.footer3_legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.social-btn-5 {
  color: #000;
  border-top: .0625rem solid #f0f0f0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .9375rem;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.social-btn-5:hover {
  background-color: #fafafa;
}

.social-btn-5:focus {
  border: .0625rem #000;
  border-top: .0625rem solid #ddd;
}

.social-btn-5::placeholder {
  color: #6e6e6e;
}

.social-btn-5.is-first {
  border-top: 1px #f1f1f1;
}

.footer3_top-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  align-items: start;
}

.logos-wrapper-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.footer-link-4 {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
}

.footer-link-4:hover {
  color: #67f15b;
  text-decoration: underline;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 8rem;
}

.content-left-4 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hero_paragraph {
  font-size: 1.25rem;
}

.hero_paragraph.pointer-none {
  padding-left: 60px;
  padding-right: 60px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14.5px;
  line-height: 1.1em;
}

.section_hero-5 {
  z-index: 5;
  color: #fff;
  background-color: #161616;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66ef2e57b53c1e60b71f7435_Podcast-Cover_2.jpg");
  background-position: 0 0;
  background-size: cover;
  border-bottom-right-radius: 3rem;
  border-bottom-left-radius: 3rem;
  justify-content: center;
  align-items: center;
  height: 85vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  display: flex;
  position: relative;
}

.swiper-slide-6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 33.33%;
  min-width: 33.33%;
  height: 100%;
  padding-right: 2rem;
  transition: opacity .1s linear;
}

.footer3_details-wrapper {
  max-width: 30rem;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-section-medium.is-footer {
  padding-bottom: 2rem;
}

.funderline-1-3 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6542aba5c3f9e2f78d7ad126_funderline1.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer3_social-link {
  color: #000;
  background-color: #f0f0f0;
  border-radius: 5rem;
  align-items: center;
  padding: .5rem;
  font-size: .875rem;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: flex;
}

.footer3_social-link:hover {
  color: #161616;
  background-color: #67f15b;
}

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

.footer3_menu-wrapper {
  grid-column-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.spacer-5rem-3 {
  margin-bottom: 0;
  padding-top: 1.5rem;
}

.heading-style-h4-4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.cta_grid-left-2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: sticky;
  top: 5rem;
}

.subheader-5 {
  opacity: .6;
  text-transform: uppercase;
  font-weight: 700;
}

.padding-global-9 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.align-center-2 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.text-color-brand-2 {
  color: #67f15b;
}

.matter-js {
  display: none;
}

.global-styles-6 {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

._4-grid-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.tag-canvas {
  transform-origin: 0 0;
  border-bottom-right-radius: 3rem;
  border-bottom-left-radius: 3rem;
  width: 100%;
  height: 70vh;
  position: absolute;
  overflow: hidden;
  transform: scale(1);
}

.page-wrapper-24 {
  margin-top: 40px;
}

.testimonials-wrapper {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.dropdown-list-7.w--open {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
  margin-top: -.0625rem;
  overflow: hidden;
}

._2-button-wrap-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer3_component {
  color: #fff;
  background-color: #161616;
  border-top: .0625rem solid #f0f0f0;
  margin-top: -5rem;
  padding-top: 5rem;
}

.footer3_legal-link {
  color: #fff;
  font-size: .875rem;
  text-decoration: underline;
}

.footer3_link {
  color: #fff;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
}

.footer3_link:hover {
  color: #67f15b;
  text-decoration: underline;
}

.footer3_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: grid;
}

.card-14 {
  border: 1px solid #f1f1f1;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.card-14.is-testimonial {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  margin: 1rem;
}

.swiper-wrapper-7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: flex-start;
  display: flex;
}

.button-99 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  padding: .5rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.button-99:hover {
  opacity: .75;
}

.button-99.is-nav {
  margin-left: .5rem;
  padding: .5rem 1rem;
  font-size: .85rem;
}

.button-99.is-text {
  box-shadow: none;
  color: #fff;
  mix-blend-mode: difference;
  background-color: #0000;
  border: .125rem solid #0000;
  transition: background-color .2s, opacity .2s;
}

.button-99.is-text:hover {
  opacity: 1;
  color: #161616;
  background-color: #f1f1f1;
}

.button-99.is-text.is-nav {
  margin-left: .25rem;
}

.button-99.is-secondary {
  color: #161616;
  background-color: #f5f5f5;
  background-image: none;
  border-color: #f5f5f5;
}

.button-99.is-tertiary {
  color: #fff;
  background-color: #f8f8f800;
  border-width: 1px;
  border-color: #f5f5f5;
}

.button-99.is-form-submit {
  padding: .75rem 2rem;
}

.button-99.is-form-submit.is-full-width {
  width: 100%;
}

.heading-style-h2-7 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.arrow-wrap-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.or-wrap-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #161616;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.logos-wrapper-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.content-left-5 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.section_hero-6 {
  z-index: 5;
  color: #fff;
  background-color: #161616;
  border-bottom-right-radius: 3rem;
  border-bottom-left-radius: 3rem;
  justify-content: center;
  align-items: center;
  height: 70vh;
  margin-bottom: -5rem;
  display: flex;
  position: relative;
}

.swiper-slide-7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 33.33%;
  min-width: 33.33%;
  height: 100%;
  padding-right: 2rem;
  transition: opacity .1s linear;
}

.heading-style-h4-5 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.cta_grid-left-3 {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: sticky;
  top: 5rem;
}

.subheader-6 {
  opacity: .6;
  text-transform: uppercase;
  font-weight: 700;
}

.padding-global-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.text-color-brand-3 {
  color: #67f15b;
}

.global-styles-7 {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

._4-grid-4 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.image-78 {
  width: 100px;
}

.login-button {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 1px solid #161616;
  border-radius: 5rem;
  padding: .5rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.login-button:hover {
  opacity: .75;
}

.login-button.is-nav {
  background-color: var(--black);
  border-style: none;
  margin-left: .5rem;
  padding: .6rem 1.2rem;
  font-family: Helvetica Neue, sans-serif;
  font-size: .85rem;
}

.login-button.is-nav:hover {
  background-color: var(--deon-green);
}

.login-button.is-text {
  box-shadow: none;
  color: #fff;
  mix-blend-mode: difference;
  background-color: #0000;
  border: .125rem solid #0000;
  transition: background-color .2s, opacity .2s;
}

.login-button.is-text:hover {
  opacity: 1;
  color: #161616;
  background-color: #f1f1f1;
}

.login-button.is-text.is-nav {
  margin-left: .25rem;
}

.login-button.is-secondary {
  color: #161616;
  background-color: #f5f5f5;
  background-image: none;
  border-color: #f5f5f5;
}

.login-button.is-tertiary {
  color: #fff;
  background-color: #f8f8f800;
  border-width: 1px;
  border-color: #f5f5f5;
}

.login-button.is-form-submit {
  padding: .75rem 2rem;
}

.login-button.is-form-submit.is-full-width {
  width: 100%;
}

.support-grid-layout {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 2fr 4fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.support-nav {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.user-support-wrapper {
  z-index: 0;
  padding-top: 125px;
  position: relative;
}

.blue-card-background {
  background-color: #f4f8fb;
  border-radius: 20px;
  height: 600px;
  padding: 60px 2em;
  position: relative;
}

.fixed-nav {
  z-index: 9099;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ffffff4d;
  height: 75px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 1px #f1f1f1;
}

.small-container-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 900px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.support-navigation-cards {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1em;
  display: flex;
}

.brand-3 {
  z-index: 2;
  align-self: center;
  margin-right: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.nav-cta-button {
  text-align: right;
  background-color: #0000;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.app-icon {
  width: 100%;
}

.search-input-7 {
  color: #323232cc;
  letter-spacing: 0;
  text-transform: capitalize;
  border: 2px solid #0000;
  border-radius: 7px;
  height: auto;
  margin-bottom: 0;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  box-shadow: 0 5px 20px #0000000d;
}

.search-input-7:focus {
  border-width: 1.5px;
  border-color: var(--neon-green);
}

.collection-list-wrapper-9 {
  width: 100%;
}

.grey-card-iphone {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.nav-link-text-2 {
  color: #323232;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 500;
}

.nav-link-text-2:hover {
  color: #7c1315;
  letter-spacing: 2px;
  font-style: normal;
  font-weight: 800;
}

.iphone-overlay {
  z-index: 4;
  background-image: linear-gradient(10deg, #fff 48%, #fff0 84%, #0000);
  width: 100%;
  height: 40%;
  position: absolute;
  inset: auto 0% 0%;
}

.iphone-overlay.light-blue {
  z-index: 4;
  background-image: linear-gradient(8deg, #f4f8fb 31%, #f4f8fb00 78%, #f4f8fb00);
}

.search-button-6 {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66f467159a006f688922c003_Search-Icon.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  width: 50px;
  position: absolute;
  inset: 0% 0 0% auto;
}

.support-button {
  background-color: var(--button-black);
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  border: 1px solid #dadada;
  border-radius: 50px;
  min-width: 180px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 18px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 13.5px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  transition: letter-spacing .3s, color .3s;
}

.support-button:hover {
  background-color: var(--deon-green);
  color: #fff;
  letter-spacing: 0;
  background-image: none;
  font-size: 13.5px;
  text-decoration: none;
}

.support-button.orange-button {
  color: #fff;
  background-color: #7c1315;
  background-image: none;
}

.nav-link-11 {
  opacity: 1;
  color: #949393;
  flex-direction: column;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 1em;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav-link-11:hover {
  opacity: 1;
  color: #990e10;
  font-weight: 700;
  text-decoration: none;
}

.nav-link-11.w--current {
  color: #fa5853;
}

.call-to-action-holder {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.menu-button-5 {
  z-index: 2;
}

.support-article-holder {
  border: 2px solid #ececec;
  border-radius: 10px;
  padding: 1.5em;
  box-shadow: 0 11px 17px #6767671a;
}

.nav-logo-3 {
  color: #be0b0e;
  height: 32px;
  display: block;
}

.app-icon-holder {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66f34897dfb782f947676894_256x256.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 24%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  padding: 20px;
  display: flex;
}

.nav-menu-13 {
  z-index: 1;
  text-transform: uppercase;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 146px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

.support-cta-holder {
  box-shadow: none;
  background-color: #fff;
  border: 2px solid #0000;
  border-radius: 7px;
  flex-direction: column;
  margin-top: .9em;
  padding: 1em;
  display: flex;
}

.iphone-holder {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.iphone-holder.cta {
  width: 60%;
  height: 100%;
}

.grid-10-columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.text-gradient-1 {
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Montserrat, sans-serif;
  font-size: 55px;
  font-style: italic;
  font-weight: 800;
  line-height: 64px;
}

.container-83 {
  max-width: 1170px;
  margin: 0 auto 30px;
  padding: 2rem 1em 3rem;
}

.container-83.nav-container {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.search-form {
  width: 100%;
  margin-bottom: 2em;
  position: relative;
}

.heading-181 {
  letter-spacing: 0;
  text-transform: none;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.faq-section {
  z-index: 10;
  justify-content: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
  position: relative;
}

.faq-section.no-padding {
  padding: 0;
}

.faq-section.no-padding.grey {
  display: none;
}

.faq-section.no-bottom-padding {
  padding-bottom: 0;
  display: none;
}

.faq-section.clip {
  overflow: hidden;
}

.faq-section.grey {
  background-color: #f4f8fa;
}

.faq-section.no-top-padding {
  padding-top: 0;
}

.faq-section.bottom-border {
  border-bottom: 1px solid var(--dark-outline);
}

.product-store-wrapper {
  color: var(--black);
  background-color: #fff;
  font-family: Generalsans, sans-serif;
  font-weight: 400;
  display: block;
}

.checkout-wrapper {
  color: var(--black);
  background-color: #fff;
  margin-top: 100px;
  font-family: Generalsans, sans-serif;
  font-weight: 400;
  display: block;
}

.place-order-button {
  background-color: var(--black);
  letter-spacing: 0;
  text-transform: capitalize;
  border-radius: 100px;
  flex-flow: row;
  justify-content: center;
  width: 100%;
  min-width: 200px;
  height: 60px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  display: flex;
}

.place-order-button:hover {
  background-color: var(--neon-green);
}

.heading-182 {
  letter-spacing: 0;
  text-transform: capitalize;
  font-family: Helvetica Neue, sans-serif;
  font-size: 20px;
}

.heading-183 {
  letter-spacing: 0;
  text-transform: capitalize;
  font-family: Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.heading-184 {
  letter-spacing: 0;
  text-transform: capitalize;
  font-family: Helvetica Neue, sans-serif;
  font-size: 20px;
}

.text-block-190 {
  text-align: left;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.related-posts {
  background-color: #f7f7f7;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 20px;
  display: flex;
  position: static;
}

.form-input-4 {
  color: #141415;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #f4f8fb40;
  border: 1px solid #dadada;
  border-radius: 5px;
  min-width: 350px;
  height: 47px;
  margin-bottom: 0;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  transition: border-color .2s;
}

.form-input-4:focus {
  border-color: #fa5853;
}

.form-input-4::placeholder {
  color: #dadada;
}

.form-input-4.subscribe-input {
  color: #141415;
  letter-spacing: 0;
  text-transform: none;
  background-color: #ffffff14;
  border-width: 1px;
  border-color: #7c1315;
  border-radius: 40px;
  width: 100%;
  height: 63px;
  padding: 7px 0 9px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 11.5px;
  font-style: italic;
  font-weight: 400;
  display: block;
}

.form-input-4.subscribe-input:focus-visible, .form-input-4.subscribe-input[data-wf-focus-visible] {
  color: #fff;
}

.form-input-4.subscribe-input::placeholder {
  color: #c7c3c3;
}

.heading-13 {
  color: #cccaca;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 800;
}

.container-84 {
  padding-left: 220px;
  padding-right: 220px;
}

.button-100 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #142a4a;
  border: 1px solid #dadada;
  border-radius: 25px;
  min-width: 180px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 18px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
  text-decoration: none;
  transition: letter-spacing .3s, color .3s;
}

.button-100:hover {
  color: #fff;
  letter-spacing: 1px;
  background-color: #7c1315;
  background-image: none;
  text-decoration: none;
}

.button-100.btn-subscribe {
  background-color: #7c1315;
  border-width: 0;
  border-radius: 40px;
  width: 100px;
  min-width: 100px;
  height: 35%;
  margin-top: 2px;
  margin-left: 0;
  padding: 0 0 45px;
  font-size: 11px;
  line-height: 3.5;
  transition: background-position .3s, letter-spacing .3s, color .2s;
  display: block;
  position: absolute;
  inset: 5px 5px 5px auto;
  box-shadow: 5px 11px 18px -9px #000;
}

.button-100.btn-subscribe:hover {
  background-position: 55%, 0 0;
}

.text-block-191 {
  color: #142a4a;
  -webkit-text-stroke-color: #142a4a;
  text-transform: uppercase;
  font-size: 14px;
  font-style: italic;
  font-weight: 800;
}

.simple-blog-posts-holder-3 {
  margin-top: 2em;
}

.error-message-8 {
  color: #fa5853;
  background-color: #fee;
  border-radius: 3px;
}

.subscribe-form-flex-4 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: relative;
}

.subscribe-form-input-wrapper-4 {
  text-align: left;
  flex: 1;
  position: relative;
}

.success-message-12 {
  -webkit-text-fill-color: transparent;
  background-color: #f4f8fb;
  background-image: linear-gradient(to right, #2c64b6, #142a4a);
  -webkit-background-clip: text;
  background-clip: text;
  border: 2px solid #0000;
  border-radius: 5px;
  padding: 15px 20px;
}

.container-85 {
  flex-flow: column;
  justify-content: flex-start;
  max-width: 1170px;
  margin: 0 40px 30px;
  padding: 0 1em 3rem;
  display: flex;
}

.demo-form_block {
  width: 400px;
  display: block;
}

.div-block-426 {
  flex-flow: column;
  margin-bottom: 40px;
  display: flex;
}

.oversized-quotation {
  clear: left;
  color: var(--neon-green);
  letter-spacing: -.75px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: -38px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 70px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  display: flex;
}

.image-79 {
  z-index: 800;
  max-width: 100%;
  margin-top: 40px;
  padding-top: 0;
  padding-left: 60px;
  padding-right: 60px;
  transition: bottom .45s;
  display: block;
  position: absolute;
  inset: 487px 0% 0%;
}

.heading-185, .heading-186 {
  padding-left: 10px;
}

.related-posts-2 {
  padding-top: 20px;
  display: block;
  position: relative;
}

.trusted-item-3 {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20vh;
  display: flex;
}

.trusted-item-3.last {
  margin-bottom: 0;
}

.h5-left-scroll {
  letter-spacing: 0;
  text-transform: none;
  font-family: Helvetica Neue, sans-serif;
  font-size: 18px;
}

.heading-189 {
  letter-spacing: -.5px;
  background-image: none;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  line-height: 60px;
}

.container-86 {
  max-width: 1170px;
  margin: 0 0 30px;
  padding: 0 2em 3rem;
}

.section_left-scroll {
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  display: none;
  position: relative;
}

.image-80 {
  width: 150px;
}

.image-80:hover {
  border-radius: 2px;
  box-shadow: 0 5px 14px -3px #6cba1680;
}

.intro-parent {
  justify-content: center;
  margin-top: 90px;
  display: flex;
}

.icon-parent {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.btn-parent-txt-2 {
  position: relative;
}

.toggle-parent {
  cursor: pointer;
  background-color: #d8d8d8;
  border-radius: 50px;
  align-items: center;
  width: 55px;
  height: 28px;
  display: flex;
  position: relative;
}

.circle-parent {
  z-index: 1;
  border: 2px solid var(--neon-green);
  color: #fff;
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  position: absolute;
}

.share-parent-1 {
  cursor: pointer;
  width: 45px;
  height: 45px;
  position: relative;
}

.share-parent {
  background-color: #000;
  border-radius: 70px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
  position: absolute;
}

.share-parent.top {
  z-index: 1;
}

.settings-parent {
  cursor: pointer;
  width: 40px;
  height: 26px;
  position: relative;
}

.dot-2 {
  background-color: #000;
  border-radius: 50px;
  width: 8px;
  height: 8px;
  margin-bottom: 6px;
}

.btn-txt-3-2 {
  font-size: 16px;
}

.setting-bar {
  background-color: #000;
  width: 100%;
  height: 2px;
  margin-bottom: 8px;
  position: relative;
}

.num-txt {
  margin-top: 15px;
  margin-right: 15px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.grid-parent {
  background-color: #f7f7f7;
  justify-content: center;
  align-items: center;
  height: 260px;
  display: flex;
  position: relative;
}

.settings-dot-1 {
  background-color: #000;
  border-radius: 20px;
  width: 6px;
  height: 8px;
  position: absolute;
  top: -3px;
  right: 5px;
}

.menu-bar-2 {
  background-color: #000;
  width: 100%;
  height: 2px;
  margin-bottom: 6px;
}

.a-1-2 {
  background-color: #000;
  width: 18px;
  height: 2px;
  margin-left: 6px;
  position: absolute;
  inset: 10px 0% auto 60px;
}

.circle-main {
  z-index: 0;
  background-color: var(--deon-green);
  border-radius: 100px;
  width: 12px;
  height: 12px;
  position: absolute;
}

.search-10 {
  width: 100%;
  position: absolute;
  top: 3px;
}

.btn-parent {
  background-color: var(--black);
  color: #000;
  border: 2px #000;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 52px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tool-top {
  background-color: #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: -28px 0% auto -10px;
}

.btn-txt-2 {
  color: var(--white);
  font-family: Helvetica Neue, sans-serif;
  font-weight: 500;
  position: absolute;
}

.outer-parent {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  position: relative;
}

.settings-dot {
  background-color: #000;
  border-radius: 20px;
  width: 6px;
  height: 8px;
  position: absolute;
  top: -3px;
  left: 5px;
}

.grid-6 {
  grid-template-columns: 1fr 1fr 1fr;
  height: 120vh;
  margin-bottom: 110px;
  padding: 100px 50px 50px;
}

.menu-parent-2 {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 12px 8px 8px;
  display: flex;
  overflow: hidden;
}

.tool-tip-text {
  color: #fff;
  font-size: 10px;
}

.tri {
  margin-left: 2px;
}

.btn-txt-1 {
  color: var(--white);
  font-family: Helvetica Neue, sans-serif;
  font-weight: 500;
  position: absolute;
}

.search-button-7 {
  z-index: 1;
  color: #0000;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/656120e9eae688df67aa54bb_mg.png");
  background-position: 50% 54%;
  background-repeat: no-repeat;
  background-size: 14px;
  position: absolute;
  left: 6px;
}

.toggle-button {
  background-color: #8a8a8a;
  border-radius: 60px;
  width: 22px;
  height: 22px;
  margin-left: 3px;
}

.dot-parent {
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  width: 40px;
  display: flex;
}

.link-2 {
  z-index: 999;
  color: #000;
  text-decoration: none;
  position: absolute;
  top: 90px;
  right: 60px;
}

.container-regular {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.title-wrapper-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 858px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-primary-rounded {
  color: #fff;
  background-color: #23272f;
  border: 2px solid #23272f;
  border-radius: 52px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 12px -2px #fe5b2500, 0 0 12px -2px #a355f700, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}

.button-primary-rounded:hover {
  box-shadow: 0 0 12px -2px #fe5b25, 0 0 12px -2px #a355f7, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}

.button-primary-rounded.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.paragraph-regular-bg {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-regular-bg.text-weight-bold {
  font-family: Helvetica Neue, sans-serif;
  font-weight: 700;
}

.faq-divider {
  background-color: #d5d9e2;
  width: 100%;
  height: .5px;
}

.paragraph-small-2 {
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-2.text-color-gray-600 {
  color: var(--body-display);
  font-family: Helvetica Neue, sans-serif;
}

.faq-2 {
  background-color: #f6f7f9;
  border-radius: 8px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}

.section_home-faq {
  padding: 96px 5%;
  position: relative;
}

.section_home-faq.background-gray {
  background-color: #f6f7f9;
  display: none;
}

.overline {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.faq-border {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f6f7f9;
  border: .5px solid #d5d9e2;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  display: flex;
}

.h2-heading {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-weight: 300;
  line-height: 72px;
}

.faq-button {
  justify-content: center;
  align-items: center;
  margin-top: 90px;
  display: flex;
}

.button-text-8 {
  z-index: 1;
  position: relative;
}

.faq-content {
  background-color: #0000;
  margin-top: -4px;
  display: block;
  position: relative;
}

.faq-tab {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.faq-title {
  z-index: 2;
  flex-flow: column;
  width: 100%;
  padding: 16px;
  display: flex;
}

.button-background {
  pointer-events: none;
  object-fit: fill;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.icon-x-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.faq-icon-2 {
  color: #23272f;
  background-color: #edeff3;
  border-radius: 99px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.faq-title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  white-space: pre-wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.feature-tile {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.feature-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 48px;
  display: flex;
}

.paragraph-regular {
  color: #666;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.7;
}

.feature-line-holder {
  position: relative;
}

.h3-heading {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.2;
}

.grid-feature-content {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-span-strong {
  color: #000;
  font-weight: 500;
}

.wrap-v-xsmall {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.sub-heading-regular {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}

.feature-accent-line {
  background-color: var(--neon-green);
  border-radius: 12px;
  width: 3px;
  height: 28px;
  position: absolute;
  inset: 120px auto 0% 0%;
}

.section-large {
  z-index: 5;
  padding: 120px 5%;
  display: flex;
  position: relative;
}

.badge {
  color: #000;
  background-color: #f7f7f7;
  border: 1px solid #d6d6d6;
  border-radius: 99px;
  padding: 4px 12px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}

.icon-wrap {
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.vertical-divider {
  align-items: center;
  width: 2px;
  height: 100%;
  display: flex;
}

.feature-tile-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.container-regular-2 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.icon-regular {
  color: var(--deon-green);
  -webkit-text-stroke-color: var(--deon-green);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.pricing-card-small {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f5f5f5;
  border-radius: 20px;
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.h2-heading-2 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1;
}

.button-white {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.button-white.small {
  padding: 6px 16px;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 500;
}

.button-white.small:hover {
  background-color: var(--neon-green);
}

.submit-button-13 {
  background-color: var(--deon-green);
  background-image: linear-gradient(77deg, #fff0 42%, var(--neon-green));
  text-align: left;
  border-radius: 10px;
  padding: 12px 20px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  box-shadow: inset 1px 1px .25px #ffffff1f, inset -1px 1px .25px #ffffff1f;
}

.h-space-between {
  justify-content: space-between;
  display: flex;
}

.newsletter-button {
  flex-direction: column;
  display: flex;
  position: relative;
}

.pricing-text-field {
  letter-spacing: -.006em;
  background-color: #141414;
  border: 1px solid #292929;
  border-radius: 10px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 14px 14px 14px 44px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 20px;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #ffffff0f;
}

.pricing-text-field:focus {
  border: 1px solid #b0b0b0;
}

.pricing-text-field::placeholder {
  color: #8f8f8f;
}

.text-color-neutral-400 {
  color: var(--active-border);
  font-size: 42px;
  font-style: normal;
  font-weight: 300;
}

.pricing-newsletter {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #000;
  border-radius: 20px;
  flex-direction: column;
  padding: 32px;
  display: flex;
}

.max-width-x-small {
  width: 100%;
  max-width: 312px;
}

.max-width-small {
  width: 100%;
  max-width: 400px;
}

.horizontal-divider {
  align-items: center;
  width: 100%;
  height: 2px;
  display: flex;
}

.pricing-header-left {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.heading-grid {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  margin-bottom: 48px;
}

.section-pricing-cta {
  z-index: 9000;
  padding: 120px 5%;
  display: none;
  position: relative;
}

.footer-form-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.form-block-27 {
  width: 100%;
  margin-bottom: 0;
}

.form-input-icon {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.input-icon-large {
  flex: none;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 14px auto 14px 16px;
}

.pricing-cost {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.submit-button-icon {
  color: #ff4b0f;
  background-color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  inset: 4px 4px 4px auto;
  box-shadow: 0 4px 8px #0000001f;
}

.paragraph-small-3 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.7;
}

.paragraph-small-3.text-gray-500 {
  color: #666;
}

.wrap-v-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.h5-heading {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.25;
}

.h6-heading {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3;
}

.h6-heading.text-white {
  color: #fff;
  font-family: Helvetica Neue, sans-serif;
}

.h6-heading.text-color-white {
  color: #fff;
  font-style: normal;
  font-weight: 400;
}

.pricing-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #666;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.wrap-v-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.grid-pricing-large {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.text-block-192 {
  color: var(--button-black);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.text-block-193 {
  font-family: Montserrat, sans-serif;
}

.date-line {
  background-color: #e0e0e0;
  width: 24px;
  height: 1px;
}

.h2-heading-3 {
  color: #000;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
}

.blog-detail {
  grid-column-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.paragraph-large {
  color: var(--body-display);
  letter-spacing: -.015em;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: .87rem;
  line-height: 1.2;
}

.wrap-h-x-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  display: flex;
}

.wrap-h-x-small.align-c {
  justify-content: flex-start;
  align-items: center;
}

.blog-card {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.blog-badge {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #000;
  letter-spacing: .16em;
  text-transform: uppercase;
  background-color: #fcfcfc03;
  border-radius: 20px;
  padding: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  position: absolute;
  inset: 16px 14px auto auto;
}

.section-large-3 {
  padding: 120px 5%;
  position: relative;
}

.blog-image {
  border-radius: 16px;
  height: 356px;
  position: relative;
  overflow: hidden;
}

.h5-heading-2 {
  color: #000;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.blog-date {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 1.8;
}

.overline-2 {
  color: #000;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}

.icon-link-3 {
  color: #141414;
  border: 1px solid #e0e0e0;
  border-radius: 99px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.icon-link-3:hover {
  background-color: var(--neon-green);
}

.grid-three-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.button-link {
  grid-column-gap: 16px;
  color: #000;
  letter-spacing: -.02em;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
  text-decoration: none;
  display: flex;
}

.container-large-9 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.icon-x-small-2 {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.wrap-v-x-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.title-wrapper-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 432px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-194 {
  font-family: Helvetica Neue, sans-serif;
  font-weight: 700;
}

.text-block-195 {
  letter-spacing: 0;
  text-transform: none;
  font-family: Helvetica Neue, sans-serif;
}

.text-block-196 {
  letter-spacing: 0;
}

.read-more-text {
  font-family: Helvetica Neue, sans-serif;
}

.category-tag {
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  font-family: Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.title-wrapper-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 858px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon-x-large {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.paragraph-regular-2 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.paragraph-regular-2.text-color-gray-600 {
  color: #525f75;
}

.h2-heading-4 {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 72px;
}

.text-color-orange {
  color: #fe5b25;
}

.overline-3 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.feature-grid-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.paragraph-large-bg {
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.paragraph-large-bg.text-weight-bold {
  font-weight: 700;
}

.feature-card-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.container-large-10 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.feature-card-grid-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1.25fr;
  grid-auto-columns: 1fr;
  justify-content: center;
}

.feature-card-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: .5px solid #d5d9e2;
  border-radius: 16px;
  flex-direction: column;
  padding: 32px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #23272e14;
}

.feature-card-grid-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr 1.5fr;
  grid-auto-columns: 1fr;
  justify-content: center;
}

.section-small {
  padding: 72px 5%;
  position: relative;
}

.div-hide-4 {
  position: relative;
  overflow: hidden;
}

.div-hide-4.pad {
  padding-left: 3rem;
}

.div-hide-4.pad-two {
  padding-left: 1.4rem;
  display: block;
}

.scroll-h-grand-child.scroll {
  display: block;
}

.inline {
  display: inline-block;
}

.spacer-small-3 {
  width: 100%;
  height: .8rem;
}

.scroll-h-parent {
  grid-column-gap: 2rem;
  justify-content: flex-start;
  width: 160%;
  height: 100%;
  display: flex;
}

.img-parent-2 {
  width: 115%;
  min-width: 115%;
  height: 100%;
}

.text-width-one {
  width: 27ch;
  line-height: 1;
}

.btn-primary {
  grid-column-gap: .4rem;
  color: #322d2b;
  background-color: #ddd;
  border-radius: 5px;
  padding: .7rem .7rem .5rem;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.btn-primary:hover {
  background-color: #fff;
}

.script {
  text-transform: none;
  font-size: 1.1rem;
  font-weight: 200;
  line-height: 1.2;
}

.script.intro {
  font-size: 1.6rem;
}

.scroll-child {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0% 0% auto auto;
  transform: rotate(90deg);
}

.super-text {
  text-align: left;
  font-size: 27.5vw;
  line-height: .9;
}

.btn-text-ab {
  position: absolute;
  inset: 0% auto auto 0%;
}

.span-text-in-2 {
  font-weight: 400;
  display: inline-block;
}

.heading-small-2 {
  font-size: 1.2rem;
}

.scroll-parent {
  grid-column-gap: .5rem;
  align-items: center;
  width: 3.1rem;
  height: 5.1rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.hero-text-parent {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: auto auto -10rem 0%;
}

.btn-arrow-img-ab {
  position: absolute;
  left: 0;
}

.img-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.scroll-h-child {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.scroll-h-child.one {
  flex-flow: column;
  display: flex;
}

.scroll-h-child.flex-cc {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.scroll-h-child.flex-cc.end {
  border: 1px solid #322d2b33;
  transition: color .4s, background-color .4s;
}

.scroll-h-child.flex-cc.end:hover {
  color: #ddd;
  background-color: #ff3f3f;
}

.scroll-line {
  background-color: #322d2b;
  width: 2rem;
  height: 1px;
}

.sticky-parent {
  width: 100%;
  height: 400vh;
}

.sticky-child {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sticky-child.page-padding {
  padding: 9rem 3rem;
}

.styles {
  position: absolute;
}

.slide-prev.desktop-arrow {
  z-index: 5;
  cursor: pointer;
  background-color: #c9c9c999;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
}

.slide-prev.desktop-arrow:hover {
  background-color: #c9c9c9;
}

.secondary-button {
  color: #1b1b1b;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  transition: background-color .3s;
  display: flex;
}

.secondary-button:hover {
  background-color: #fff9;
}

.slide-content-2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/672c24b2cba7cf4dd33a54da_Slide-end.png");
  background-position: 50%;
  background-size: cover;
  height: 100%;
  padding: 20px;
}

.inner-swipe {
  display: none;
}

.slide-container {
  align-items: center;
  height: 100vh;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.slide-item-wrapper {
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-end;
  width: 308px;
  height: 548px;
  margin-left: 0;
  margin-right: 0;
  padding: 24px;
  line-height: 40px;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-wrapper-6 {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.main-button {
  background-color: #ff5e1a;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  transition: background-color .3s;
  display: flex;
}

.main-button:hover {
  background-color: #e65517;
}

.image-82 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.button-container {
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  inset: auto 0% 3%;
}

.image-83 {
  width: 30px;
  height: 30px;
}

.text-block-197 {
  color: #1b1b1b;
  font-size: 18px;
  line-height: 140%;
}

.slide-next.desktop-arrow {
  z-index: 5;
  cursor: pointer;
  background-color: #c9c9c999;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
}

.slide-next.desktop-arrow:hover {
  background-color: #c9c9c9;
}

.wrapper-6 {
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0;
  padding-top: 36px;
  padding-bottom: 36px;
  display: flex;
  overflow: hidden;
}

.slide-item {
  opacity: .4;
  background-color: #1b1b1b;
  border-radius: 16px;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  transition: all .2s;
  display: flex;
  transform: scale(.9);
}

.text-block-198 {
  font-family: Helvetica Neue, sans-serif;
  font-size: 8px;
}

.div-they-familiar {
  background-color: #fff;
  margin-top: 76px;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.div-troops-song {
  background: #fcf8f1;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.div-organized-produce {
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 400;
  text-decoration: none;
}

.div-himself-customs {
  justify-content: space-between;
  align-items: center;
  height: 5rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.div-choose-close {
  flex-shrink: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.a-dangerous-native {
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.img-torn-second {
  width: auto;
  height: 2rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.a-truck-house {
  color: #000;
  border-style: solid;
  border-width: 0;
  border-radius: .375rem;
  padding: .5rem;
  font-weight: 400;
  text-decoration: none;
  display: none;
}

.a-truck-house:hover {
  background-color: #f3f4f6;
}

.img-early-ground {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.img-giant-third {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: none;
}

.div-clear-classroom {
  justify-content: center;
  align-items: center;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.a-any-visit {
  color: #000;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration: none;
}

.a-mood-discussion {
  color: #000;
  margin-left: 2.5rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration: none;
}

.a-own-go {
  color: #fff;
  background-color: #000;
  border-style: solid;
  border-width: 0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-decoration: none;
  display: inline-flex;
}

.a-own-go:hover {
  color: #000;
  background-color: #fcd34d;
}

.section-silent-tongue {
  background-color: var(--white);
  padding: 6rem 64px;
  font-weight: 400;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.div-court-sight {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 400;
  text-decoration: none;
}

.div-vertical-evidence {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: grid;
}

.div-summer-harder {
  flex-flow: column;
  width: 150%;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.p-station-court {
  color: var(--top-subtxt);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 0;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration: none;
}

.h1-mysterious-somewhere {
  color: #000;
  margin-top: .25rem;
  margin-bottom: 10px;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}

.p-calm-independent {
  color: #000;
  margin-top: 0;
  padding: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  text-decoration: none;
}

.a-surprise-blank {
  color: #000;
  text-align: center;
  background-color: #fcd34d;
  border-style: solid;
  border-width: 0;
  border-radius: 9999px;
  align-items: center;
  margin-top: 4rem;
  padding: 1rem 1.5rem;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.a-surprise-blank:hover {
  background-color: #fbbf24;
}

.img-common-village {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 2rem;
  margin-right: -.5rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.p-fierce-factor {
  color: #4d4d4d;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 0 0 0 4px;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.a-close-ride {
  color: #000;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.a-close-ride:hover {
  text-decoration: underline;
}

.img-although-pencil {
  width: 100%;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.pro-network-signup {
  background-color: var(--button-black);
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-top: 4rem;
  padding: 15px 35px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.pro-network-signup:hover {
  background-color: var(--neon-green);
  box-shadow: none;
}

.div-block-427 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-right: 0;
  display: grid;
}

._2-column-page {
  z-index: 1;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  min-height: 100vh;
  margin-top: 75px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-climb-tears {
  z-index: 2;
  min-height: 100vh;
  margin-top: 80px;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-swing-snow {
  z-index: 10;
  width: 100%;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.div-mix-advice {
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 400;
  text-decoration: none;
}

.div-went-primitive {
  justify-content: space-between;
  align-items: center;
  height: 5rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.div-grew-instead {
  flex-shrink: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.a-when-born {
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.img-sport-copper {
  width: auto;
  height: 2rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.a-pay-course {
  color: #000;
  border-style: solid;
  border-width: 0;
  border-radius: .375rem;
  padding: .5rem;
  font-weight: 400;
  text-decoration: none;
  display: none;
}

.a-pay-course:hover {
  background-color: #f3f4f6;
}

.img-winter-was {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.img-plenty-end {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: none;
}

.div-potatoes-tropical {
  justify-content: center;
  align-items: center;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.a-composed-nose {
  color: #000;
  padding: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-decoration: none;
}

.a-needed-thus {
  color: #000;
  margin-left: 2.5rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-decoration: none;
}

.a-planning-apart {
  color: #fff;
  background-color: #f97316;
  border-style: solid;
  border-width: 0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  margin-left: 2.5rem;
  padding: .625rem 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-decoration: none;
  display: inline-flex;
}

.a-planning-apart:hover {
  background-color: #ea580c;
}

.section-waste-wonderful {
  background-color: #fffbeb;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  overflow: hidden;
}

.div-belt-fallen {
  flex-direction: row;
  align-items: stretch;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.div-vote-carried {
  order: 2;
  justify-content: center;
  align-items: center;
  width: 58.3333%;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-unless-enter {
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.img-current-voyage {
  object-fit: contain;
  width: auto;
  height: 12rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.div-give-village {
  text-align: left;
  padding: 6rem;
  font-weight: 400;
  text-decoration: none;
  position: relative;
}

.h1-death-remarkable {
  color: #000;
  padding: 0;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.p-drew-finally {
  color: #000;
  margin-top: 2rem;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  text-decoration: none;
}

.form-limited-friend {
  background-color: #0000;
  border-style: solid;
  border-width: 0;
  border-radius: .75rem;
  max-width: 36rem;
  margin-top: 3rem;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.div-coat-dear {
  background-color: #fff;
  border: 2px solid #0000;
  border-radius: 9999px;
  padding: .5rem;
  font-weight: 400;
  text-decoration: none;
}

.div-tales-here {
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.div-disease-swim {
  flex: 1;
  width: 100%;
  min-width: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.div-weather-beginning {
  color: #9ca3af;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: relative;
}

.label-allow-fought {
  width: 1px;
  height: 1px;
  margin: -1px 0 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  overflow: hidden;
}

.input-sky-opinion {
  color: #000;
  text-align: left;
  background-color: #fff;
  border: 0 solid #0000;
  border-radius: 9999px;
  width: 100%;
  padding: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration: none;
  display: block;
}

.a-torn-noun {
  color: #fff;
  background-color: #f97316;
  border: 1px solid #0000;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-left: 1rem;
  padding: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.a-torn-noun:hover {
  background-color: #ea580c;
}

.p-gain-worry {
  color: #000;
  margin-top: 1.25rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration: none;
}

.div-needle-magic {
  z-index: 10;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  inset: 6rem 0 -4rem -5rem;
}

.img-dog-or {
  width: 10rem;
  height: 10rem;
  margin-bottom: -400px;
  margin-left: -111px;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.div-train-court {
  background-color: var(--white);
  order: 1;
  width: 41.6667%;
  height: auto;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.div-machinery-breeze {
  border-radius: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  inset: 0;
}

.img-leaving-because {
  object-fit: cover;
  transform-style: preserve-3d;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-weight: 400;
  text-decoration: none;
  transform: scale3d(1, 1.5, 1);
}

.div-won-grown {
  background-image: none;
  border-radius: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  inset: 0;
}

.div-future-broke {
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.div-carefully-lion {
  padding: 2rem;
  font-weight: 400;
  text-decoration: none;
}

.div-another-lost {
  align-items: center;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.img-it-answer {
  color: #f97316;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.h2-recent-quiet {
  color: #fff;
  margin-left: .625rem;
  padding: 0;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.p-smaller-worker {
  color: #fff;
  max-width: 20rem;
  margin-top: .375rem;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  text-decoration: none;
}

.hero-grid_unlocks-shoe {
  opacity: .9;
  filter: saturate(150%);
  mix-blend-mode: multiply;
  object-fit: cover;
  object-position: 50% 75%;
  border-radius: 60px;
  width: 210px;
  height: 110px;
  margin-left: -15px;
  box-shadow: 0 0 40px 5px #1f1a170d;
}

.hero-paragraph {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.5;
}

.hero-grid-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--gradient-white);
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 40px;
  display: flex;
}

.button-arrow-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 58px;
  padding: 6px 24px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out, background-color .3s ease-in-out;
  display: flex;
}

.button-arrow-2:hover {
  color: #eee8da;
  background-color: #fd5000;
  border-color: #fd5000;
  box-shadow: 0 0 60px 4px #fd500066;
}

.button-arrow-2.small {
  height: 44px;
  font-size: 15px;
}

.hero-grid_unlocks-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.section_hero-7 {
  flex-direction: column;
  align-items: stretch;
  width: 100dvw;
  height: 80dvh;
  padding: 20px 40px;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.hero_inner-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  grid-template-rows: .8fr;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  width: 100%;
  display: flex;
}

.hero-grid-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  height: 100%;
  padding-top: 20px;
}

.hero-logo {
  width: 300px;
}

.hero-grid_cell {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.hero-header {
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-heading-3 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Druk Trial, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.15;
}

.hero-heading-3.is-primary {
  color: var(--deon-green);
}

.hero-h3-heading {
  opacity: .5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
}

.material-icon.button-arrow-icon {
  font-size: 28px;
  font-weight: 300;
}

.hero-stack_image-wrap {
  border-radius: 20px;
  overflow: hidden;
}

.hero-stack_image-wrap.is-half-size {
  height: 100%;
}

.hero-h2-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 66px;
  font-weight: 400;
  line-height: 1.15;
}

.hero-stack_image {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  transition: all .35s ease-in-out;
}

.hero-stack_image:hover {
  transform: scale(1.03);
}

.hero-paragraph-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: 1;
  justify-content: space-between;
  width: 80%;
}

.page-wrapper-26 {
  z-index: 2;
  position: relative;
}

.demo-page-wrap {
  z-index: 2;
  display: none;
  position: relative;
}

.div-dollar-indeed {
  background-color: #fff;
  margin: 0;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-weight: 400;
  text-decoration: none;
}

.div-direct-perfect {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 400;
  text-decoration: none;
}

.div-design-beside {
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.div-steel-late, .a-word-occur {
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.img-lake-garage {
  width: auto;
  height: 2rem;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.div-passage-create {
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: none;
}

.a-again-neck {
  color: #111827;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.img-throw-frog {
  width: 1.75rem;
  height: 1.75rem;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.span-direct-shallow {
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: none;
}

.div-seed-rabbit {
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.a-hello-case {
  color: #111827;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration: none;
}

.a-hello-case:hover {
  color: #4f46e5;
}

.a-directly-meat {
  color: #111827;
  margin-left: 2.5rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration: none;
}

.a-directly-meat:hover {
  color: #4f46e5;
}

.div-direct-shallow {
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: none;
}

.div-location-raise {
  margin: 0;
  padding: 2rem .25rem 1rem;
  font-weight: 400;
  text-decoration: none;
}

.div-lucky-sentence {
  grid-row-gap: 1.5rem;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: grid;
}

.a-cause-usual {
  color: #111827;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration: none;
  display: flex;
}

.section-frequently-join {
  background-color: #fff;
  margin: 0;
  padding-bottom: 5rem;
  font-weight: 400;
  text-decoration: none;
}

.div-become-bent {
  background-color: var(--nike-navy);
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66ef2e57b53c1e60b71f7435_Podcast-Cover_2.jpg");
  background-size: cover;
  border-style: solid;
  border-width: 0;
  border-radius: .75rem;
  margin: 0;
  padding-top: 5rem;
  padding-bottom: 5rem;
  font-weight: 400;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.div-quickly-welcome {
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  inset: 0;
}

.img-adventure-soon {
  object-fit: contain;
  object-position: right;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  transform: scale3d(1, 1.25, 1);
}

.div-tent-met {
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  text-decoration: none;
  position: relative;
}

.div-laid-fairly {
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: relative;
}

.div-fought-should {
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
}

.div-couple-happen {
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: grid;
  position: relative;
}

.div-frog-path {
  flex-direction: column;
  grid-column: span 3 / span 3;
  justify-content: space-between;
  margin: 0;
  padding: 20px 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.h1-team-nation {
  color: #fff;
  margin: 0;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.span-alive-club {
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: inline;
  position: relative;
}

.img-stiff-saved {
  width: auto;
  height: 2rem;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 0;
  right: -2rem;
}

.p-cap-acres {
  color: #fff;
  margin-top: 1.5rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  text-decoration: none;
}

.div-fighting-cause {
  margin-top: .2rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.div-mysterious-health {
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.img-weather-work {
  border-style: solid;
  border-width: 0;
  border-radius: 9999px;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.img-uncle-consist {
  border-style: solid;
  border-width: 0;
  border-radius: 9999px;
  width: 3.5rem;
  height: 3.5rem;
  margin-left: -.5rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.p-identity-border {
  color: #fff;
  margin-top: 1rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration: none;
}

.div-forty-saw {
  background-color: #fff;
  border-radius: 10px;
  grid-column: span 2 / span 2;
  margin: 0 0 60px;
  padding: 20px 40px 0;
  font-weight: 400;
  text-decoration: none;
  box-shadow: 0 0 16px 6px #000000b5;
}

.p-related-excitement {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
  text-decoration: none;
}

.form-locate-stairs {
  margin-top: 1rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.label-facing-lay {
  width: 1px;
  height: 1px;
  margin: -1px 0 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  overflow: hidden;
}

.input-taken-teeth {
  color: #111827;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: .5rem;
  width: 100%;
  margin: 0;
  padding: .875rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: none;
  display: block;
}

.div-teeth-fence {
  margin-top: 1rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.div-cloud-apartment {
  margin-top: 1rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: relative;
}

.div-remember-trap {
  opacity: .7;
  filter: blur(16px);
  background-image: linear-gradient(to right, #44bcff, #ff44ec, #ff675e);
  border-style: solid;
  border-width: 0;
  border-radius: .75rem;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  inset: -1px;
}

.a-correctly-she {
  color: #fff;
  background-color: #111827;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: .875rem 2rem;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.a-correctly-she:hover {
  background-color: #374151;
}

.div-rocket-begun {
  margin-top: -1.2rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: none;
}

.p-pupil-way {
  color: #fff;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1rem;
  text-decoration: none;
}

.div-bus-gift {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-top: 2rem;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: inline-grid;
}

.img-property-valuable {
  object-fit: contain;
  width: auto;
  height: 1.5rem;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

.div-block-428 {
  margin-top: 75px;
  padding-top: 40px;
  display: none;
}

.form-block-28 {
  margin-bottom: 10px;
}

.providers {
  justify-content: space-between;
  display: flex;
}

.pro-img {
  border: 1.25px solid #292b33;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  margin-right: -1rem;
}

.pro-img.border-accent-1 {
  border-color: var(--white);
}

.pro-img.border-primary {
  border-color: #efffef;
  margin-right: 0;
}

.grid-7 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  grid-auto-columns: minmax(.5rem, 1fr);
}

.container-87 {
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.blog-hero-header {
  z-index: 2;
  border-bottom: 1px solid #dbdbdb;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin: 80px 8% 40px;
  padding-bottom: 40px;
  display: flex;
  position: static;
  inset: 0 0 0 0;
}

.blog-email-entry {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  background-color: #fdfdfd;
  border: 1px solid #00000026;
  border-radius: 3em;
  width: 70%;
  height: 100%;
  margin-bottom: 0;
  padding-top: .7rem;
  padding-bottom: .7rem;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 200;
}

.blog-email-entry:hover {
  border-width: 1.5px;
  border-color: var(--deon-green);
}

.blog-email-entry:active, .blog-email-entry:focus {
  border-color: var(--neon-green);
}

.blog-email-entry::placeholder {
  color: var(--active-border);
  font-size: 12px;
  font-weight: 400;
}

.blog-hero-container {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 60px;
  margin-left: 0%;
  margin-right: 0%;
  display: flex;
}

.blog-hero-top {
  border-right: 1px #0000001a;
  padding-right: 20px;
}

.blog-hero-description {
  max-width: 30rem;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.blog-hero-h1-header {
  color: var(--black);
  text-align: left;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 2px;
  padding-right: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-style: italic;
  font-weight: 800;
  line-height: 1em;
}

.blog-eyebrow {
  letter-spacing: .025em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.blog-eyebrow.theme-1-text-c {
  text-align: left;
  letter-spacing: 3px;
  color: #6a6f74;
  font-weight: 500;
}

.blog-card-eyebrow {
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: .75rem;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.blog-header-card-title {
  text-align: center;
  text-decoration: none;
}

.blog-text-box {
  font-size: 18px;
  line-height: 22px;
}

.blog-text-box.theme-1-text-c {
  color: var(--button-black);
  text-align: left;
  padding-left: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
}

.card-16-wrap-2 {
  display: block;
  position: relative;
}

.feature-card-7-image-2 {
  z-index: 1;
  background-color: #f2f2f2;
  width: 100%;
  height: auto;
  padding-top: 62.5%;
  position: absolute;
}

.feature-card-7-media-2 {
  z-index: 2;
  height: auto;
  padding-top: 62.5%;
}

.video-card-1-body-container-2 {
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: center;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-101 {
  cursor: pointer;
  border-radius: 100vw;
  padding: 0;
  font-weight: 500;
  transition: color .2s, box-shadow .2s, background-color .2s;
  position: relative;
}

.button-101.theme-1-fill-a {
  color: #fff;
  background-color: #111;
}

.button-101.theme-1-fill-a:hover {
  background-color: #404040;
}

.button-101.theme-1-fill-a:active {
  background-color: #595959;
}

.button-101.image-fill-a {
  color: #000f1d;
  background-color: #fff;
}

.button-101.image-fill-a:hover {
  background-color: #e9e9e9;
}

.button-101.image-fill-a:active {
  background-color: #d9d9d9;
}

.button-101.theme-1-fill-b {
  color: #000f1d;
  background-color: #f5f5f5;
}

.button-101.theme-1-fill-b:hover {
  background-color: #e6e6e6;
}

.button-101.theme-1-fill-b:active {
  background-color: #ccc;
}

.video-card-1-eyebrow-2 {
  margin-bottom: .75rem;
}

.list-header-1-2 {
  margin-bottom: 1.25rem;
}

.feature-card-7-media-wrap-2 {
  flex-direction: column;
  justify-content: center;
  max-height: 44rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-card-1-body-2 {
  z-index: 2;
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 3rem;
}

.list-header-2-wrap-2 {
  grid-column-gap: 16px;
  grid-row-gap: .25rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-bottom: 2rem;
  display: grid;
}

.feature-card-7-header-2 {
  position: relative;
}

.breadcrumb-1-wrap-2 {
  align-items: center;
  width: 100%;
}

.feature-card-7-wrap-2 {
  display: block;
  position: relative;
}

.video-card-1-link-2 {
  grid-column-gap: .5rem;
  max-width: 30rem;
  display: flex;
}

.feature-card-7-header-link-2 {
  z-index: 2;
  position: absolute;
  inset: auto auto 2rem 2rem;
}

.section-48 {
  background-color: #0000;
  width: 100%;
}

.section-48.has--overflow-hidden {
  overflow: hidden;
}

.slider-1-nav-2 {
  flex-direction: row;
  height: 12px;
  padding-top: 0;
  display: flex;
  position: static;
}

.code-embed {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.collection-list-wrapper-10, .collection-item-9 {
  display: block;
}

.collection-list-4 {
  display: flex;
}

.blog-hero-h1-eyebrow {
  color: var(--body-display);
  text-align: left;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-right: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
}

.collection-list-5 {
  display: flex;
}

.blog-slider_wrapper {
  background-color: #f4f8fa00;
  flex: 1;
  align-self: stretch;
  width: 95vw;
  min-height: 750px;
  margin-top: 0;
  margin-left: 5vw;
  margin-right: 0;
  padding: 0 30px 30px;
  display: none;
  position: relative;
  overflow: hidden;
}

.icon-embed-xsmall-3 {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.icon-embed-xxsmall-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.builder_feature-10_figma-row {
  grid-column-gap: .5rem;
  cursor: pointer;
  background-color: #0000;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.builder_feature-10_figma-row:hover {
  background-color: #383838;
}

.builder_feature-10_figma-row.w--current {
  background-color: #4a5878;
}

.builder_feature-8_ui-modal-close {
  cursor: pointer;
  border-radius: .5rem;
  padding: .5rem;
  transition: background-color .15s ease-out;
}

.builder_feature-8_ui-modal-close:hover {
  background-color: #f4f3f3;
}

.star-pattern-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto auto auto 0%;
  overflow: hidden;
}

.builder_feature-2_ui-left-name {
  justify-content: space-between;
  display: flex;
}

.logo-slider_slide {
  height: 4.5rem;
  padding-bottom: 0;
  padding-right: 0;
}

.builder_feature-5_ui-section_header1 {
  transform-origin: 70% 100%;
  background-color: #fff;
  border-radius: 1rem;
  flex: none;
  transform: scale(.53);
}

.section_sb-header {
  position: relative;
}

.builder_feature-9_ui-row {
  grid-column-gap: .125rem;
  cursor: pointer;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.builder_feature-9_ui-row:hover {
  background-color: #4d4d4d;
}

.builder_feature-9_ui-row.indent-2 {
  padding-left: 3rem;
}

.builder_feature-9_ui-row.indent-1 {
  padding-left: 2rem;
}

.builder_feature-4-left {
  background-color: #f5f5f5;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.builder_feature-9_ui-text {
  line-height: 1;
}

.builder_feature-2_ui-top-text {
  flex: 1;
  font-size: 1.5rem;
  font-weight: 500;
}

.builder_feature-2_ui-top-text._2 {
  display: none;
}

.builder_feature-3-left {
  flex: 1;
  padding: 3rem;
}

.builder_feature-card {
  background-color: #f6f6f6;
  border-radius: 1rem;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.builder_feature-card.feature-2 {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/675773f30945acdd9e169342_feature-2-bg.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: row;
}

.builder_feature-card.feature-4 {
  flex-direction: row;
}

.builder_feature-2_ui-right-container {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: none;
  overflow: scroll;
}

.builder_feature-1-ellipses {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.1875rem;
  height: .3125rem;
  display: flex;
}

.feature_ui-divider {
  background-color: #dcdcdc;
  align-items: center;
  width: 100%;
  height: 1px;
  margin-top: .75rem;
  margin-bottom: .75rem;
  display: flex;
}

.feature_ui-divider.padding-none {
  margin-top: 0;
  margin-bottom: 0;
}

.builder_feature-10_figma-container {
  z-index: 2;
  color: #fff;
  background-color: #2c2c2c;
  border-top-left-radius: .25rem;
  width: 11rem;
  position: relative;
}

.builder_feature-3-right-dock {
  grid-column-gap: .625rem;
  -webkit-backdrop-filter: blur(26px);
  backdrop-filter: blur(26px);
  background-color: #fff9;
  border: 1px solid #0000001f;
  border-radius: 1.3125rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  display: flex;
}

.builder_feature-4_ui-right-container {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  overflow: hidden;
}

.builder_feature-1_ui-block {
  border: 2px solid #161616;
  border-radius: .75rem;
  overflow: hidden;
}

.builder_feature-4_ui-right-image {
  flex: none;
  width: 100%;
}

.builder_feature-7_ui-menu {
  z-index: 1;
  color: #161616;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: .75rem;
  flex-direction: column;
  width: 15rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
  position: absolute;
  top: 105%;
  left: 0%;
}

.builder_feature-8_ui-top-button {
  grid-column-gap: .5rem;
  cursor: pointer;
  border: 2px solid #d0d0ce;
  border-radius: 1rem;
  align-items: center;
  padding: .75rem 1.5rem;
  transition: background-color .15s ease-out;
  display: flex;
}

.builder_feature-8_ui-top-button:hover {
  background-color: #ecebe9;
}

.builder_feature-2_ui-image {
  grid-row-gap: .5rem;
  text-align: center;
  background-color: #ebeae8;
  border-radius: .375rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  transition: background-color .15s ease-out;
  display: flex;
}

.builder_feature-2_ui-image:hover {
  background-color: #e3e2de;
}

.builder_feature-2_ui-image._1, .builder_feature-2_ui-image._2, .builder_feature-2_ui-image._3 {
  cursor: pointer;
}

.rl-page-padding {
  margin-bottom: 10px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.builder_feature-4_ui-left {
  grid-column-gap: 3.25rem;
  background-color: #f1f0ee;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  justify-content: flex-end;
  align-items: center;
  padding: .75rem 2rem;
  transition: background-color .15s ease-out;
  display: flex;
}

.builder_feature-4_ui-left:hover {
  background-color: #d8d5d1;
}

.builder_feature-9_ui-row-container {
  height: 1rem;
  overflow: hidden;
}

.builder_feature-6_ui-top {
  grid-column-gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.builder_feature-wipe {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.builder_feature-wipe.horizontal {
  flex-direction: row;
}

.builder_feature-wipe.horizontal.align-top {
  justify-content: flex-start;
  height: 90%;
  bottom: 0%;
}

.builder_feature-wipe.left-align {
  align-items: flex-start;
}

.sb-header_image {
  width: 100%;
  transition: opacity .2s;
}

.builder_feature-1_ui-block-bottom {
  grid-row-gap: .625rem;
  letter-spacing: -.02em;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: .75rem;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.builder_feature-2_ui-button {
  grid-column-gap: .5rem;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-weight: 500;
  transition: background-color .15s ease-out;
  display: flex;
}

.builder_feature-2_ui-button:hover {
  background-color: #f9f9f9;
}

.builder_feature-1-line-wrapper {
  flex: 1;
  justify-content: center;
  display: flex;
}

.builder_feature-4_ui-ellipses {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5625rem;
  height: .5rem;
  display: flex;
}

.builder_feature-11_ui {
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.builder_feature-5_ui-button-wipe {
  height: 1rem;
  overflow: hidden;
}

.builder_feature-1_ui-line {
  background-color: #161616;
  width: 2px;
  height: 100%;
}

.text-style-link-4 {
  text-decoration: underline;
}

.text-style-link-4.text-color-darkgrey-2:hover {
  color: var(--deon-green);
}

.builder_feature-grid-6 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.builder_feature-9_line {
  background-color: #666;
  width: 2px;
  height: auto;
  position: absolute;
  inset: 3rem auto 0% 1.2rem;
}

.builder_feature-9_line.indent-1 {
  top: 5rem;
  left: 2.2rem;
}

.site-builder-form-icon {
  color: #6248ff;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: absolute;
  left: 1.25rem;
}

.builder_feature-grid-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-auto-flow: row;
}

.builder_feature-2_ui-top {
  grid-column-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1rem .75rem;
  display: flex;
}

.builder_feature-5_ui-heading-container {
  height: 7.5rem;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
  overflow: hidden;
}

.builder_feature-4_ui-text {
  letter-spacing: 0;
  font-size: 1.5rem;
  line-height: 1;
}

.builder_feature-5_ui-layout {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  align-items: center;
  display: flex;
}

.builder_feature-7_ui-tooltip {
  z-index: 2;
  background-color: #161616;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  padding: .5rem 1rem;
  display: flex;
  position: absolute;
  bottom: 0%;
}

.builder_feature-1_ui-container {
  flex-direction: column;
  width: 100%;
  max-width: 20rem;
  display: flex;
  position: relative;
}

.builder_feature-6_ui-middle-text {
  flex: none;
  width: 100%;
}

.builder_feature-8_overlay {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  justify-content: center;
  align-items: center;
  padding: 3rem;
  display: none;
  position: absolute;
  inset: 0%;
}

.builder_feature-8_ui-modal-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.builder_feature-7_ui-block {
  grid-row-gap: 1.5rem;
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  flex-direction: column;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-size-large-8 {
  font-size: 1.25rem;
}

.builder_feature-7_ui-top-menu-container {
  z-index: 3;
  position: relative;
}

.builder_feature-8_ui-block {
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-padding-7 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.icon-embed-custom {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.builder_feature-11_image {
  border-radius: 4px;
}

.builder_feature-11_image.left {
  z-index: 1;
  width: 5.5rem;
  margin-right: 12rem;
  position: absolute;
  box-shadow: 0 4px 8px #0000001a;
}

.builder_feature-11_image.right {
  width: 15.5rem;
  margin-left: 2rem;
  position: absolute;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.builder_feature-5_ui-container {
  width: 100%;
  max-width: 68rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.container-large-11 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.builder_feature-10_figma-row-text {
  color: #fff;
  font-size: .75rem;
  line-height: 1;
}

.builder_feature-8_ui-bottom {
  align-self: flex-end;
}

.logo-slider_mask {
  height: 4.5rem;
}

.builder_feature-8_ui-modal-heading {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
}

.icon-xxxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .5rem;
  height: .5rem;
  display: flex;
}

.builder_feature-8_ui-top-text {
  font-size: 2rem;
  font-weight: 500;
}

.builder_feature-6_ui-button-text {
  font-weight: 500;
  line-height: 1;
}

.builder_feature-6_ui {
  grid-row-gap: 1.5rem;
  background-color: #fff;
  border-radius: .875rem;
  flex-direction: column;
  padding: 1rem;
  display: flex;
}

.builder-card-overlay {
  z-index: 1;
  background-image: none;
  height: 6rem;
  position: absolute;
  inset: auto 0% 0%;
}

.builder_feature-4_ui-right {
  background-color: #f5f5f5;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  padding-top: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.builder_feature-5_ui-text-container {
  height: 7rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.feature-7_ui-menu-text {
  flex: 1;
}

.builder_feature-8_ui-button-text {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
}

.builder_feature-8_ui-button-text._2 {
  display: none;
}

.builder_feature-4_ui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.625rem;
  height: 1.5rem;
  display: flex;
}

.builder_feature-9_ui-panes {
  z-index: 0;
  border-top-left-radius: .5rem;
  position: absolute;
  inset: 0% 0% 0% 1.5rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 25rem;
}

.text-weight-medium-2 {
  font-weight: 500;
}

.text-weight-medium-2.text-color-gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(117deg, #ff7448, #ff4848 43%, #6248ff 90%);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-weight-medium-2.text-color-gradient.reverse {
  background-image: linear-gradient(117deg, #6248ff 49%, #ff4848 72%, #ff7448);
}

.builder_feature-1_ui-block-top {
  color: #fff;
  letter-spacing: -.02em;
  background-color: #161616;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 27px 1rem 14px;
  font-size: 1.3125rem;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.text-color-darkgrey-2 {
  color: #b2b0b0;
  margin-top: 0;
  font-family: Helvetica Neue, sans-serif;
}

.builder_feature-2_ui-close {
  cursor: pointer;
  border-radius: .375rem;
  padding: .5rem;
  transition: background-color .15s ease-out;
  display: flex;
}

.builder_feature-2_ui-close:hover {
  background-color: #f4f3f3;
}

.sb-header_image-wrapper {
  background-color: #161616;
  border: 2px solid #161616;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.sb-header_play-button {
  z-index: 2;
  filter: invert();
  width: 6rem;
  position: absolute;
  top: auto;
  left: auto;
}

.logo-slider_component {
  background-color: #0000;
  height: 4.5rem;
}

.builder_feature-6_ui-heading-container {
  overflow: hidden;
}

.builder_feature-4-left-top {
  flex-direction: column;
  padding: 3rem;
  display: flex;
}

.section_features-2 {
  background-color: var(--white);
}

.page-wrapper-27 {
  background-color: #fff;
  display: none;
  overflow: hidden;
}

.sb-header_bottom-wrapper {
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  overflow: hidden;
}

.site-builder-text-field {
  background-color: #fff0;
  border: 1px #000;
  height: 3rem;
  margin-bottom: 0;
  padding-left: 1rem;
  padding-right: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 12.5px;
}

.site-builder-text-field::placeholder {
  color: #161616a6;
}

.builder_feature-bottom {
  height: 25rem;
  display: flex;
}

.builder_feature-bottom.feature-11 {
  flex: 1;
  height: 13.5rem;
}

.builder_feature-bottom.feature-8 {
  flex: 1;
  width: 100%;
}

.builder_feature-bottom.feature-6 {
  background-color: #f5f5f5;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

.builder_feature-bottom.feature-7 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: relative;
}

.builder_feature-bottom.feature-2 {
  background-color: #f5f5f5;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
}

.builder_feature-bottom.feature-10 {
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  height: 13.5rem;
  position: relative;
}

.builder_feature-bottom.feature-9 {
  flex-direction: column;
  height: 13.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.builder_feature-bottom.feature-1 {
  background-color: #f5f5f5;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
}

.logo1_wrapper {
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.builder_feature-7_ui-menu-group {
  flex-direction: column;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.text-color-white-4 {
  color: #fff;
}

.site-builder-form-block {
  width: 52rem;
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
}

.button-102 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 2px solid #161616;
  border-radius: .5rem;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  transition: all .2s;
}

.button-102:hover {
  background-color: #2e2e2e;
  border-color: #0000;
}

.button-102.button-large {
  border-radius: .625rem;
  padding: 1rem 2rem;
  font-size: 1.125rem;
}

.button-102.button-large.max-width-full-mobile-landscape.hidden {
  display: none;
}

.icon-embed-medium {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.site-builder-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #969ea71a;
  border: 1px solid #a4afb54d;
  border-radius: 5rem;
  align-items: center;
  margin-left: 140px;
  margin-right: 140px;
  padding: .25rem .25rem .25rem .75rem;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
}

.site-builder-form:hover {
  box-shadow: 0 2px 4px #00000014;
}

.site-builder-form:focus {
  border-color: var(--deon-green);
  font-family: Helvetica Neue, sans-serif;
}

.builder_feature-5_ui-padding {
  padding: 4rem 4rem 9rem;
}

.builder_feature-10_ui {
  z-index: 1;
  flex-direction: column;
  flex: none;
  display: flex;
}

.logo1_logo {
  max-height: 3.5rem;
}

.builder_feature-2_ui-left {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.builder_feature-2_ui-left._1 {
  display: flex;
}

.builder_feature-2_ui-left._3, .builder_feature-2_ui-left._2 {
  display: none;
}

.builder_feature-9_ui-block {
  color: #d7d7d7;
  background-color: #404040;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  flex: 1;
  align-self: center;
  width: 100%;
  max-width: 20rem;
  padding-top: 1rem;
  position: relative;
  overflow: hidden;
}

.builder_feature-1_ui-block-inner {
  grid-row-gap: .5rem;
  border: 2px solid #161616;
  border-radius: .375rem;
  flex-direction: column;
  padding: 1rem .875rem;
  font-size: 1.25rem;
  transition: border-color .15s ease-out;
  display: flex;
}

.builder_feature-1_ui-block-inner:hover {
  border-color: #6248ff;
}

.builder_feature-1_ui-block-inner._3, .builder_feature-1_ui-block-inner._4, .builder_feature-1_ui-block-inner._2 {
  display: none;
}

.builder_feature-9_arrow {
  color: #a3a3a3;
}

.builder_feature-3-dock-icon {
  cursor: pointer;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  box-shadow: 0 1px 1px #00000040;
}

.builder_feature-9_ui-button {
  grid-column-gap: .625rem;
  color: #fff;
  cursor: pointer;
  background-color: #6248ff;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding: .75rem 1.5rem;
  font-size: 1.125rem;
  transition: background-color .15s ease-out;
  display: flex;
}

.builder_feature-9_ui-button:hover {
  background-color: #5339ee;
}

.builder_feature-9_ui-button.is-orange {
  background-color: #ff7448;
}

.builder_feature-9_ui-button.is-orange:hover {
  background-color: #ec6237;
}

.builder_feature-9_ui-button.is-yellow {
  color: #161616;
  background-color: #dbfe52;
}

.builder_feature-9_ui-button.is-yellow:hover {
  background-color: #e2ff72;
}

.header1_image {
  width: 100%;
  height: 100%;
}

.builder_feature-9_ui-button-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 13.5rem;
  padding-left: 5%;
  display: flex;
}

.builder_feature-7_ui-image-container {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.builder_feature-8_ui-top-overlay {
  pointer-events: none;
  background-image: linear-gradient(to right, #e4e2df, #938b8900 50%, #e4e2df);
  width: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.heading-huge-2 {
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.builder_feature-4-right_swipe {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon-embed-xsmall-4 {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.sb-header_form-text-caption {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.builder_feature-2_ui-left-container {
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.builder_feature-5_ui {
  background-color: #f5f5f5;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.builder_feature-7_ui-top-ellipses {
  cursor: pointer;
  border: 2px solid #686868;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .875rem;
  transition: background-color .15s ease-out;
  display: flex;
}

.builder_feature-7_ui-top-ellipses:hover {
  background-color: #d6d0f3;
}

.builder_feature-10_figma-row-color {
  border: 1px solid #ffffff1f;
  border-radius: 100rem;
  width: 1rem;
  height: 1rem;
}

.builder_feature-10_figma-row-color.orange {
  background-color: #ff7448;
  border-radius: 100rem;
}

.builder_feature-10_figma-row-color.purple {
  background-color: #6248ff;
}

.builder_feature-10_figma-row-color.green {
  background-color: #dbfe52;
}

.sb-header-ai-text {
  color: #6248ff;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/675773f30945acdd9e16933e_ai-stars.svg");
  background-position: 100% 15%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-right: -1.25rem;
  padding-right: 1.25rem;
  display: inline-block;
}

.icon-embed-custom3 {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.icon-embed-custom3.is-purple {
  color: #6248ff;
}

.builder_feature-6_ui-close-container {
  cursor: pointer;
  border-radius: .375rem;
  padding: .5rem;
  transition: background-color .15s ease-out;
  display: flex;
}

.builder_feature-6_ui-close-container:hover {
  background-color: #f4f3f3;
}

.builder_feature-10_figma-headers {
  border-bottom: 1px solid #444;
  padding: 1rem;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.builder_feature-8_ui-button {
  grid-column-gap: 1rem;
  color: #fff;
  cursor: pointer;
  background-color: #161616;
  border-radius: .75rem;
  align-self: flex-end;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.main-wrapper-16 {
  width: 100%;
  min-height: 70vh;
  display: block;
}

.builder_feature-8_ui-top {
  grid-column-gap: 1rem;
  transform-style: preserve-3d;
  flex-direction: row;
  flex: none;
  justify-content: center;
  width: 100%;
  display: flex;
  position: relative;
}

.builder_feature-1-plus-wrapper {
  z-index: 2;
  color: #6248ff;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: color .15s ease-out;
  display: flex;
  position: absolute;
  inset: auto 0% -.5rem;
}

.builder_feature-1-plus-wrapper:hover {
  opacity: 1;
  color: #4e3be5;
}

.builder_feature-1-plus-wrapper._2 {
  display: none;
}

.builder_feature-3-right {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 3rem;
  display: flex;
}

.builder_feature-6_ui-button {
  grid-column-gap: .625rem;
  color: #161616;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #16161626;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding: .75rem 1rem;
  font-size: 1.125rem;
  transition: background-color .15s ease-out;
  display: flex;
}

.builder_feature-6_ui-button:hover {
  background-color: #f1f0ee;
}

.builder_feature-6_ui-button._2 {
  display: none;
}

.logo1_component {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  opacity: .65;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.star-pattern-layer {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/675773f30945acdd9e169341_Star%20Pattern%20Square.svg");
  background-position: 50%;
  background-repeat: repeat;
  background-size: 24px;
  background-attachment: scroll;
  width: 100%;
  height: 638px;
  position: relative;
}

.builder_feature-10_figma-bottom {
  background-color: #2c2c2c;
  padding-bottom: .5rem;
  position: static;
}

.star-pattern-color {
  filter: blur(56px);
  background-image: linear-gradient(#5a3eff, #6248ff 60%, #ff4848 76%, #ff7448 88%);
  align-self: center;
  width: 100%;
  height: 200px;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.heading-large-6 {
  letter-spacing: -.02em;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.2;
}

.builder_feature-6_ui-middle-input {
  background-color: #e4e2df;
  border-radius: .5rem;
  padding: 1rem .75rem;
}

.builder_feature-7_ui-menu-row {
  cursor: pointer;
  border-radius: .375rem;
  align-items: center;
  height: 2.25rem;
  padding: .25rem .5rem;
  transition: background-color .15s ease-out;
  display: flex;
}

.builder_feature-7_ui-menu-row:hover {
  background-color: #f1f0ee;
}

.builder_feature-2_ui-block {
  background-color: #fff;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 20rem;
  height: 100%;
  max-height: 24rem;
  display: flex;
}

.builder_feature-top {
  background-color: #f5f5f5;
  padding: 3rem;
}

.builder_feature-top.feature-11 {
  text-align: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.feature-7_ui-menu-shortcut {
  color: #8a8a8a;
  background-color: #f1f0ee;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .125rem .25rem;
  font-size: .875rem;
  display: flex;
}

.builder_feature-10_figma-tabs {
  z-index: 1;
  background-color: #2c2c2c;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.builder_feature-7_ui-top {
  color: #686868;
  background-color: #dfdafc;
  border-top-right-radius: .75rem;
  border-bottom-right-radius: .75rem;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 18rem;
  padding: .375rem;
  display: flex;
}

.builder_feature-8_ui-modal {
  grid-row-gap: 1rem;
  background-color: #fff;
  border: 1px solid #1616161f;
  border-radius: 1.25rem;
  flex-direction: column;
  align-items: stretch;
  padding: 1.5rem;
  display: flex;
}

.heading-custom-h3 {
  color: var(--black);
  text-transform: none;
  font-family: Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
}

.sb-header_component {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.builder_feature-5_ui-button {
  z-index: 99;
  grid-column-gap: .625rem;
  color: #fff;
  cursor: pointer;
  background-color: #6248ff;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding: .75rem 1.5rem;
  font-size: 1.125rem;
  transition: background-color .15s ease-out;
  display: flex;
  position: absolute;
  bottom: 3rem;
}

.builder_feature-5_ui-button:hover {
  background-color: #5339ee;
}

.button-103 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 2px solid #161616;
  border-radius: .5rem;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  transition: all .2s;
}

.button-103:hover {
  background-color: #2e2e2e;
  border-color: #0000;
}

.button-103.button-large {
  border-radius: .625rem;
  padding: 1rem 2rem;
  font-size: 1.125rem;
}

.button-103.button-large.max-width-full-mobile-landscape {
  border-radius: 3.6rem;
  font-family: Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.button-103.button-large.max-width-full-mobile-landscape:hover {
  background-color: var(--deon-green);
  color: var(--black);
}

.builder_feature-3-dock-image {
  transform-origin: 50% 100%;
}

.builder_feature-4_ui-button {
  grid-column-gap: 1.25rem;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #dcdcdc;
  border-radius: .75rem;
  align-items: center;
  padding: 1rem 1.25rem;
  font-weight: 500;
  display: flex;
}

.builder_feature-4_ui-button:hover {
  background-color: #f9f9f9;
}

.builder_feature-4_ui-button._2 {
  display: none;
}

.builder_feature-1-plus {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.1875rem;
  height: 2.1875rem;
  display: flex;
  transform: scale(.8);
}

.uk-overlay-image {
  z-index: 800;
  max-width: 100%;
  margin-top: 75px;
  padding-top: 0;
  padding-left: 60px;
  padding-right: 60px;
  transition: bottom .45s;
  display: block;
  position: absolute;
  inset: 487px 0% 0%;
}

.feature-background-image_uk {
  background-color: var(--dark-outline);
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6757cffd82af58acebe76969_friends-trail-running-in-the-mountains.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #eee;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  max-height: 700px;
  padding-top: 83%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.eyebrow-20-copy {
  letter-spacing: .025em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.eyebrow-20-copy.theme-1-text-c {
  letter-spacing: 3px;
  color: #6a6f74;
  font-weight: 500;
}

.eyebrow-20-copy.theme-1-text-uk {
  letter-spacing: 3px;
  font-weight: 500;
}

.eyebrow-20-copy.theme-1-text-uk-2 {
  color: #c4c4c4;
  letter-spacing: 3px;
  font-weight: 500;
}

.text-50-uk {
  font-size: 18px;
  line-height: 22px;
}

.text-50-uk.theme-1-text-c {
  color: #c4c4c4;
  text-align: center;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.heading-100-uk {
  letter-spacing: -.018em;
  margin-bottom: -20px;
  font-size: 68px;
  font-weight: 400;
  line-height: 76px;
}

.heading-100-uk.theme-1-text-a {
  color: var(--black);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(103deg, #97a4aa, #eee 48%, #b9c0c8);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  padding-left: 45px;
  padding-right: 45px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-style: italic;
  font-weight: 800;
  line-height: 1em;
  text-decoration: none;
}

.slack-access-text-uk {
  color: #b2b0b0;
  margin-left: 20px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.avatar-image-uk {
  border: 2px solid var(--white);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: -1rem;
}

.avatar-image-uk.border-accent-1 {
  border-color: var(--white);
}

.avatar-image-uk.border-primary {
  border-color: #676c69;
  margin-right: -.9rem;
}

.section-hero-v1 {
  background-color: #0000;
  width: 100%;
  display: none;
  overflow: visible;
}

.heading-190, .heading-191, .heading-192 {
  text-transform: capitalize;
  font-family: Helvetica Neue, sans-serif;
}

.block-content-total {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff0;
  border: 1px #000;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 0;
  display: block;
}

.blue_dashboard-card {
  color: #f1f0e1;
  cursor: pointer;
  background-color: #506385;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67717f91270f258db994511b_background.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 13px;
  padding: 20px;
  transition: all .5s;
}

.blue_dashboard-card:hover {
  color: #b8b8b8;
  background-color: #f1f0e1;
}

.blue_dashboard-card.card_flex {
  padding-left: 20px;
}

.card_menu-icon {
  transform-style: preserve-3d;
  width: 20px;
  height: 17px;
  transition: all .5s;
}

.card_menu-icon:hover {
  transform: scale3d(1, 1, 2);
}

.card_total {
  overflow: hidden;
}

.cross {
  color: var(--red-text);
  font-size: 1.5rem;
  position: absolute;
  inset: 5% 5% auto auto;
}

.popup_button-group {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 40px;
  display: flex;
}

.popup_button-group.flex {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  display: grid;
}

.left-arrow, .right-arrow-2 {
  display: none;
}

.div-block-429 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 42px;
  display: flex;
}

.graph_number {
  text-align: center;
  font-size: .8rem;
  position: relative;
  top: 30px;
}

.popup_features-wrap {
  z-index: 3;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.popup_card {
  color: #f1f0e1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 13px;
  width: 100%;
  max-width: 450px;
  padding: 30px 40px;
  transition: all .5s;
  position: relative;
}

.arrow-6 {
  color: var(--neon-green);
  cursor: pointer;
  width: 38px;
  transition: all .3s;
}

.arrow-6:hover {
  transform: rotate(45deg);
}

.popup_horizontal-flex {
  color: var(--black);
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.slide-nav-2 {
  font-size: .5rem;
  inset: auto auto 0% 6%;
}

.focus_span {
  font-family: Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
}

.dashboard_grid {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #10101500;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 100%;
  min-height: 90vh;
  display: grid;
}

.card-divider {
  background-color: #d9d9d9;
  width: 100%;
  height: 1px;
  margin-top: 1rem;
}

.circle_wrap {
  z-index: -1;
  border-style: solid;
  border-width: 8px;
  border-color: #e4e4e4 var(--neon-green) var(--neon-green);
  border-radius: 50%;
  width: 200px;
  height: 200px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  transform: rotate(-45deg);
}

.absolute_arrow {
  width: 35px;
  height: 35px;
  transition: all .3s;
  position: absolute;
  inset: 10% 2% auto auto;
}

.absolute_arrow:hover {
  transform: rotate(45deg);
}

.custom_dashboard {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 13px;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all .5s;
  display: flex;
  position: relative;
}

.custom_dashboard:hover {
  background-color: var(--nike-navy);
  color: #fff;
}

.graph_chart {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.navbar_watchlist {
  cursor: pointer;
  transition: all .3s;
}

.navbar_watchlist:hover {
  transform: translate(0, -8px);
}

.text-color-green {
  color: #28971e;
}

.popup_button {
  color: #f1f0e1;
  background-color: #000;
  border: 1px solid #0000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  transition: all .5s;
  display: flex;
}

.popup_button:hover {
  background-color: var(--deon-green);
}

.popup_button.is-alternative {
  color: #000;
  background-color: #0000;
  border: 1px solid #000;
}

.popup_button.is-alternative:hover {
  color: #506385;
  background-color: #f1f0e1;
}

.popup_divider {
  background-color: var(--deon-green);
  width: 100%;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.chart_bar {
  background-color: #b2b1a836;
  width: 55px;
  height: 35%;
}

.chart_bar.height_70 {
  height: 70%;
}

.chart_bar.height_70.background_color {
  background-color: var(--neon-green);
}

.chart_bar.height_45 {
  height: 45%;
}

.chart_bar.height_50 {
  height: 50%;
}

.chart_bar.height_55 {
  height: 55%;
}

.popup_invoice {
  color: #f1f0e1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 13px;
  width: 100%;
  max-width: 450px;
  padding: 30px 40px;
  transition: all .5s;
  position: relative;
  box-shadow: 0 0 5px #0003;
}

.popup_features {
  color: #f1f0e1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 13px;
  width: 100%;
  max-width: 450px;
  padding: 30px 20px;
  transition: all .5s;
  position: relative;
}

.navbar_watchlist-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
}

.navbar_divider {
  background-color: #ccc3;
  width: 1px;
  height: 36px;
  margin-left: 46px;
  margin-right: 46px;
}

.menu_icon {
  width: 35px;
}

.watchlist_number {
  color: var(--black-2);
  font-family: Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.dashboard_container {
  width: 100%;
  max-width: 83rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.focus_text {
  color: var(--black);
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 3.5rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.total_text {
  color: var(--top-subtxt);
  justify-content: space-between;
  align-items: stretch;
  margin-top: .5rem;
  display: flex;
}

.slider_card {
  color: #f1f0e1;
  cursor: pointer;
  background-color: #506385;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67717f91270f258db994511b_background.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 13px;
  transition: all .5s;
  position: relative;
}

.slider_card:hover {
  background-color: #343435;
}

.section_hero-8 {
  background-color: #10101500;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.popup_invoice-wrap {
  z-index: 3;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.navbar_flex {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.page-wrapper-dark.is-relative {
  position: relative;
}

.text-color-red {
  color: #a01212;
}

.small-text-stat {
  color: #dadada;
  font-family: Helvetica Neue, sans-serif;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
}

.card_head {
  justify-content: space-between;
  display: flex;
}

.global-styles-8 {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.popup_tick-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.circle_text {
  color: var(--ai-background);
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1em;
}

.card_graph-wrap {
  flex-flow: column;
  width: 100%;
  max-width: 365px;
  height: 100%;
  display: flex;
}

.container-large-12 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.popup_heading2 {
  text-align: center;
  font-family: Helvetica Neue, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
}

.image_grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin: 1rem -20px -20px;
  display: flex;
}

.popup_wrap {
  z-index: 3;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.navbar-5 {
  background-color: #10101500;
  padding: 0 2rem 7px;
}

.card_graph {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-bottom: 10px;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.procces-bar {
  background-color: #ffffff0d;
  background-image: linear-gradient(270deg, #ffffff0d 55%, var(--neon-green) 55%);
  border-radius: 20px;
  width: 100%;
  height: 8px;
  margin-top: 0;
  display: flex;
}

.slider-8 {
  background-color: #ddd0;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
}

.graph_text-2 {
  color: #878682;
}

.dark_dashboard-card {
  background-color: var(--white);
  color: #f1f0e1;
  cursor: pointer;
  border-radius: 13px;
  padding: 20px;
  transition: all .5s;
}

.dark_dashboard-card:hover {
  background-color: var(--deon-green);
}

.dark_dashboard-card.item-center {
  z-index: 1;
  cursor: pointer;
  border-radius: 13px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.dark_dashboard-card.item-center:hover {
  color: #000;
  background-color: #adada4;
}

.dark_dashboard-card.card_flex {
  cursor: pointer;
  border-radius: 13px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.dark_dashboard-card.card_flex:hover {
  background-color: #343435;
}

.dark_dashboard-card.card_flex.hover {
  cursor: pointer;
  border-radius: 13px;
}

.dark_dashboard-card.card_flex.hover:hover {
  color: #1f1f22;
  background-color: #dfdfdf;
}

.dark_dashboard-card.card_flex.hover.is-relative {
  position: relative;
}

.dark_dashboard-card.invoice_flex {
  cursor: pointer;
  border-radius: 13px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.grid_image {
  object-fit: cover;
  width: 81.8281px;
  height: 83.9531px;
  transition: all .3s;
}

.grid_image:hover {
  transform: translate(0, -8px);
}

.time_text {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  font-size: .9rem;
  display: flex;
}

.navbar_menu {
  padding-top: 24px;
  padding-bottom: 24px;
}

.tick_icon {
  width: 30px;
}

.watchlist_heading {
  color: #575655;
  font-family: Helvetica Neue, sans-serif;
  font-size: 11px;
}

.popup_heading {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 800;
}

.text-block-201 {
  color: var(--ai-background);
  margin-top: 20px;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 400;
}

.page-wrapper-light.is-relative {
  display: none;
  position: relative;
}

.watchlist_number-lite {
  color: var(--black);
  font-size: .75rem;
}

.navbar-5-lite {
  background-color: #10101500;
  padding-left: 2rem;
  padding-right: 2rem;
}

.section_hero-8-lite {
  background-color: #10101500;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.dashboard_grid-lite {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #10101500;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 100%;
  min-height: 90vh;
  display: grid;
}

.lite_dashboard-card {
  background-color: var(--white);
  color: #f1f0e1;
  cursor: pointer;
  padding: 20px;
  transition: all .5s;
}

.lite_dashboard-card:hover {
  background-color: var(--deon-green);
}

.lite_dashboard-card.item-center {
  z-index: 1;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lite_dashboard-card.item-center:hover {
  color: #000;
  background-color: #adada4;
}

.lite_dashboard-card.card_flex {
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.lite_dashboard-card.card_flex:hover {
  background-color: #343435;
}

.lite_dashboard-card.card_flex.hover {
  cursor: pointer;
}

.lite_dashboard-card.card_flex.hover:hover {
  color: #1f1f22;
  background-color: #adada4;
}

.lite_dashboard-card.card_flex.hover.is-relative {
  position: relative;
}

.lite_dashboard-card.invoice_flex {
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.custom_dashboard-lite {
  cursor: pointer;
  background-color: #fff;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all .5s;
  display: flex;
  position: relative;
}

.custom_dashboard-lite:hover {
  color: #fff;
  background-color: #1f1f22;
}

.process__graph-result-title {
  margin-bottom: 5px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1em;
}

.stories__columns {
  justify-content: space-between;
  margin-top: 70px;
  display: flex;
}

.footer__follow-heart {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67719d23c3d06393fbe802d9_follow-heart.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-bottom: -20px;
  display: inline-block;
  position: relative;
  top: -6px;
  right: -5px;
}

.header__nav-link {
  color: #060602;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 15px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.form__content {
  flex: 1;
  align-items: center;
  display: flex;
}

.form-33 {
  align-items: center;
  display: flex;
  position: relative;
}

.remodal__text-wrap {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.business__logos {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67ce0f7e3774fb2de1fdeba0_rivalists-performance-physical-therapy-partners.jpg");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  height: 46px;
  margin-left: -20px;
  margin-right: -20px;
  transition: all 120s linear;
}

.swiper__nav {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  margin-top: 44px;
  display: flex;
  position: absolute;
  bottom: -62px;
  right: 10px;
}

.stories__txt-wrap {
  width: 100%;
  max-width: 370px;
  padding-left: 56px;
  position: relative;
}

.hero__heading {
  margin-bottom: 0;
  font-size: 14em;
}

.hero__heading.mod--1 {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.hero__img-graph-wrap {
  z-index: 1;
  flex: none;
  max-width: 370px;
  margin-left: 90px;
  margin-right: 90px;
  position: relative;
}

.hero__columns {
  justify-content: space-between;
  max-width: 1090px;
  margin-top: 84px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.swiper-slide-8 {
  justify-content: center;
  align-items: stretch;
  height: auto;
  display: block;
  position: relative;
}

.swiper-slide-8.slide--stories {
  overflow: hidden;
}

.process__graph-result {
  z-index: 2;
  text-align: center;
  background-color: #fff;
  padding: 20px 32px;
  position: absolute;
  top: 32px;
  left: 32px;
  box-shadow: 0 40px 70px -40px #83d329;
}

.stories__line {
  background-color: #060602;
  width: 24px;
  height: 2px;
  transition: all .5s;
  position: absolute;
  top: 12px;
  left: 0;
}

.stories__slide-amount-wrap {
  max-width: 160px;
}

.business__amount-img {
  filter: drop-shadow(0 2px 8px #0000001f);
  display: block;
}

.business__amount-img.mod--over {
  z-index: 1;
  object-fit: scale-down;
  width: 100%;
  max-width: none;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  position: absolute;
  inset: 0%;
}

.process__graph-wrap {
  max-width: 656px;
  margin-right: -60px;
  position: relative;
}

.process__list {
  width: 100%;
  max-width: 350px;
  height: 450px;
  margin-top: 30px;
  margin-bottom: 0;
}

.footer__follow {
  z-index: 1;
  color: #ffffff80;
  line-height: 1.5em;
  position: relative;
}

.form__submit-result {
  align-items: center;
  width: 0;
  transition: all 1s;
  display: flex;
  overflow: hidden;
}

.form__submit-result.active {
  width: 1.5rem;
}

.form__submit-result.mod--modal.active {
  width: 1rem;
}

.from-block {
  margin-bottom: 0;
  position: relative;
}

.footer__logo {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67719d23c3d06393fbe802b7_logo.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 66px;
  border-radius: 100px;
  width: 112px;
  height: 112px;
  position: relative;
  box-shadow: 0 1px 30px #00000012;
}

.header__logo {
  margin-left: 40px;
  margin-right: 40px;
}

.footer__col {
  flex: 1;
  max-width: 416px;
  overflow: hidden;
}

.hero__content {
  justify-content: center;
  align-items: center;
  margin-left: -60px;
  margin-right: -60px;
  font-size: 9px;
  display: flex;
  overflow: hidden;
}

.stories__slider2 {
  z-index: 0;
  margin-right: auto;
  position: relative;
}

.footer__follow-and {
  color: #fff;
}

.form__submit-result-wrap {
  justify-content: flex-start;
  align-items: center;
  padding-left: 1.2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.form__submit-result-wrap.mod--modal {
  padding-left: .7rem;
}

.hero__graph-shadow {
  z-index: -1;
  box-shadow: none;
  background-color: #b7ff37;
  border-radius: 1000px;
  width: 100%;
  height: 180px;
  display: none;
  position: absolute;
  top: 0;
}

.footer__logo-wrap {
  justify-content: center;
  align-items: center;
  height: 0;
  display: flex;
  position: absolute;
  inset: 0 0% auto;
}

.process__list-title {
  cursor: pointer;
  margin-bottom: 10px;
}

.btn-3 {
  z-index: 1;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #000;
  height: 80px;
  padding: 27px 48px;
  font-size: 17px;
  font-weight: 400;
  position: relative;
}

.btn-3:hover {
  color: #000;
}

.btn-3.mod--hero {
  min-width: 264px;
}

.hero__desc-line {
  background-color: #060602;
  width: 24px;
  height: 2px;
  display: block;
  position: absolute;
  top: 19px;
  left: -60px;
}

.stories__slide-title {
  text-transform: uppercase;
  margin-bottom: 65px;
}

.input-9 {
  letter-spacing: .03em;
  text-transform: uppercase;
  background-color: #fff;
  border: 0 solid #000;
  height: 64px;
  margin-bottom: 0;
  padding-left: 18px;
  font-size: 17px;
  font-weight: 400;
}

.input-9:focus {
  border-bottom-color: #181f25;
}

.input-9::placeholder {
  color: #06060299;
}

.input-9.mod--modal {
  border-bottom-width: 1px;
  border-bottom-color: #0003;
  padding-left: 0;
  padding-right: 0;
}

.content-16 {
  z-index: 2;
  width: 100%;
  max-width: 1130px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero__h3 {
  z-index: 1;
  position: absolute;
  top: 50px;
}

.hero__h3-span.mod--1 {
  position: relative;
  left: 53px;
}

.hero__scroll {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67719d23c3d06393fbe802b0_ico_arrow-down.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100px;
  width: 112px;
  height: 112px;
  position: relative;
  box-shadow: 0 15px 30px -10px #00000012;
}

.footer__txt {
  color: #060602;
  letter-spacing: .02em;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.footer__txt:hover {
  opacity: 1;
}

.swiper__pagination {
  z-index: 2;
  width: auto;
  font-size: 17px;
  font-weight: 500;
  position: absolute;
  bottom: 24px;
  right: 24px;
}

.swiper__pagination.swiper-pagination-fraction {
  width: auto;
  inset: auto 24px 24px auto;
}

.header__elem-cube-wrap {
  position: absolute;
  top: -20px;
  left: -60px;
}

.heading__span {
  display: inline-block;
}

.heading__span.mod--stories {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  display: block;
  position: absolute;
  top: 7px;
  left: 60px;
}

.heading__span.mod--process {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  display: block;
  position: absolute;
  top: 7px;
  left: 50px;
}

.hero__img-prodofyear {
  margin-bottom: 16px;
}

.remodal__img {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  display: block;
  position: relative;
}

.process__graph-result-txt {
  text-transform: uppercase;
  font-size: 16px;
}

.header__elem-circle {
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67719d23c3d06393fbe802c5_ico_play.svg");
  background-position: 55%;
  background-repeat: no-repeat;
  background-size: auto;
  display: block;
  position: absolute;
  top: -48px;
  right: -70px;
}

.footer__copyright {
  color: #1e235599;
  align-items: center;
  text-decoration: none;
  transition-property: none;
}

.process__graph {
  z-index: 1;
  object-fit: cover;
  object-position: -10px 50%;
  max-width: 100%;
  height: 504px;
  transition: all .6s;
  display: block;
  position: relative;
}

.process__graph.mod--done {
  transition-duration: .2s;
}

.footer__soc-link {
  z-index: 1;
  border: 1px solid #060602;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin-right: 24px;
  display: flex;
  position: relative;
}

.header__elem-cube {
  background-color: #060602;
  width: 39px;
  height: 39px;
  transform: rotate(21deg);
}

.link-more {
  color: #060602;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  box-shadow: inset 0 -8px #bfff39;
}

.link-more:hover {
  box-shadow: inset 0 -21px #bfff39;
}

.footer__columns {
  justify-content: space-between;
  display: flex;
}

.footer__columns.mod--2 {
  margin-bottom: 160px;
}

.footer__columns.mod--3 {
  align-items: center;
}

.footer__columns.mod--1 {
  margin-bottom: 80px;
}

.swiper-4 {
  width: 100%;
  overflow: hidden;
}

.swiper-4.swiper--stories2 {
  z-index: 0;
  width: 260px;
  margin-left: auto;
  margin-right: 0;
  position: relative;
  overflow: visible;
}

.swiper-4.swiper--stories {
  z-index: 0;
  flex: none;
  width: 340px;
  margin-left: 24px;
  margin-right: 0;
  position: relative;
  overflow: hidden;
}

.footer__copyright-txt {
  color: #060602cc;
  font-weight: 400;
  display: inline-block;
}

.footer__copyright-txt.mod--1 {
  text-align: right;
  display: block;
}

.footer__follow-link {
  color: #fff;
}

.business__amount-wrap {
  z-index: 1;
  position: relative;
}

.btn-cube__img {
  object-fit: scale-down;
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.btn-cube__img.mod--arrow {
  transform: rotate(-90deg);
}

.btn-cube__img.mod--arrow.mod--modal {
  filter: invert();
  width: 1.1rem;
}

.btn-cube__img.mod--arrow.active {
  opacity: 0;
}

.footer__list-item {
  letter-spacing: .07em;
  text-transform: uppercase;
  flex: none;
  width: 30%;
  margin-bottom: 24px;
  font-size: 15px;
}

.footer__list-item.mod--contact {
  width: 40%;
}

.footer__copyright-logo {
  flex: none;
}

.header__elem-circle-hover {
  transition: all .5s;
}

.main {
  padding-top: 60px;
}

.heading__line {
  background-color: #060602;
  width: 40px;
  height: 2px;
  margin-right: 16px;
  display: inline-block;
  position: relative;
  top: 26px;
}

.btn-cube {
  z-index: 1;
  border: 1px solid #060602;
  flex: none;
  width: 80px;
  height: 80px;
  margin-left: 32px;
  position: relative;
}

.btn-cube.mod--modal {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 0;
  display: flex;
  position: absolute;
  bottom: 12px;
  right: 0;
}

.btn-cube.mod--arrow {
  width: 64px;
  height: 64px;
  margin-left: 16px;
  transition: all .2s;
}

.btn-cube.mod--arrow.active {
  background-color: #000;
}

.remodal.remodal--global {
  color: #060602;
  text-align: left;
  background-color: #fff;
  width: 100%;
  max-width: 37.25rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: none;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.process__list-item {
  margin-bottom: 24px;
  position: relative;
}

.stories__slide-p {
  color: #060602b3;
  margin-top: -5px;
  font-size: 14px;
}

.stories__slide-p.mod--marg-30 {
  margin-bottom: 40px;
}

.process__col {
  flex: 1;
}

.hero__col {
  position: relative;
  overflow: hidden;
}

.hero__col.mod--2 {
  flex: 1;
  align-items: flex-start;
  max-width: 380px;
  display: flex;
}

.hero__col.mod--1 {
  flex: 1;
  max-width: 550px;
}

.hero__img-abstr {
  margin-left: auto;
  display: block;
  position: relative;
}

.process__bg {
  z-index: 0;
  background-image: linear-gradient(#bfff39, #a8ff35 70%);
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.remodal__text {
  max-width: 15rem;
  margin-bottom: 0;
  line-height: 1.5;
}

.swiper__nav-arrow {
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67719d23c3d06393fbe802b0_ico_arrow-down.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #0000;
  width: 64px;
  height: 64px;
  transition: all .2s;
}

.swiper__nav-arrow:hover {
  border-color: #000;
}

.swiper__nav-arrow.mod--left {
  margin-right: 10px;
  transform: rotate(90deg);
}

.swiper__nav-arrow.mod--right {
  transform: rotate(-90deg);
}

.hero__block.mod--btn {
  align-items: center;
  display: flex;
}

.hero__block.mod--prodofyear {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer__soc-img {
  object-fit: scale-down;
  width: 100%;
  height: 100%;
  transition: all .2s;
  display: block;
}

.footer__soc-img:hover {
  filter: invert() brightness(200%);
}

.remodal__content {
  z-index: 2;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding: 2.5rem 3rem 3rem;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.stories__slide-amount {
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 50px;
  font-weight: 700;
  line-height: 1em;
}

.remodal__heading {
  max-width: 11.25rem;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.form__submit-result-ico {
  flex: none;
  width: 1.5rem;
  max-width: none;
  display: block;
}

.form__submit-result-ico.mod--modal {
  width: 1rem;
  transition: all .2s;
}

.process__columns {
  justify-content: space-between;
  margin-top: 70px;
  display: flex;
}

.business__over {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.footer__follow-wrap {
  background-color: #060602;
  border-top: 1px solid #0000001a;
  justify-content: center;
  align-items: center;
  min-height: 56px;
  margin-top: 32px;
  margin-left: -20px;
  margin-right: -20px;
  font-size: 16px;
  display: flex;
}

.remodal__close {
  z-index: 5;
  opacity: 1;
  filter: invert();
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67719d23c3d06393fbe802da_ico-close-modal.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: all .2s;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.remodal__close:hover {
  opacity: .9;
}

.process__list-p-wrap {
  max-height: 0;
  transition: all .4s;
  overflow: hidden;
}

.stories__slide-content {
  background-image: linear-gradient(#bfff39, #a8ff35 70%);
  height: 100%;
  padding: 32px;
}

.footer__title-list {
  letter-spacing: -.005em;
  text-transform: uppercase;
  margin-top: 4px;
  margin-bottom: 26px;
  font-weight: 700;
}

.stories__col {
  flex: 1;
  max-width: 50%;
  position: relative;
}

.stories__col.mod--1 {
  z-index: 0;
  justify-content: flex-end;
  display: flex;
}

.stories__col.mod--2 {
  z-index: 1;
  padding-left: 160px;
}

.hero__scroll-wrap {
  justify-content: center;
  align-items: center;
  height: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.section-49 {
  padding: 80px 20px;
  position: relative;
}

.section-49.mod--stories {
  padding-top: 160px;
  padding-bottom: 220px;
  overflow: hidden;
}

.section-49.mod--process {
  padding-top: 160px;
  padding-bottom: 160px;
  overflow: hidden;
}

.section-49.mod--business {
  overflow: hidden;
}

.section-49.mod--header {
  z-index: 90;
  margin-top: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  position: absolute;
  inset: 0 0% auto;
  overflow: hidden;
}

.section-49.mod--footer {
  z-index: 2;
  background-image: linear-gradient(#bfff39, #a8ff35);
  padding-top: 160px;
  padding-bottom: 0;
}

.section-49.mod--hero {
  z-index: 2;
  background-image: linear-gradient(#bfff39, #a8ff35 70%);
  margin-top: 0;
  padding: 160px 60px 200px;
}

.hero__img-graph {
  z-index: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: relative;
}

.hero__img-graph.mod--2, .hero__img-graph.mod--3, .hero__img-graph.mod--4 {
  position: absolute;
  inset: 0%;
}

.header__nav {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.form__submit {
  z-index: 2;
  opacity: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.swiper-wrapper-8 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.hero__img-perform {
  margin-top: 40px;
  margin-left: 69px;
}

.stories__slider-overwhite {
  z-index: 1;
  background-color: #fff;
  width: 100vw;
  position: absolute;
  inset: 0% -100vw 0% auto;
}

.hero__desc {
  margin-left: 60px;
  font-size: 22px;
  line-height: 1.6em;
  position: relative;
}

.process__list-line {
  background-color: #060602;
  width: 24px;
  height: 2px;
  transition: all .4s;
  position: absolute;
  top: 9px;
  left: -100px;
}

.footer__social {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overflow-hidden {
  overflow: hidden;
}

.stories__desc {
  margin-bottom: 20px;
}

.footer__list {
  grid-column-gap: 3px;
  grid-row-gap: 2px;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.footer__list.mod--contacts {
  grid-column-gap: 2px;
}

.white-card-title {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.text-block-203 {
  color: var(--white);
  font-family: Helvetica Neue, sans-serif;
}

.heading-193 {
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.heading-194 {
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1em;
}

.navbar_health-team {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.text-block-204 {
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
  display: flex;
}

.card-title {
  color: var(--button-black);
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.card-title.white {
  color: var(--white);
}

.today-text {
  color: var(--white);
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 3.5rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.text-block-205 {
  color: #fff;
}

.stat-block {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  display: flex;
}

.dashboard-welcome {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.heading-195 {
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 800;
}

.text_activity-stat {
  font-family: Montserrat, sans-serif;
  font-size: 3em;
  font-style: italic;
  font-weight: 800;
  line-height: 1em;
}

.activity-stat-wrapper {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-196 {
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.health-team-images {
  justify-content: space-between;
  display: flex;
}

.heading-197 {
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1em;
}

.text-block-206 {
  color: #000;
}

.text-block-207, .text-block-208, .text-block-209, .text-block-210 {
  color: var(--black);
}

.section_health-cards {
  background-color: #10101500;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.athlete-proffile_nav-area {
  background-color: #10101500;
  padding: 0 2rem 7px;
}

.page-wrapper_athlete-profile.is-relative {
  position: relative;
}

.health-cards-container {
  width: 100%;
  max-width: 83rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.athlete-profile_grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #10101500;
  grid-template-rows: 150px 100px auto auto auto 90px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 100%;
  min-height: 90vh;
  display: grid;
}

.feature-health-card {
  color: #f1f0e1;
  cursor: pointer;
  background-color: #506385;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67717f91270f258db994511b_background.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 13px;
  padding: 20px;
  transition: all .5s;
}

.feature-health-card:hover {
  color: #b8b8b8;
  background-color: #f1f0e1;
}

.feature-health-card.card_flex {
  padding-left: 20px;
}

.health-card-goal {
  background-color: var(--white);
  color: #f1f0e1;
  cursor: pointer;
  border-radius: 13px;
  padding: 20px;
  transition: all .5s;
}

.health-card-goal:hover {
  background-color: var(--deon-green);
}

.health-card-goal.item-center {
  z-index: 1;
  cursor: pointer;
  border-radius: 13px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.health-card-goal.item-center:hover {
  color: #000;
  background-color: #adada4;
}

.health-card-goal.card_flex {
  cursor: pointer;
  border-radius: 13px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.health-card-goal.card_flex:hover {
  background-color: #343435;
}

.health-card-goal.card_flex.hover {
  cursor: pointer;
  border-radius: 13px;
}

.health-card-goal.card_flex.hover:hover {
  color: #1f1f22;
  background-color: #dfdfdf;
}

.health-card-goal.card_flex.hover.is-relative {
  position: relative;
}

.health-card-goal.invoice_flex {
  cursor: pointer;
  border-radius: 13px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.profile-health-card {
  background-color: var(--white);
  color: #f1f0e1;
  cursor: pointer;
  border-radius: 13px;
  padding: 20px;
  transition: all .5s;
}

.profile-health-card:hover {
  background-color: var(--deon-green);
}

.profile-health-card.item-center {
  z-index: 1;
  cursor: pointer;
  border-radius: 13px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.profile-health-card.item-center:hover {
  color: #000;
  background-color: #adada4;
}

.profile-health-card.card_flex {
  cursor: pointer;
  border-radius: 13px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.profile-health-card.card_flex:hover {
  background-color: #343435;
}

.profile-health-card.card_flex.hover {
  cursor: pointer;
  border-radius: 13px;
}

.profile-health-card.card_flex.hover:hover {
  color: #1f1f22;
  background-color: #dfdfdf;
}

.profile-health-card.card_flex.hover.is-relative {
  position: relative;
}

.profile-health-card.invoice_flex {
  cursor: pointer;
  border-radius: 13px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.health-card-checkins {
  color: #f1f0e1;
  cursor: pointer;
  background-color: #506385;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67717f91270f258db994511b_background.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 13px;
  padding: 15px 20px;
  transition: all .5s;
}

.health-card-checkins:hover {
  color: #b8b8b8;
  background-color: #f1f0e1;
}

.health-card-checkins.card_flex {
  padding-left: 20px;
}

.checkin-text {
  color: var(--white);
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.profile-image {
  border: 2px solid var(--white);
  border-radius: 50%;
  width: 3.8rem;
  height: 3.8rem;
  margin-right: -1rem;
}

.profile-image.border-accent-1 {
  border-color: var(--white);
}

.profile-image.border-primary {
  border-color: #676c69;
  margin-right: -.9rem;
}

.athlete-profile_name {
  color: var(--black);
  text-transform: uppercase;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.activity_substats {
  grid-column-gap: 2px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.intensity-levels {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: flex-end;
  padding-right: 60px;
  display: flex;
}

.level_text {
  flex-flow: row;
  font-size: 11px;
  line-height: 12px;
  display: block;
}

.bar_column {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.title_column {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  margin-right: 7px;
  display: flex;
}

.column-1 {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 356px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-75 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 183.5px;
  text-decoration: none;
  display: flex;
}

.column-18 {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 356px;
  text-decoration: none;
  display: flex;
}

.scheduled {
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 356px;
  height: 183.5px;
  padding: 24px 25px;
  text-decoration: none;
  display: flex;
}

.goal-progress {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: block;
}

.vectors-wrapper-76 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 129px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-77 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 183.5px;
  text-decoration: none;
  display: flex;
}

.column-19 {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 356px;
  text-decoration: none;
  display: flex;
}

.sleep {
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 356px;
  height: 183.5px;
  padding: 24px 25px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-78 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 114px;
  text-decoration: none;
  display: flex;
}

.column-20 {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 356px;
  text-decoration: none;
  display: none;
}

.workout-total {
  grid-row-gap: 37px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.box-title {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 306px;
  text-decoration: none;
  display: flex;
}

.text-329 {
  color: #000;
  letter-spacing: .3em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.vectors-wrapper-79 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 4px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.time-and-avg {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 299px;
  text-decoration: none;
  display: flex;
}

.text-330 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 62px;
  font-style: italic;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
}

.text-331 {
  color: #757575;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.sub-stats {
  grid-column-gap: 28px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.avg-time {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 49px;
  text-decoration: none;
  display: flex;
}

.text-332 {
  color: #979797;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 9px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-333 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 95%;
  text-decoration: none;
}

.text-334 {
  color: #878787;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.vectors-wrapper-80 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 51px;
  height: 42px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-81 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  text-decoration: none;
  display: flex;
}

.right-icons-2 {
  grid-column-gap: 19px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.timeframe {
  grid-row-gap: 10px;
  background-color: #ffffff0d;
  border-radius: 21px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 97px;
  height: 24px;
  padding-left: 13px;
  padding-right: 13px;
  text-decoration: none;
  display: flex;
}

.week-month-year {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.text-335 {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.vectors-wrapper-82 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-83 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  text-decoration: none;
  display: flex;
}

.stat_box-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.text-span-11, .text-span-12 {
  font-weight: 500;
}

.stat-5 {
  grid-row-gap: 17px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 0 #d9d9d9;
  border-left: 0 #d9d9d9;
  border-right: 1px #d9d9d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 173px;
  padding: 28px;
  text-decoration: none;
  display: flex;
}

.stat-5.divider-left {
  border-left-style: solid;
  border-left-width: 1px;
}

.main-number {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 62px;
  text-decoration: none;
  display: flex;
}

._265 {
  color: #3c3c3c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-style: italic;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
}

.trainings {
  color: #898989;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.sub-stats-2 {
  grid-row-gap: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.avg-time-0 {
  color: #898989;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.avg-time-1 {
  color: #898989;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.stat-5-copy {
  grid-row-gap: 17px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 0 #d9d9d9;
  border-left: 0 #d9d9d9;
  border-right: 1px #d9d9d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 182px;
  height: 173px;
  padding: 28px;
  text-decoration: none;
  display: flex;
}

.health-team {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem 0 0;
  display: flex;
}

.view-all {
  color: var(--button-black);
  letter-spacing: 0;
  text-transform: none;
  font-family: Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.div-block-430 {
  justify-content: space-between;
  display: flex;
}

.client-sidebar {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 43px;
  margin-left: 10px;
  text-decoration: none;
  display: flex;
}

.health-team-2 {
  grid-row-gap: 18px;
  border: 1px solid #9747ff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.state-male-3 {
  object-fit: cover;
  border-radius: 40px;
}

.state-female-4 {
  object-fit: cover;
  border: 2px solid #adde48;
  border-radius: 40px;
}

.state-state6 {
  object-fit: cover;
  border: 2px #fff;
  border-radius: 40px;
}

.vectors-wrapper-84 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-84:hover {
  opacity: .88;
}

.div-block-430-copy {
  justify-content: space-between;
  display: flex;
}

.box-dark-slider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 42px;
  display: flex;
}

.title-box_dark {
  justify-content: space-between;
  display: flex;
}

.form-34 {
  align-items: center;
  display: flex;
  position: relative;
}

.swiper-slide-9 {
  justify-content: center;
  align-items: stretch;
  height: auto;
  display: block;
  position: relative;
}

.swiper-slide-9.slide--stories {
  overflow: hidden;
}

.header-3 {
  margin-top: 0;
  display: none;
}

.btn-4 {
  z-index: 1;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #000;
  height: 80px;
  padding: 27px 48px;
  font-size: 17px;
  font-weight: 400;
  position: relative;
}

.btn-4:hover {
  color: #000;
}

.btn-4.mod--hero {
  min-width: 264px;
}

.input-10 {
  letter-spacing: .03em;
  text-transform: uppercase;
  background-color: #fff;
  border: 0 solid #000;
  height: 64px;
  margin-bottom: 0;
  padding-left: 18px;
  font-size: 17px;
  font-weight: 400;
}

.input-10:focus {
  border-bottom-color: #181f25;
}

.input-10::placeholder {
  color: #06060299;
}

.input-10.mod--modal {
  border-bottom-width: 1px;
  border-bottom-color: #0003;
  padding-left: 0;
  padding-right: 0;
}

.content-17 {
  z-index: 2;
  width: 100%;
  max-width: 1130px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.swiper-5 {
  width: 100%;
  overflow: hidden;
}

.swiper-5.swiper--stories2 {
  z-index: 0;
  width: 260px;
  margin-left: auto;
  margin-right: 0;
  position: relative;
  overflow: visible;
}

.swiper-5.swiper--stories {
  z-index: 0;
  flex: none;
  width: 340px;
  margin-left: 24px;
  margin-right: 0;
  position: relative;
  overflow: hidden;
}

.swiper-wrapper-9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.builder_feature-card-2 {
  background-color: #f5f5f5;
  border-radius: 1rem;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.builder_feature-card-2.feature-2 {
  background-color: #f5f5f5;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/675773f30945acdd9e169342_feature-2-bg.svg");
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: row;
}

.builder_feature-card-2.feature-4 {
  flex-direction: row;
}

.text-style-link-5 {
  text-decoration: underline;
}

.text-size-large-9 {
  font-size: 1.25rem;
}

.container-large-13 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.text-weight-medium-3 {
  font-weight: 500;
}

.text-weight-medium-3.text-color-gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(117deg, #ff7448, #ff4848 43%, #6248ff 90%);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-weight-medium-3.text-color-gradient.reverse {
  background-image: linear-gradient(117deg, #6248ff 49%, #ff4848 72%, #ff7448);
}

.text-color-darkgrey-3 {
  color: #161616bf;
  margin-top: 0;
}

.page-wrapper-28 {
  display: none;
  overflow: hidden;
}

.sb-header_bottom-wrapper-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.site-builder-text-field-2 {
  border: 1px #000;
  height: 3rem;
  margin-bottom: 0;
  padding-left: 2.75rem;
  padding-right: 0;
  font-size: 1.25rem;
}

.site-builder-text-field-2::placeholder {
  color: #161616a6;
}

.text-color-white-5 {
  color: #fff;
}

.button-104 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 2px solid #161616;
  border-radius: .5rem;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  transition: all .2s;
}

.button-104:hover {
  background-color: #2e2e2e;
  border-color: #0000;
}

.button-104.button-large {
  border-radius: .625rem;
  padding: 1rem 2rem;
  font-size: 1.125rem;
}

.button-104.button-large.max-width-full-mobile-landscape.hidden {
  display: none;
}

.site-builder-form-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border-radius: 1rem;
  align-items: center;
  padding: .75rem;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
}

.site-builder-form-2:hover {
  box-shadow: 0 2px 4px #00000014;
}

.heading-huge-3 {
  letter-spacing: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

.main-wrapper-17 {
  width: 100%;
  min-height: 70vh;
  display: block;
}

.heading-large-7 {
  color: var(--black);
  letter-spacing: -.02em;
  text-transform: none;
  font-family: Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.1;
}

.text-size-small-3 {
  font-size: .875rem;
}

.button-105 {
  color: #fff;
  text-align: center;
  background-color: #161616;
  border: 2px solid #161616;
  border-radius: .5rem;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  transition: all .2s;
}

.button-105:hover {
  background-color: #2e2e2e;
  border-color: #0000;
}

.button-105.button-large {
  border-radius: .625rem;
  padding: 1rem 2rem;
  font-size: 1.125rem;
}

.dollar-sign {
  color: var(--rival-red);
  letter-spacing: 0;
  text-transform: none;
  justify-content: center;
  align-items: flex-start;
  width: 20px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.user-pricing {
  color: var(--rival-red);
  font-family: Helvetica Neue, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.member-price {
  color: var(--rival-red);
  letter-spacing: 0;
  text-transform: none;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.member-pricing {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  color: var(--body-display);
  letter-spacing: .04em;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  font-size: 18px;
  font-weight: 300;
  display: flex;
}

.member-price-wrapper {
  display: flex;
}

.product-description-rich {
  color: var(--black);
  font-family: Helvetica Neue, sans-serif;
}

.collection-item-10 {
  width: 50%;
  min-width: 50%;
  max-width: none;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  position: relative;
  overflow: hidden;
}

.image-85 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: inline-block;
}

.product-gallery-2 {
  flex-flow: wrap;
  margin-bottom: -3px;
  display: flex;
}

.lightbox-link-3 {
  width: 100%;
  min-width: 100%;
}

.collection-list-wrapper-11 {
  padding-left: 3px;
  padding-right: 3px;
  position: sticky;
  top: 65px;
}

.lightbox-link-4, .collection-list-6 {
  display: flex;
}

.collection-list-wrapper-12 {
  margin-top: 20px;
}

.product-main-image {
  position: relative;
  top: 60px;
}

.main-product-image {
  background-color: #f7f7f7;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.sticky-product-images {
  z-index: 7;
  position: sticky;
  top: 75px;
}

.left-side {
  position: static;
  top: 75px;
}

.lottie-logo {
  z-index: 9999;
  position: relative;
}

.logo-lottie {
  z-index: 9999;
  background-color: #fff0;
  width: 100%;
  height: 100%;
  display: block;
  position: static;
  inset: 0%;
}

.lottie-preload-box {
  z-index: 999999999;
  background-color: var(--white);
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.section-50 {
  background-color: var(--white);
  width: 100%;
  height: 0%;
  margin-top: 0;
  margin-bottom: 100px;
  padding-top: 140px;
  position: fixed;
}

.loader-2 {
  z-index: 9999;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 0;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.lottie-wrapper-1 {
  width: 680px;
  height: 680px;
}

.lottie-1 {
  width: 100%;
  height: 100%;
}

.text-block-211 {
  color: #9690b1;
  letter-spacing: 1px;
  font-family: Varela Round, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: none;
  position: relative;
  top: auto;
}

.text-block-212 {
  color: var(--black);
  font-family: Helvetica Neue, sans-serif;
}

.text-block-212:hover {
  color: var(--neon-green);
}

.form-block-29 {
  width: 100%;
  margin-bottom: 0;
}

.icon-regular-2 {
  color: var(--deon-green);
  -webkit-text-stroke-color: var(--deon-green);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.pricing-text-field-2 {
  letter-spacing: -.006em;
  background-color: #141414;
  border: 1px solid #292929;
  border-radius: 10px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 14px 14px 14px 44px;
  font-size: 14px;
  line-height: 20px;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #ffffff0f;
}

.pricing-text-field-2:focus {
  border: 1px solid #b0b0b0;
}

.pricing-text-field-2::placeholder {
  color: #8f8f8f;
}

.pricing-newsletter-button-wrapper {
  flex-direction: column;
  display: flex;
  position: relative;
}

.paragraph-small-4 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-small-4.text-color-secondary {
  color: #666;
}

.text-color-tertiary {
  color: #cacaca;
}

.h2-heading-5 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.2;
}

.button-outline-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #0000000f;
}

.button-outline-small:hover {
  background-color: #f0f0f0;
}

.section-large-4 {
  padding: 100px 5% 120px;
  display: none;
  position: relative;
}

.column-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.column-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.paragraph-regular-3 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

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

.pricing-submit-icon-wrapper {
  color: #ff4b0f;
  background-color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  inset: 4px 4px 4px auto;
  box-shadow: 0 4px 8px #0000001f;
}

.pricing-grid-large {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.badge-outline {
  color: #000;
  background-color: #fff;
  border-radius: 99px;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.h5-heading-3 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.subheading-regular {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.pricing-submit-button {
  background-color: var(--deon-green);
  box-shadow: inset 1px 1px .25px 0 #ffffff1f, inset -1px 1px .25px 0 #ffffff1f, 0 0 0 1px var(--neon-green), 0 1px 2px 0 #83e21aa3;
  text-align: left;
  background-image: linear-gradient(#ffffff3d, #0000 50%);
  border-radius: 10px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color .3s;
}

.pricing-submit-button:hover {
  background-image: linear-gradient(#ffffff7a, #0000 50%);
}

.container-regular-3 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section--coach-hero {
  z-index: 1;
  background-color: #fcfcfc;
  border-radius: 0 0 40px 40px;
  justify-content: flex-start;
  align-items: center;
  height: 625px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.coach-hero-image {
  float: right;
  width: 50%;
  max-width: 80%;
  margin-right: 58px;
  padding-top: 552px;
  padding-right: 0;
  display: block;
}

.header-style {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 1024px;
  text-decoration: none;
  display: flex;
}

.header-style._9 {
  height: auto;
}

.content-style {
  grid-column-gap: 80px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 80px 64px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.column-21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.column-22 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.actions {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.button-style {
  grid-column-gap: 8px;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 5.6em;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.button-style-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.button-style-3 {
  grid-column-gap: 8px;
  border: 1px #000;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.button-style-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.medium-length-hero-headline-goes-here-0 {
  color: #000;
  letter-spacing: undefinedundefined;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-style: italic;
  font-weight: 800;
  line-height: 40px;
  text-decoration: none;
}

.medium-length-hero-headline-goes-here-1 {
  color: #000;
  letter-spacing: undefinedundefined;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.medium-length-hero-headline-goes-here-2 {
  color: #000;
  letter-spacing: undefinedundefined;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-style: italic;
  font-weight: 300;
  line-height: 120%;
  text-decoration: none;
}

.ths08-slide-paragraph-overlay {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  inset: 0%;
}

.ths08-logo-separator {
  background-color: var(--neon-green);
  width: 100px;
  height: 2px;
  position: absolute;
}

.ths08-hero-section {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  position: relative;
}

.ths08-slider-right-arrow {
  opacity: .55;
  justify-content: center;
  align-items: center;
  width: 6vw;
  display: flex;
  inset: auto 50vw 17.9vh auto;
}

.ths08-social-icon {
  width: 25px;
}

.ths08-slide-headeing-overlay {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  inset: 0%;
}

.ths08-slide {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.ths08-heading-h1 {
  color: #000900;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.ths08-slide-block-middle {
  flex-direction: column;
  justify-content: flex-end;
  width: 20vw;
  display: flex;
  position: relative;
}

.ths08-header {
  z-index: 9;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.ths08-menu-link {
  color: #f5f5f5;
  text-align: right;
  padding-top: 1vh;
  padding-bottom: 1vh;
  font-size: 100px;
  font-weight: 400;
  line-height: 100px;
  text-decoration: none;
  transition: transform .2s ease-in-out, color .2s ease-in-out;
}

.ths08-menu-link:hover {
  color: #fff;
  transform: scale(1.1);
}

.ths08-menu-block-overlay {
  background-color: #f5f5f5;
  position: absolute;
  inset: 0%;
}

.ths08-slide-image-overlay {
  background-color: #f5f5f5;
  display: none;
  position: absolute;
  inset: 0%;
}

.ths08-menu-links-overlay {
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.ths08-paragraph-wrapper {
  border-top: 2px solid #0009000d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 20vh;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ths08-slider-nav {
  display: none;
}

.ths08-social-link {
  opacity: .75;
  color: #000900;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 35px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
  transition: opacity .2s ease-in-out;
  display: flex;
}

.ths08-social-link:hover {
  opacity: 1;
}

.ths08-menu-block {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 50vw;
  padding-left: 8vw;
  padding-right: 8vw;
  display: flex;
  position: relative;
}

.ths08-page-wrapper {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.ths08-bg-line {
  background-color: #0009000d;
  width: 2px;
  position: absolute;
  inset: 0% auto 0% 22vw;
}

.ths08-slider-left-arrow {
  opacity: .55;
  justify-content: flex-end;
  align-items: center;
  width: 6vw;
  display: flex;
  inset: auto auto 17.9vh 38vw;
}

.ths08-navigation-separator {
  background-color: #0009001a;
  width: 80px;
  height: 2px;
  margin-left: 40px;
}

.ths08-paragraph-small {
  color: #00090099;
  width: 200px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

.ths08-menu-bars-wrapper {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.ths08-contact-info-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-left: 30px;
  display: flex;
}

.ths08-slide-image-small {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.ths08-slide-content-wrapper {
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.ths08-slide-heading-wrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  padding-left: 50px;
  position: absolute;
  top: 14.8vh;
  left: 50px;
  overflow: hidden;
}

.ths08-brand {
  color: #000900;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 35px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
}

.ths08-slide-image-large {
  object-fit: fill;
  width: 100%;
  height: 100%;
}

.ths08-menu-links-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.ths08-slide-block-right {
  width: 50vw;
  position: relative;
  overflow: hidden;
}

.ths08-preloader-section {
  z-index: 10;
  background-image: radial-gradient(circle, #000900, #000);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: -100% 0% 0%;
}

.ths08-nav-link {
  color: #000900bf;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: color .25s ease-in-out;
}

.ths08-nav-link:hover {
  color: #000900;
}

.ths08-slider {
  background-color: #0000;
  min-height: 100vh;
}

.ths08-menu {
  z-index: 8;
  background-color: #00090080;
  justify-content: flex-end;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 100% 0% 0%;
  overflow: hidden;
}

.ths08-contact-info-text {
  opacity: .75;
  color: #f5f5f5;
  text-align: right;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: color .2s ease-in-out;
}

.ths08-contact-info-text:hover {
  opacity: 1;
}

.ths08-contact-info-text.ths08-no-opacity {
  opacity: 1;
  transition-property: none;
}

.ths08-logo-text {
  color: #f5f5f5;
  letter-spacing: -.5px;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 800;
  line-height: 50px;
  display: flex;
}

.ths08-slide-block-left {
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 30vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ths08-menu-bar {
  background-color: #000900bf;
  width: 30px;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.ths08-slider-arrow {
  width: 6vh;
}

.ths08-slider-arrow.ths08-rotated {
  transform: rotate(-180deg);
}

.ths08-slide-small-image-wrapper {
  height: 60vh;
  position: relative;
}

.ths08-navigation-block {
  justify-content: flex-start;
  align-items: center;
  width: 31.3333vw;
  display: flex;
}

.ths08-navigation-block.flex-right {
  justify-content: flex-end;
}

.ths08-navigation-block.flex-center {
  justify-content: center;
}

.heading-198 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 52px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1;
}

.heading-198.text-color-gray500 {
  color: #757575;
  max-width: 15ch;
}

.heading-198.text-color-gray500:lang(ja) {
  margin-right: 10px;
}

.heading-198.hero {
  margin-bottom: 0;
}

.testimonial-header {
  justify-content: center;
  width: 100%;
  margin-bottom: 59px;
  display: flex;
}

.cta-header-component {
  grid-column-gap: 125px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.layout-metrics {
  grid-row-gap: 64px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.image-cta {
  object-fit: cover;
  width: 730px;
  max-width: 75%;
  position: relative;
}

.image-86 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.hero-header-component {
  z-index: 2;
  padding-top: 100px;
}

.button-secondary-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--deon-green);
  background-color: var(--deon-green);
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border-radius: 8rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button-secondary-2:hover {
  color: #fff;
  background-color: #000;
  border-color: #494949;
}

.button-secondary-2:focus {
  outline-offset: 0px;
  outline: 3px solid #996aff;
}

.features-component-layout {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.collection-list-7 {
  display: flex;
}

.layout-list-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  background-color: #85858508;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67ef44e4bd8869524e2e361a_Background%20pattern%202%20.svg");
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
  width: 100%;
  padding: 64px 32px;
}

.hero-subheading {
  color: #757575;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35px;
  font-weight: 300;
  line-height: 1.1;
}

.container-88 {
  width: 90%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.cta-content-component {
  z-index: 2;
  position: absolute;
  inset: 0% auto auto 0%;
}

.features-layout {
  grid-row-gap: 64px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.layout-text-wrapper {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.hero-text-wrapper {
  z-index: 2;
  margin-bottom: 32px;
  position: relative;
}

.bg-gradient {
  z-index: -1;
  position: absolute;
  inset: -50% auto auto -35%;
}

.bg-gradient.right {
  top: -30%;
  left: auto;
  right: -25%;
}

.section-51 {
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative;
}

.section-51.metrics {
  background-image: radial-gradient(circle farthest-corner at 0% 50%, var(--neon-green), #0000 21%), radial-gradient(circle farthest-corner at 90% 50%, var(--deon-green), #0000 18%);
}

.section-51.cta {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67ef44e4bd8869524e2e35f6_Background-CTA2.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  overflow: hidden;
  box-shadow: inset 20px 0 60px #000;
}

.section-51.hero {
  background-image: none;
  background-size: auto;
  justify-content: center;
  align-items: flex-start;
  height: 700px;
  padding: 64px 0%;
}

.section-51.hero:lang(is) {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67ef44e4bd8869524e2e35ff_Localization%20Demo.svg");
  background-position: 0 100%;
  background-size: cover;
}

.featured-icon-wrapper {
  background-color: #2b2b2b;
  border: 1px solid #484849;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
  display: flex;
}

.button-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.feature-card-image {
  border-radius: 12px;
  width: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.feature-card-image.horizontal {
  position: relative;
}

.vertical-divider-2 {
  background-color: #3b3b3b;
  border-radius: 12px;
  width: 1px;
  height: 100%;
}

.header-image-wrapper {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.button-106 {
  grid-column-gap: .5rem;
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: 10px 18px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button-106:hover {
  box-shadow: none;
  color: #000;
  background-color: #b1b1b1;
  border-color: #7aa35a;
}

.button-106:focus {
  outline-offset: 0px;
  background-color: #b3b3b3;
  outline: 3px solid #996aff;
}

.coach-card-text {
  color: #b3b3b3;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.6;
}

.coach-card-text.max-width-40ch {
  max-width: 40ch;
}

.layout-wrapper {
  background-color: #ffffff0f;
  border: 1px solid #222;
  border-radius: 12px;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  position: relative;
}

.layout-wrapper:hover {
  background-color: #ffffff1a;
  border-color: #757575;
}

.layout-wrapper.vertical {
  width: auto;
}

.layout-wrapper.horizontal {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: space-between;
  width: auto;
  display: flex;
}

.cta-layout {
  justify-content: flex-end;
  align-items: flex-end;
  min-height: 500px;
  display: flex;
}

.hero-heading-4 {
  color: #3f3f3f;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1;
}

.h1-heading-stats {
  letter-spacing: 5px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.1;
}

.h1-heading-stats.text-color-gray500 {
  color: #757575;
  max-width: 15ch;
}

.h1-heading-stats.text-color-gray500:lang(ja) {
  margin-right: 10px;
}

.h1-heading-stats.hero {
  margin-bottom: 0;
}

.heading-199, .heading-200 {
  font-family: Helvetica Neue, sans-serif;
}

.h4-coach-card-heading {
  color: var(--dark-outline);
  text-transform: none;
  font-family: Helvetica Neue, sans-serif;
}

.hero-option-2-left {
  flex-flow: column;
  width: 100%;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.hero-option-2-right {
  flex-flow: column;
  width: 150%;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.header-section {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1729px;
  padding-left: 64px;
  text-decoration: none;
  display: flex;
}

.hero-text-4 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 641px;
  text-decoration: none;
  display: flex;
}

.hero-eyebrow-text {
  color: #858585;
  text-transform: capitalize;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.optimize-athlete-health-performance {
  color: #111;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 54px;
  font-style: italic;
  font-weight: 800;
  line-height: 1em;
  text-decoration: none;
}

.extreme-comfort-hyper-durable-max-volume-introducing-the-air-max-pulse-designed-to-push-you-past-you {
  color: #111;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration: none;
}

.auto-layout-horizontal {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 25px;
  text-decoration: none;
  display: flex;
}

.auto-layout-horizontal-2 {
  background-color: #111;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 22.0781px 10px 21.5px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.auto-layout-horizontal-2:hover {
  background-color: var(--deon-green);
}

.text-337 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.right-frame {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.feature-image-2 {
  background-color: #d9d9d9;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67ef0451d754e7a080349a83_soccer%20field_rivalists.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 125%;
  width: 355px;
  min-height: 815.626px;
}

.accent-color {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 115.91px;
  height: 343.366px;
  text-decoration: none;
  display: flex;
}

.front-wires-embed {
  position: absolute;
  inset: 0%;
}

.page-padding-8 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.back-wires-embed {
  height: 100%;
}

.layout {
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  display: flex;
}

.emoji {
  font-size: 2.6rem;
  line-height: 1;
}

.box {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  display: flex;
  position: absolute;
  inset: -17% auto auto 0%;
  box-shadow: 0 0 11px -2px #0003;
}

.box.is-middle {
  top: 27%;
}

.box.is-right {
  border-style: none;
  inset: auto 0% 6% auto;
}

.box.is-bottom {
  inset: auto auto -16% 0%;
}

.wire-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.image-87, .image-88 {
  max-width: 80%;
}

.image-89 {
  max-width: 90%;
}

.container-89 {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.container-90 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.hero-7 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.pattern {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.navbar-6 {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 94px;
  padding: 24px 80px;
  display: flex;
}

.rivalists_social-icons {
  object-fit: cover;
  width: auto;
  height: 20px;
  overflow: hidden;
}

.nav-link-12 {
  grid-column-gap: 40px;
  background-color: #fff;
  border: 1px solid #8f929226;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 8px 16px #9494940a;
}

.menu-4 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-338 {
  color: #0c1311;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.caretdown {
  object-fit: cover;
}

.content-groups {
  grid-column-gap: 13px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-style-5 {
  grid-column-gap: 8px;
  background-color: #fafafa;
  border: 1px solid #8f929226;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-339 {
  color: #0c1311;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.content-style-2 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 362px;
  text-decoration: none;
  display: flex;
}

.content-style-3 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.badge-2 {
  grid-column-gap: 8px;
  background-color: #130f0c;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 12px 16px 12px 4px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-59 {
  grid-column-gap: 8px;
  background-color: #7eb607;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.text-340 {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.content-style-4 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-341 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.text-342 {
  color: #423f3d;
  text-align: center;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.content-groups-2 {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-style-6 {
  grid-column-gap: 8px;
  background-color: #0d0d0d;
  border: 1px solid #e86003;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-343 {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  text-shadow: .5px .5px 4px #00000040;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.button-style-7 {
  grid-column-gap: 8px;
  background-color: #fafafa;
  border: 1px solid #92918f26;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-344 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.image-90 {
  background-color: #f6f6f6;
  border-radius: 24px;
  overflow: hidden;
}

.card-15 {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 4px 2px 20px #9494940f;
}

.content-style-5 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 424px;
  text-decoration: none;
  display: flex;
}

.content-style-6 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 284px;
  text-decoration: none;
  display: flex;
}

.ball {
  border-radius: 9999px;
  overflow: hidden;
}

.background-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 72.24px;
  height: 72.24px;
  text-decoration: none;
  display: flex;
}

.animation {
  border-radius: 64px;
  overflow: hidden;
}

.gradient-2 {
  background-color: #fff;
  overflow: hidden;
}

.ellipse-1 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 61.6533px;
  height: 61.6533px;
  text-decoration: none;
  display: flex;
}

.ellipse-3 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 39.3956px;
  height: 87.1111px;
  text-decoration: none;
  display: flex;
}

.noise-texture {
  object-fit: cover;
  border-radius: 9999px;
}

.glare {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 40.5695px;
  height: 40.5695px;
  text-decoration: none;
  display: flex;
}

.outer-ring {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 65.76px;
  height: 64.64px;
  text-decoration: none;
  display: flex;
}

.glare-2 {
  border: undefinedpx undefined undefined;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  mix-blend-mode: overlay;
  object-fit: cover;
}

.text-345 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.input-11 {
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #92918f26;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px 8px 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 16px 32px #9494941f;
}

.content-style-7 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.text-346 {
  color: #615e5c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.content-groups-3 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-groups-4 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.icon-container {
  grid-column-gap: 10px;
  background-color: #fff;
  border: 1px solid #92918f26;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.icon-container-2 {
  grid-column-gap: 5px;
  background-color: #fff;
  border: 1px solid #92918f26;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-347 {
  color: #615e5c;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.header-style-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 750px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.badge-3 {
  grid-column-gap: 8px;
  background-color: #fafafa;
  border: 1px solid #92918f26;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 12px 8px 12px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-348 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.image-91 {
  object-fit: cover;
  border-radius: 9999px;
  overflow: hidden;
}

.social-proof {
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 173px;
  padding: 20px 80px;
  display: flex;
  overflow: hidden;
}

.text-349 {
  color: #423f3d;
  text-align: center;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.partner-logo {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.features-2 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.text-350 {
  color: #130f0c;
  text-align: center;
  letter-spacing: .2em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.content-style-8 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-351 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.content-groups-5 {
  grid-column-gap: 21px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.feature-card-3 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-16 {
  grid-row-gap: 8px;
  background-color: #fff;
  border: 1px solid #92918f26;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 300px;
  padding: 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 4px 2px 20px #9494940f;
}

.content-style-9 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-352 {
  color: #130f0c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.text-353 {
  color: #130f0c;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.text-354 {
  color: #130f0c;
  text-align: right;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.input-12 {
  grid-column-gap: 8px;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 12px 24px #0000001f;
}

.text-355 {
  color: #fff;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.content-style-10 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-356 {
  color: #130f0c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.text-357 {
  color: #423f3d;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.card-17 {
  background-color: #fff;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 291px;
  padding: 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 4px 2px 20px #9494940f;
}

.logo-10 {
  grid-column-gap: 7px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.content-style-11 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 90px;
  text-decoration: none;
  display: flex;
}

.text-358 {
  color: #615e5c;
  text-align: right;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.text-359 {
  color: #130f0c;
  text-align: right;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.input-13 {
  grid-column-gap: 8px;
  background-image: linear-gradient(100.2deg, #7eb607 0%, #95d310 50%, #7eb607 100%);
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 12px 24px #0000001f;
}

.header-style-3 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 320px;
  padding: 24px 24px 12px;
  text-decoration: none;
  display: flex;
}

.text-360 {
  color: #130f0c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.text-361 {
  color: #615e5c;
  text-align: right;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.content-style-12 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 272px;
  text-decoration: none;
  display: flex;
}

.text-362 {
  color: #615e5c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.badge-4 {
  background-color: #fafafa;
  border: 1px solid #92918f26;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 12px 8px 12px 16px;
  display: flex;
  overflow: hidden;
}

.text-363 {
  color: #130f0c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.content-groups-6 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.icon-container-3 {
  grid-column-gap: 10px;
  background-color: #130f0c;
  border: 1.5px solid #fafafa;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 6px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-364 {
  color: #615e5c;
  text-align: right;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.dot-3 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.container-91 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.nav-link-13 {
  grid-column-gap: 40px;
  background-color: #fff;
  border: 1px solid #8f929226;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 8px 16px #9494940a;
}

.text-365 {
  color: #0c1311;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.content-groups-7 {
  grid-column-gap: 13px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-style-8 {
  grid-column-gap: 8px;
  background-color: #fafafa;
  border: 1px solid #8f929226;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-366 {
  color: #0c1311;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.content-style-13 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 362px;
  text-decoration: none;
  display: flex;
}

.content-style-14 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-367 {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.text-368 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.text-369 {
  color: #423f3d;
  text-align: center;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.content-groups-8 {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-style-9 {
  grid-column-gap: 8px;
  background-color: #0d0d0d;
  border: 1px solid #e86003;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-370 {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  text-shadow: .5px .5px 4px #00000040;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.button-style-10 {
  grid-column-gap: 8px;
  background-color: #fafafa;
  border: 1px solid #92918f26;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-371 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.image-92 {
  background-color: #f6f6f6;
  border-radius: 24px;
  overflow: hidden;
}

.card-18 {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 4px 2px 20px #9494940f;
}

.content-style-15 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 424px;
  text-decoration: none;
  display: flex;
}

.content-style-16 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 284px;
  text-decoration: none;
  display: flex;
}

.background-3 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 72.24px;
  height: 72.24px;
  text-decoration: none;
  display: flex;
}

.ellipse-4 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 39.3956px;
  height: 87.1111px;
  text-decoration: none;
  display: flex;
}

.glare-3 {
  border: undefinedpx undefined undefined;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  mix-blend-mode: overlay;
  object-fit: cover;
}

.text-372 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.input-14 {
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #92918f26;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px 8px 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 16px 32px #9494941f;
}

.content-style-17 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.text-373 {
  color: #615e5c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.content-groups-9 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-groups-10 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.icon-container-4 {
  grid-column-gap: 10px;
  background-color: #fff;
  border: 1px solid #92918f26;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.icon-container-5 {
  grid-column-gap: 5px;
  background-color: #fff;
  border: 1px solid #92918f26;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-374 {
  color: #615e5c;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.badge-5 {
  grid-column-gap: 8px;
  background-color: #fafafa;
  border: 1px solid #92918f26;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 12px 8px 12px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-375 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.image-93 {
  object-fit: cover;
  border-radius: 9999px;
  overflow: hidden;
}

.text-376 {
  color: #423f3d;
  text-align: center;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.frame-1171276693 {
  grid-row-gap: 89px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 897px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.frame-17 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding: 20px 48px;
  text-decoration: none;
  display: flex;
}

.frame-14 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-13 {
  grid-column-gap: 8px;
  background-color: #212327;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.frame-15 {
  grid-column-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.home, .about, .pricing, .contact {
  color: #212327;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-16 {
  grid-column-gap: 8px;
  background-color: #212327;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

.sign-in {
  color: #f6f6f6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-1171276694 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1081px;
  text-decoration: none;
  display: flex;
}

.frame-1171276695 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.stunning-photos-with-quantumai {
  color: #212327;
  text-align: center;
  letter-spacing: -.05em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2.125rem;
  font-family: Helvetica Neue, sans-serif;
  font-size: 136px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.frame-9 {
  grid-column-gap: 8px;
  background-color: #212327;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
}

.try-it-now {
  color: #f6f6f6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-10 {
  grid-column-gap: 8px;
  background-color: #212327;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.frame-1171276712 {
  grid-row-gap: 8px;
  background-color: #f6f6f6;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 225px;
  height: 241px;
  padding: 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 40px #21232726;
}

.frame-1171276711 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 185px;
  height: 201px;
  text-decoration: none;
  display: flex;
}

.quantumai-platform-to-make-your-photo-more-stunning {
  color: #212327;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.frame-1171276710 {
  grid-column-gap: 8px;
  background-color: #212327;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.logo-11 {
  overflow: hidden;
}

.features-3 {
  color: #212327;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.stunning-photos-with-quantumai-2 {
  text-align: center;
  letter-spacing: -.05em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(91.61deg, #19fff0 0%, #fcf4ff 54%, #542ee4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 136px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.frame-13-2 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.feature-card {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-2 {
  color: #0c1311;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.rivalists-tm_blk-1-2 {
  overflow: hidden;
}

.nav-link-3 {
  grid-column-gap: 40px;
  background-color: #fff;
  border: 1px solid #8f929226;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 8px 16px #9494940a;
}

.text-3 {
  color: #0c1311;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.text-4 {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  text-shadow: .5px .5px 4px #00000040;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.text-5 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.text-6 {
  color: #423f3d;
  text-align: center;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.container-2 {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.container-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.hero-4 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.frame-2-2 {
  grid-column-gap: 8px;
  background-color: var(--green-600);
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.text-7 {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.text-8 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.text-9 {
  color: #423f3d;
  text-align: center;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.image-5 {
  background-color: #f6f6f6;
  border-radius: 24px;
  overflow: hidden;
}

.card-7 {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 4px 2px 20px #9494940f;
}

.noise-texture-2 {
  border-radius: 9999px;
}

.glare-4 {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-radius: 38.1353px;
}

.text-10 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.text-11 {
  color: #615e5c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.text-12 {
  color: #615e5c;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.text-13 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.image-6 {
  border-radius: 9999px;
  overflow: hidden;
}

.content-style-18 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-14 {
  color: #130f0c;
  text-align: center;
  letter-spacing: .2em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.text-15 {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.text-16 {
  color: #130f0c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.content-style-19 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-17 {
  color: #130f0c;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.text-18 {
  color: #130f0c;
  text-align: right;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.text-19 {
  color: #fff;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.text-20 {
  color: #130f0c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.text-21 {
  color: #423f3d;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.text-22 {
  color: #615e5c;
  text-align: right;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.text-23 {
  color: #130f0c;
  text-align: right;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.text-24 {
  color: #130f0c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.text-25 {
  color: #615e5c;
  text-align: right;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.text-26 {
  color: #615e5c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.text-27 {
  color: #130f0c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.text-28 {
  color: #615e5c;
  text-align: right;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.section-1_sports-os {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  text-decoration: none;
  display: flex;
}

.hero-8 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.pattern-3 {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.content-style-20 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 362px;
  text-decoration: none;
  display: flex;
}

.content-style-21 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.badge-6 {
  grid-column-gap: 8px;
  background-image: linear-gradient(90deg, #393939 1%, #130f0c);
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-bottom: 20px;
  padding: 12px 16px 12px 4px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1171276713 {
  grid-column-gap: 8px;
  background-color: #7eb607;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
  box-shadow: 4px 0 9.3px #a1e51059;
}

.text-377 {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 700;
  line-height: 160%;
  text-decoration: none;
}

.home_eyebrow {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.content-style-22 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 100px;
  padding-right: 100px;
  text-decoration: none;
  display: flex;
}

.hero-bold-header {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-380 {
  color: #423f3d;
  text-align: center;
  letter-spacing: -.012em;
  width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.content-groups-11 {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-style-_get-started {
  grid-column-gap: 8px;
  background-color: #0d0d0d;
  border: 1px #e86003;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-style-_get-started:hover {
  background-color: var(--deon-green);
  border-style: none;
}

.text-381 {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  text-shadow: .5px .5px 4px #00000040;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.button-style-12 {
  grid-column-gap: 8px;
  background-color: #fafafa;
  border: 1px solid #92918f26;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 56px;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-style-12:hover {
  border-style: solid;
  border-color: var(--deon-green);
}

.home-button_text {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.home-button_text.dark {
  color: #000;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.image-94 {
  background-color: #f6f6f6;
  border-radius: 24px;
  overflow: hidden;
}

.group-1171275269 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1242.08px;
  height: 731.234px;
  text-decoration: none;
  display: flex;
}

.social-proof-2 {
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 173px;
  padding: 20px 80px;
  display: none;
  overflow: hidden;
}

.text-383 {
  color: #5c5c5c;
  text-align: center;
  letter-spacing: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.partner-logo-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: none;
}

.logo-12 {
  object-fit: cover;
  overflow: hidden;
}

.floating-product-image {
  z-index: 800;
  max-width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  transition: bottom .45s;
  display: block;
  position: absolute;
  inset: 161px 0% 0%;
}

.f6-background-box {
  background-color: #f6f6f6;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6757cffd82af58acebe76969_friends-trail-running-in-the-mountains.jpg");
  background-position: 50%;
  background-size: cover;
  border: 1px solid #eee;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  height: 625px;
  max-height: none;
  padding-top: 0%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-hero-feature {
  border-radius: 0;
  flex-flow: column;
  margin-top: 60px;
  display: flex;
  position: static;
}

.section-2_3-grid {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.content-style-23 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  margin-bottom: 40px;
  font-family: Helvetica Neue, sans-serif;
  text-decoration: none;
  display: flex;
}

.content-style-24 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.dot-4 {
  box-sizing: border-box;
  aspect-ratio: 1;
  object-fit: none;
  display: none;
}

.text-384 {
  color: #130f0c;
  text-align: center;
  letter-spacing: 5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.content-style-25 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  text-decoration: none;
  display: flex;
}

.section-header {
  color: #130f0c;
  text-align: center;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 400;
  line-height: 110%;
  text-decoration: none;
}

.sectioin-subtext {
  color: #757575;
  text-align: center;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.feature-cards-container {
  grid-column-gap: 0px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.feature-cards-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.feature-cards {
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 365px;
  height: 375px;
  padding: 20px;
  display: flex;
  position: relative;
}

.image-95 {
  object-fit: cover;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 376.667px;
  height: 316px;
  text-decoration: none;
  display: flex;
}

.feature-title-card {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(21.35px);
  backdrop-filter: blur(21.35px);
  background-color: #00000005;
  border: 1px solid #c5c5c52e;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  padding: 6px 16px;
  text-decoration: none;
  display: flex;
}

.card-title-text {
  color: #f6f6f6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.card-subtext {
  z-index: 9999;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 345px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-388 {
  color: #f6f6f6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 115%;
  text-decoration: none;
}

.frame-1171276715 {
  grid-column-gap: 0px;
  background-color: #95d310;
  border-radius: 5em;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
}

.image-96 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 376.667px;
  height: 316px;
  text-decoration: none;
  display: flex;
}

.frame-1171276716 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(21px);
  backdrop-filter: blur(21px);
  background-color: #00000005;
  border: 1px solid #757575;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 6px 16px;
  text-decoration: none;
  display: flex;
}

.frame-1171276717 {
  grid-column-gap: 8px;
  -webkit-backdrop-filter: blur(5.05px);
  backdrop-filter: blur(5.05px);
  background-color: #00000005;
  border: 1px solid #757575;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 6px 16px;
  text-decoration: none;
  display: flex;
}

.core-home-wrapper {
  color: #080808;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 100px;
  margin-top: 0;
  font-family: Generalsans, sans-serif;
  font-weight: 400;
  display: block;
  position: static;
  top: 0;
  overflow: hidden;
}

.all-sections {
  z-index: 10;
  background-color: #fff;
  margin-bottom: 0;
  margin-left: 0;
  display: block;
  position: relative;
}

.tab-icon-green {
  background-color: #ebfff5;
  border: 1px solid #d6ffeb;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.tab-icon-orange {
  background-color: #fff2eb;
  border: 1px solid #ffe7d6;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.content-tabs-menu-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  width: 100%;
  max-width: 528px;
  margin-left: 5%;
  display: flex;
}

.column-x-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.section-large-5 {
  padding: 120px 5%;
  position: relative;
}

.h2-heading-6 {
  color: #000;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 1.2;
}

.tab-progress-bar-base {
  background-color: #edeff3;
  border-radius: 99px;
  width: 100%;
  height: 5px;
  margin-inline: auto;
  inset-block: auto 0;
  inset-inline: 0;
}

.content-tab-link {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #525f75;
  background-color: #ddd0;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  transition: color .3s;
}

.content-tab-link:hover {
  color: #23272f;
}

.content-tab-link.w--current {
  color: #23272f;
  background-color: #ddd0;
}

.tab-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.content-footer {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.tab-progress-bar {
  width: var(--fb-tab-progress, 0);
  background-color: #fe5b25;
  border-radius: 99px;
  height: 5px;
  transition-property: width;
  transition-duration: .125s;
}

.paragraph-x-small {
  letter-spacing: .04px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.icon-regular-3 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.tab-link-dropdown {
  overflow: hidden;
}

.tab-link-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.tab-pane-3 {
  aspect-ratio: 3 / 2;
  border: 1px solid #edeff3;
  border-radius: 24px;
  overflow: hidden;
}

.container-large-14 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.content-tabs-row {
  flex-direction: row-reverse;
  align-items: center;
  display: flex;
}

.title-wrapper-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 900px;
  margin-bottom: 64px;
  display: flex;
}

.overline-regular {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.h6-heading-2 {
  color: #000;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}

.tab-icon-purple {
  background-color: #faf5ff;
  border: 1px solid #f1e6ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.tabs-content-7 {
  width: 100%;
  height: 100%;
}

.tab-link-horizontal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.paragraph-small-5 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-5.text-color-gray-800 {
  color: #394151;
}

.code-embed-2 {
  display: none;
}

.grid-layout {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-layout.desktop-1-column {
  grid-template-columns: 1fr;
}

.grid-layout.desktop-3-column {
  grid-template-columns: 1fr 1fr 1fr;
}

.utility-position-relative {
  position: relative;
}

.utility-position-relative.utility-padding-all-2rem.utility-text-on-overlay {
  height: 35.0511%;
}

.overlay-10 {
  opacity: .6;
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.image-97 {
  object-fit: contain;
  border-radius: .75rem;
  width: 100%;
}

.container-92 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.h4-heading {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 1.33rem;
  font-weight: 400;
  line-height: 1.3em;
}

.section-52 {
  color: #000;
  background-color: #fff;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.eyebrow-2 {
  letter-spacing: .01em;
  text-transform: uppercase;
  color: color-mix(in srgb, currentColor 60%, transparent);
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.3em;
  display: inline-block;
}

.card-link-2 {
  box-shadow: none;
  opacity: 1;
  color: #000;
  background-color: #f5f6fa;
  background-image: none;
  border: 0 solid #0003;
  border-radius: .75rem;
  margin-bottom: 0;
  text-decoration: none;
  list-style-type: none;
  transition: all .16s linear;
  overflow: clip;
  transform: translateY(0);
}

.card-link-2:hover {
  box-shadow: none;
  opacity: .6;
  color: #000;
  background-color: #f5f6fa;
  transform: translateY(0);
}

.libraries-howitworks_tabs-menu-2 {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fff;
  border-radius: .75rem;
  align-items: center;
  padding: .5rem;
  display: flex;
  position: sticky;
  top: 1.5rem;
  box-shadow: 0 2px .25rem #0000001a;
}

.section-3-howitworks {
  display: block;
}

.libraries-howitworks_tab-link-2 {
  color: #161616a6;
  text-align: center;
  background-color: #fff;
  border-radius: .5rem;
  flex: none;
  padding: .5rem 1.25rem;
  font-weight: 500;
}

.libraries-howitworks_tab-link-2.w--current {
  color: #161616;
  background-color: #f1f0ee;
}

.heading-huge-4 {
  text-transform: none;
  font-family: Helvetica Neue, sans-serif;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.page-padding-9 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.content-wrapper-7 {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.container-large-15 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.content-grid-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.content-image-block {
  background-color: #fafafa;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 488px;
  min-height: 488px;
  padding: 32px;
  display: flex;
}

.content-feature {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: flex-start;
  display: flex;
}

.section-large-6 {
  padding: 120px 5%;
  display: none;
  position: relative;
}

.content-feature-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.icon-regular-4 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.section-header-titles {
  color: #0a0a0a;
  letter-spacing: -.04em;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.2;
}

.paragraph-x-large {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.overline-4 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.column-regular-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.column-x-small-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  font-family: Helvetica Neue, sans-serif;
  display: flex;
}

.text-color-purple-600 {
  color: var(--deon-green);
}

.subheading-regular-2 {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.wearable-carousel {
  z-index: 2;
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
}

.feature-cards_2 {
  background-image: linear-gradient(#fff0, #0000008a), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6840961980a8ef821e3ad762_ios%20app%20apple%20watch_athleticus.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 365px;
  height: 375px;
  padding: 20px;
  display: flex;
  position: relative;
}

.feature-cards_3 {
  background-image: linear-gradient(#fff0, #0000008a), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/684095d014c54f5ca9b6dc11_about_athleticus%20app_6v.jpg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67ef566314ca79f1dc136b90_Feature-image.jpg");
  background-position: 0 0, 50%, 0 0;
  background-size: auto, cover, cover;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 365px;
  height: 375px;
  padding: 20px;
  display: flex;
  position: relative;
}

.section-4-product-highlights {
  z-index: 0;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 20px;
  display: flex;
  position: static;
  top: 6px;
  overflow: hidden;
}

.block-padding {
  z-index: 9999;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}

.block-container-small {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.blocks-wrapper {
  z-index: 5;
  margin-top: 4em;
  padding-top: 0;
  padding-bottom: 6rem;
  position: relative;
}

.product-highlight-blocks {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: grid;
}

.product-highlight-1 {
  background-color: #f6f6f6;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 525px;
  padding: 3rem 4rem 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-highlight-2 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: #f6f6f6;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  max-height: 40rem;
  padding: 3rem 3rem 2rem;
  display: grid;
  overflow: hidden;
}

.block-header-title {
  color: var(--black);
  text-align: left;
  text-transform: capitalize;
  font-family: Helvetica Neue, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.1em;
}

.block-header-title.white {
  color: var(--white);
  font-size: 34px;
}

.block-header-title.large {
  text-align: center;
  font-size: 40px;
  font-weight: 400;
}

.paragraph-84, .block-subtext {
  font-family: Helvetica Neue, sans-serif;
}

.block-subtext.light-grey {
  color: #e9e9e9;
  width: 80%;
  font-size: 14.5px;
  font-weight: 400;
}

.feature-block-subtext {
  color: #242424;
  text-align: center;
  width: 80%;
  margin-bottom: 10px;
  font-family: Helvetica Neue, sans-serif;
}

.bold-block_chart-image {
  width: 100%;
  transition: opacity .35s;
}

.section-5_data {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 100px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.content-style-26 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
}

.content-style-27 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  text-decoration: none;
  display: flex;
}

.text-389 {
  color: #130f0c;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.section-subtext {
  color: #423f3d;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1em;
  text-decoration: none;
}

.frame-1171275270 {
  grid-column-gap: 48px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.button-style-13 {
  grid-column-gap: 8px;
  border: 1px undefined undefined;
  background-color: #0d0d0d;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 12px 32px;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-391 {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  text-shadow: .5px .5px 4px #00000040;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.gradient-link-block {
  grid-column-gap: 8px;
  border: 1px none var(--green-500);
  background-image: linear-gradient(300deg, #427a04 11%, #f5f5f5 53%, var(--deon-green));
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 1px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-392 {
  color: #000;
  text-align: center;
  letter-spacing: -.012em;
  background-color: #fff;
  border-radius: 4.5em;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 20px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.data-security-image {
  background-color: #f6f6f6;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 40px 60px;
  display: flex;
  overflow: hidden;
}

.image-99 {
  object-fit: contain;
  width: 414.836px;
  max-width: none;
}

.section-6-integrations {
  grid-column-gap: 64px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 430px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.image-100 {
  background-color: #f6f6f6;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 430px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ellipse-5 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 250px;
  height: 250px;
  text-decoration: none;
  display: flex;
}

.ellipse-6 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 230px;
  height: 230px;
  text-decoration: none;
  display: flex;
}

.icon-container-6 {
  z-index: 9999;
  grid-column-gap: 10px;
  background-color: #fafafa;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  padding: 6px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 149px;
  left: 252.75px;
  overflow: hidden;
  box-shadow: inset 0 2px 4px #ffffff1f, inset 0 -2px 4px #ffffff1f, 0 0 #8f8f9226, 0 16px 32px #9292920a, 0 12px 24px #0000001f;
}

.logo-13 {
  object-fit: cover;
  overflow: hidden;
}

.icon-container-7 {
  z-index: 9999;
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: auto;
  padding: 6px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 24% auto auto 10%;
  overflow: hidden;
  box-shadow: inset 0 2px 4px #ffffff1f, inset 0 -2px 4px #ffffff1f, 0 0 #8f8f9226, 0 16px 32px #9292920a;
}

.slacklogo {
  object-fit: cover;
}

.content-style-28 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 586px;
  text-decoration: none;
  display: flex;
}

.content-style-29 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-393 {
  color: #130f0c;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.text-394 {
  color: #423f3d;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.button-style-14 {
  grid-column-gap: 8px;
  background-color: #0d0d0d;
  border: 1px solid #e86003;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-395 {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  text-shadow: .5px .5px 4px #00000040;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.product-1-image {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.product-1-image.is-3, .product-1-image.is-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.product-1-image.is-4 {
  justify-content: center;
  align-items: flex-end;
  width: 1080px;
  position: static;
  top: 261px;
}

.product-1-image-insert {
  width: 100%;
  max-width: none;
  transition: opacity .35s;
  display: block;
}

.data-security-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: grid;
}

.section-6-container {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: grid;
}

.glowing-wrapper-button {
  z-index: 1;
  color: #fff;
  letter-spacing: -.01em;
  border: 1px solid #6cba163d;
  border-radius: 62.5rem;
  padding: 12px 1.5rem;
  font-size: .88rem;
  line-height: 1.42;
  text-decoration: none;
  position: relative;
}

.glowing-wrapper-animations {
  opacity: 0;
  width: 100%;
  transition: opacity 1s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.glowing-wrapper {
  border-radius: 62.5rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.glowing-wrapper-borders {
  opacity: 1;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.glowing-wrapper-mask-wrapper {
  opacity: 1;
}

.glowing-wrapper-borders-masker {
  opacity: 0;
  border-radius: 62.5rem;
  width: 100%;
  padding: .06rem;
  line-height: 100%;
  transition: opacity 1s;
  position: absolute;
  top: 0;
  left: 0;
}

.glowing-wrapper-glow {
  opacity: .12;
  filter: blur(8px);
}

.glowing-wrapper-mask {
  opacity: 1;
}

.button-text-9 {
  z-index: 2;
  color: #0000;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff6, #363131);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 500;
  position: relative;
}

.styles---glowing-button {
  display: none;
}

.question-trigger {
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica Neue, sans-serif;
  display: flex;
}

.accordion-content---brix {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.accordion-arrow-wrap---brix {
  background-color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-height: 50px;
  display: flex;
  box-shadow: 0 5px 16px #080f340f;
}

.section-8-faq {
  padding-top: 72px;
  padding-bottom: 72px;
}

.section-8-faq.cloneables-listing {
  padding-top: 0;
  padding-bottom: 140px;
}

.question-response {
  width: 100%;
  max-width: 90%;
  margin-top: 18px;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
}

.accordion-arrow-wrapper---brix {
  z-index: 200;
  color: var(--deon-green);
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  padding-bottom: 2px;
  display: flex;
  position: relative;
  transform: rotate(90deg);
}

.accordion-item-wrapper---brix {
  max-width: 886px;
  margin-left: auto;
  margin-right: auto;
}

.cloneable-container-default-3 {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/683f7d18e3d0252bf1b7130f_Pattern.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 20px;
  flex-flow: column;
  align-items: center;
  min-height: 624px;
  padding: 100px 40px;
  display: flex;
  transform: translate(0);
}

.container-default-4 {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.arrow-line---brix {
  background-color: #4a3aff;
  border-radius: 500px;
  width: 11px;
  min-height: 2px;
  position: absolute;
}

.arrow-line---brix._2---brix {
  background-color: var(--neon-green);
  right: 7px;
  transform: rotate(-45deg);
}

.arrow-line---brix._1---brix {
  background-color: var(--neon-green);
  left: 7px;
  transform: rotate(45deg);
}

.question-text {
  color: #0d0d0d;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.accordion-item---brix {
  cursor: pointer;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 40px;
  display: flex;
}

.accordion-item---brix.accordion-1---brix {
  border: 2px solid #0000;
  margin-bottom: 32px;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 5px 16px #080f340f;
}

.accordion-item---brix.accordion-1---brix:hover {
  box-shadow: 0 14px 21px #4a3aff0f;
}

.partner-logo-1-img {
  background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/67ce0f7e3774fb2de1fdeba0_rivalists-performance-physical-therapy-partners.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.section-subtext-sm {
  color: #2c2c2c;
  text-align: left;
  letter-spacing: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.gradient-text {
  font-family: Montserrat, sans-serif;
}

.hero-p {
  color: #999;
  margin-left: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
}

.hero-text-wrapper-2 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

.gradient-bg {
  z-index: -1;
  opacity: .5;
  filter: blur(200px);
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.link-33 {
  color: #7d76ff;
  cursor: pointer;
  transition: color .5s, filter .5s;
}

.link-33:hover {
  color: #4742a8;
  text-decoration: none;
}

.animated-hero-bg-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 60vh;
  padding: 130px;
  display: flex;
  position: relative;
}

.bg-circle {
  background-color: #455268;
  border-radius: 100%;
  width: 30vw;
  height: 30vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bg-circle._4 {
  background-color: #a7cf38;
  width: 60vw;
  height: 60vw;
  margin-top: -32%;
  margin-right: -10%;
  left: auto;
  right: 0;
}

.bg-circle._5 {
  margin-top: 24%;
  margin-right: -8%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.bg-circle._3 {
  background-color: #e1e5ee;
  width: 40vw;
  height: 40vw;
  margin-top: -12%;
  margin-left: 52%;
}

.bg-circle._1 {
  opacity: 1;
  background-color: #7056f5;
  border-radius: 20%;
  width: 40vw;
  height: 40vw;
  margin-top: -16%;
  margin-left: -16%;
}

.bg-circle._6 {
  background-color: #e89245;
  width: 40vw;
  height: 40vw;
  margin-top: 35%;
  margin-bottom: -20%;
  margin-right: -16%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.bg-circle._2 {
  opacity: .5;
  background-color: #487698;
  border-radius: 40%;
  margin-top: -20%;
}

.hero-text-5 {
  color: #2b2b2b;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  line-height: 1;
}

.big-hero-text {
  color: #2b2b2b;
  font-size: 100px;
}

.section-features {
  z-index: 5;
  padding: 120px 5%;
  display: none;
  position: relative;
}

.section-break-strip {
  z-index: 999;
  grid-column-gap: 40px;
  background-color: #f6f6f6;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 60px;
  padding-top: 0;
  display: none;
  position: relative;
}

.footer-sportos {
  grid-row-gap: 64px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding: 80px 80px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.footer-container {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-columns {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.footer-web {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-4 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-396 {
  color: #130f0c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.text-397 {
  color: #423f3d;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.footer-logosocial {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-style-34 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.logo-14 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.social-media {
  grid-column-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.icon-container-8 {
  grid-column-gap: 10px;
  background-color: #fafafa;
  border: 1px solid #92918f26;
  border-radius: 10009px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 2px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.icon-container-8:hover {
  background-color: var(--neon-green);
}

.banner-2 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.banner-3 {
  grid-row-gap: 8px;
  background-color: #f6f6f6;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 400px;
  padding: 64px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pattern-4 {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.content-style-35 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-style-36 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-398 {
  text-align: center;
  letter-spacing: -.02em;
  text-shadow: inset 0 4px 8px 0 #00000005;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(96.09deg, #000 0%, #ffffff80 100%);
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.text-399 {
  color: #525252;
  text-align: center;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.button-style-15 {
  grid-column-gap: 8px;
  background-color: #0d0d0d;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-400 {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.card-19 {
  grid-row-gap: 8.82828px;
  background-color: #fff;
  border: 1.10354px solid #92918f26;
  border-radius: 17.6566px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 331.061px;
  height: 101.525px;
  padding: 17.6566px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 120.843px;
  left: 7px;
  overflow: hidden;
  box-shadow: 4.41414px 2.20707px 22.0707px #9494940f;
}

.content-style-37 {
  grid-row-gap: 4.41414px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-401 {
  color: #130f0c;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 160%;
  text-decoration: none;
}

.bar-2 {
  object-fit: cover;
}

.content-style-38 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-402 {
  color: #130f0c;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.text-403 {
  color: #130f0c;
  text-align: right;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.card-20 {
  background-color: #130f0c;
  border-radius: 13.0309px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 237px;
  padding: 13.0309px 13.0309px 13.0309px 35px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 104.054px;
  left: 962.574px;
  overflow: hidden;
  box-shadow: 3.25773px 1.62887px 16.2887px #9494940f;
}

.goal {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-404 {
  color: #fff;
  text-align: right;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 110%;
  text-decoration: none;
}

.text-405 {
  color: #fff;
  text-align: right;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 110%;
  text-decoration: none;
}

.content-style-39 {
  grid-column-gap: 6.51546px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.content-style-40 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 73.299px;
  text-decoration: none;
  display: flex;
}

.text-406 {
  color: #b6b5b4;
  text-align: right;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 114%;
  text-decoration: none;
}

.text-407 {
  color: #fff;
  text-align: right;
  letter-spacing: -.012em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.banner-header-title {
  color: var(--black);
  text-align: center;
  text-transform: none;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#000, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 10px;
  margin-bottom: 4px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 65px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1em;
}

.home-bottom-banner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #f6f6f6;
  border-radius: 20px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding: 10rem 2rem 10rem 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bottom-banner-padding {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.banner-container {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.banner-padding {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.section-bottom-banner {
  z-index: 1;
  background-color: #fff;
  position: relative;
}

.angle-image-float_left {
  position: absolute;
  top: 214px;
  left: 46px;
}

.angle-image-float_right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  top: 214px;
  left: auto;
  right: 10px;
}

.image-101 {
  max-width: 45%;
}

.banner-subtext {
  color: var(--body-display);
  text-align: center;
  letter-spacing: 0;
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1em;
  text-decoration: none;
}

.box-2 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  display: flex;
  position: absolute;
  inset: -17% auto auto 0%;
  box-shadow: 0 0 11px -2px #0003;
}

.box-2.is-right {
  background-color: #fff;
  inset: auto 0% 6% auto;
}

.box-2.is-middle {
  top: 27%;
}

.box-2.is-bottom {
  inset: auto auto -16% 0%;
}

.text-block-214 {
  text-align: center;
  font-family: Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 15px;
}

.circle_wearables {
  z-index: 9999;
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 30px;
  padding: 6px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 6% auto auto 23%;
  overflow: hidden;
  box-shadow: inset 0 2px 4px #ffffff1f, inset 0 -2px 4px #ffffff1f, 0 0 #8f8f9226, 0 16px 32px #9292920a;
}

.circle_lab-sync {
  z-index: 9999;
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 30px;
  padding: 6px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 57% auto auto 5%;
  overflow: hidden;
  box-shadow: inset 0 2px 4px #ffffff1f, inset 0 -2px 4px #ffffff1f, 0 0 #8f8f9226, 0 16px 32px #9292920a;
}

.center-circle-graphic {
  position: absolute;
  left: 187.75px;
}

.notes-block {
  z-index: 9999;
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 6px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 82% auto auto 18%;
  overflow: hidden;
  box-shadow: inset 0 2px 4px #ffffff1f, inset 0 -2px 4px #ffffff1f, 0 0 #8f8f9226, 0 16px 32px #9292920a;
}

.code-embed-3 {
  display: none;
}

.title-with-button-hover {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.video-or-image {
  z-index: 2;
  background-image: linear-gradient(#000, #fff);
  position: absolute;
  inset: 0%;
}

.video-3 {
  height: 100%;
}

.image-102 {
  background-image: linear-gradient(#000, #fff);
  height: 99.9998%;
}

.card-img1, .card-img2, .card-img3 {
  background-image: linear-gradient(#fff0, #000c);
  background-position: 0 0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

._2025-sportos-nav {
  z-index: 99999;
  background-color: #fff0;
  border-bottom: 1px #0000;
  align-items: center;
  width: 100%;
  min-height: 3.8rem;
  margin-top: 9px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
  top: 0;
}

.sportosnav-center {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #ffffff4f;
  border: 1px solid #8f92920d;
  border-radius: 900px;
  justify-content: flex-start;
  align-items: stretch;
  height: 44px;
  padding: 10px 20px;
  display: flex;
}

.sport0snav_button {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  background-color: #fafafa4f;
  border: 1px solid #8f929226;
  border-radius: 4.5em;
  height: 44px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Helvetica Neue, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

.sport0snav_button:hover {
  color: #000;
  background-color: #83e21a;
  border-color: #83e21a;
  font-weight: 400;
}

.sportosnav-link {
  color: #07090c;
  letter-spacing: 0;
  text-transform: capitalize;
  height: auto;
  min-height: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.sportosnav-link:hover {
  background-image: linear-gradient(95deg, #04630e, var(--deon-green));
  color: var(--deon-green);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  border-bottom: 1.5px #6cba16;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
}

.image-103 {
  height: 100%;
}

.howitworks_image {
  z-index: 1;
  background-color: #fff0;
  border-radius: .375rem;
  flex: none;
  align-items: center;
  width: 90%;
  padding-top: 0%;
  display: flex;
  position: absolute;
  left: auto;
  right: auto;
  overflow: hidden;
  box-shadow: 0 12px 2rem #0000001a;
}

.rivalists-tm_logo {
  object-fit: cover;
  height: 300%;
  overflow: hidden;
}

.sportosnav {
  z-index: 9000;
  background-color: #fff0;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.sportoslogin-link {
  color: #07090c;
  letter-spacing: 0;
  text-transform: capitalize;
  height: auto;
  min-height: 0;
  font-family: Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.sportoslogin-link:hover {
  background-image: linear-gradient(77deg, #4b8b04, var(--neon-green));
  color: var(--deon-green);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  border-bottom: 1.5px #6cba16;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
}

.section-53 {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.drp {
  line-height: 0;
  transition: all .2s;
  display: block;
}

.drop {
  color: #fff;
  border-bottom: 1px solid #ffffff1a;
  width: 500px;
  transition: all .2s;
  display: block;
}

.drop:hover {
  background-color: #ffffff1a;
}

.drop.w--open {
  color: #fff;
}

.text-block-215 {
  line-height: 20px;
}

.drp-list {
  background-color: #fff;
  height: 0;
  line-height: 23px;
  transition: all .5s;
  display: block;
  position: static;
  overflow: hidden;
}

.drp-list.w--open {
  line-height: 23px;
  position: static;
  overflow: hidden;
}

.text-wrapper {
  padding: 30px 25px;
}

.mobile-drop-wrapper {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.mobile-drop-title {
  line-height: 20px;
}

.faqs-acc-wrap {
  z-index: 1;
  width: 100%;
  margin-top: -1px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.faqs-acc-header {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 4.5rem 1.25rem 1.25rem;
  display: flex;
  position: relative;
}

.faqs-brow-header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.faqs-brow-wrap {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.faqs-acc-body-content {
  flex-direction: column;
  align-items: flex-end;
  padding-bottom: 2rem;
  padding-left: 1.125rem;
  padding-right: 2rem;
}

.mfooter-div {
  transition: all .2s;
}

.mfooter-div.is--md {
  width: 66%;
  min-width: 46rem;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.mfooter-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.faqs-acc-body {
  background-color: #0000;
  display: none;
  position: static;
  overflow: hidden;
}

.faqs-acc-header-label {
  white-space: pre-wrap;
}

.faqs-acc-body-container {
  max-width: 37.5rem;
  height: 100%;
}

.faqs-acc-header-icon {
  width: 1.25rem;
  line-height: 0;
}

.faqs-acc-header-icon-wrap {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 1.125rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.accordion__item-wrapper {
  min-height: 0;
  transition: max-height .2s;
  display: none;
  overflow: hidden;
}

.accordion__item-wrapper.is-active-accordion {
  display: block;
}

.accordion__item-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #f0f0f000;
  border-style: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 1rem 0;
  display: flex;
}

.accordion__item-header:focus {
  outline-offset: 0px;
  outline: 2px solid #000;
}

.accordion__item-header:focus-visible, .accordion__item-header[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #000;
}

.mfooter__wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.accordion_icon {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.accordion {
  min-width: 0;
}

.custom-code {
  display: none;
}

.accordion__item {
  border-bottom: 1px solid #000;
  overflow: visible;
}

.accordion__text {
  color: #141414;
  font-size: .825rem;
}

.accordion__item-body {
  padding: 0 0 .75rem;
}

.accordion__title-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.accordion_title {
  font-size: .875rem;
  font-weight: 600;
}

.custom-css-3 {
  display: none;
}

.accordion_icon-wrapper {
  transition: transform .2s;
}

.accordion__item-header-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #f0f0f000;
  border-style: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 1rem 0;
  display: flex;
}

.accordion__item-header-2:focus {
  outline-offset: 0px;
  outline: 2px solid #000;
}

.accordion__item-header-2:focus-visible, .accordion__item-header-2[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #000;
}

.cloneable__item {
  z-index: 1;
  min-width: 440px;
  max-width: 420px;
  padding: 8px;
  position: relative;
}

.bz-component {
  z-index: 5;
  opacity: 1;
  pointer-events: none;
  color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.accordion_title-2 {
  font-size: .875rem;
  font-weight: 600;
}

.mfooter-links, .row-4-copy, .row-4-copy, .row-4-copy {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.background-video-3, .card-video-3, .card-video-2 {
  width: auto;
  height: 100%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

._404-header {
  text-transform: capitalize;
  font-family: Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.text-block-216 {
  background-color: #08080800;
  border-radius: 0;
  margin-top: 0;
  padding: 10px;
}

.link-block-16 {
  background-color: #000;
  border-radius: 5em;
  margin-top: 10px;
}

.link-block-16:hover {
  background-color: #0000000f;
}

.link-block-16.w--current {
  background-color: #000;
  border-radius: 5em;
  margin-top: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.image-105 {
  margin-bottom: 20px;
}

@media screen and (min-width: 1280px) {
  .product-title {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-style: italic;
    font-weight: 800;
  }

  .hero-paragraph-2 {
    font-size: 18px;
  }

  .card-iphone {
    height: 800px;
    margin-top: 140px;
  }

  .cta-holder {
    box-shadow: none;
    background-color: #0000;
  }

  .dark-slide-arrow-copy.right {
    margin-top: 205px;
    margin-bottom: 205px;
  }

  .slide-intro-2 {
    padding-top: 72px;
  }

  .dark-slide-arrow-fix.left {
    margin-top: 205px;
    margin-bottom: 205px;
  }

  .heading-21 {
    padding-left: 0;
  }

  .section-hero-2 {
    min-height: 700px;
    max-height: 750px;
  }

  .slide-arrow-2.right {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    border-radius: 100%;
    width: 48px;
    padding: 0;
    display: flex;
  }

  .slide-intro-3 {
    padding-top: 72px;
  }

  .heading-22 {
    padding-left: 0;
  }

  .slide-intro-4 {
    padding-top: 72px;
  }

  .promo-strip-2 {
    height: 40px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .rotating-promo-text-2 {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .nav-link-2.w--current {
    color: #7c1315;
    font-weight: 800;
    text-decoration: none;
  }

  .container-11 {
    max-width: 1280px;
  }

  .load-animation {
    display: none;
  }

  .body-6 {
    margin-top: 0;
  }

  .card-heading {
    letter-spacing: -.5px;
    font-family: Oswald, sans-serif;
    font-size: 35px;
  }

  .grid-event.transition-trigger {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
  }

  .overlay-6 {
    background-image: none;
  }

  .card-heading-3 {
    letter-spacing: -.5px;
    font-family: Oswald, sans-serif;
    font-size: 35px;
  }

  .main-post-wrapper {
    max-width: none;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 0;
    padding-right: 0;
  }

  .category-holder {
    color: #080808;
    background-color: #0000;
    border-radius: 20px;
    box-shadow: 2px 2px 11px 1px #00000017;
  }

  .text-center {
    margin-left: 5%;
  }

  .blog-body-wrapper {
    max-width: 100%;
    display: block;
  }

  .fade-in-on-scroll {
    margin-left: 0;
    margin-right: 0;
  }

  .container-12 {
    max-width: 1280px;
  }

  .blog-item-date {
    margin-left: 30px;
  }

  .blog-post-holder {
    border-color: #0000;
    margin-bottom: 40px;
  }

  .text-block-4 {
    color: #08080880;
    font-size: 12px;
    font-weight: 500;
  }

  .heading-34 {
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 1.2em;
  }

  .category-holder-2 {
    color: #080808;
    background-color: #0000;
    border-radius: 20px;
    box-shadow: 2px 2px 11px 1px #00000017;
  }

  .blog-item-text-header-2 {
    margin-top: 5px;
  }

  .ai-catagory {
    color: var(--button-black);
    font-family: Montserrat, sans-serif;
  }

  .content_wrapper.content_align_center {
    display: none;
  }

  .pg-wrap {
    width: 100%;
  }

  .main-section {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .main-container-copy {
    background-image: linear-gradient(to bottom, null, null), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/653967cae20675bc4a833076_about_athleticus%20app_3.jpg");
    background-repeat: repeat, no-repeat;
    max-width: 1280px;
  }

  .h1-3 {
    letter-spacing: -.5px;
    font-family: Montserrat, sans-serif;
    font-style: italic;
    font-weight: 800;
  }

  .blog-newsletter-form {
    justify-content: center;
    margin-top: 20px;
    display: flex;
  }

  .blog-post-container {
    max-width: none;
    margin-left: 10%;
    margin-right: 10%;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-item-date-2 {
    margin-left: 30px;
  }

  .text-block-70 {
    color: #08080880;
    font-size: 12px;
    font-weight: 500;
  }

  .heading-39 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.1em;
  }

  .category-holder-3 {
    color: #080808;
    background-color: #0000;
    border-radius: 20px;
  }

  .body-dark {
    margin-top: 75px;
  }

  .button-text-copy {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
  }

  .viewprofile_button {
    color: #00000054;
    background-color: #e4e9ec00;
    margin-left: 15px;
    font-style: italic;
    font-weight: 800;
  }

  .text-50.theme-1-text-c {
    color: #292929;
  }

  .feature-card-7-header-link {
    justify-content: center;
    align-items: flex-start;
    position: static;
    top: 150px;
  }

  .lower-content {
    margin-left: 0;
    margin-right: 0;
  }

  .bar-graph-information {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    flex-flow: column;
    margin-bottom: 0;
    padding-top: 86px;
  }

  .features-information-bar {
    border-bottom: 1px solid #e5e6ec;
    padding-bottom: 10px;
  }

  .donut-graph {
    width: 75%;
    top: 30px;
  }

  .information_content {
    padding-left: 40px;
    padding-right: 220px;
  }

  .title-section-blog {
    max-width: none;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-section {
    max-width: 100%;
    display: block;
  }

  .membership-level {
    padding-left: 0;
  }

  .h6-text.absolute {
    color: var(--white);
    font-family: Bebasneue, sans-serif;
    font-weight: 700;
  }

  .h6-heading-italic {
    color: #ffffffcf;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 4.2vw;
    font-style: italic;
    font-weight: 800;
  }

  .h6-hl-text {
    color: var(--white);
  }

  .h6-paragraph-14px._420px {
    color: var(--light-grey-background);
  }

  .h6-hr-text {
    text-transform: uppercase;
    margin-left: 40px;
    margin-right: 40px;
    font-family: Montserrat, sans-serif;
    font-style: italic;
    font-weight: 800;
  }

  .tag-wrapper-2 {
    margin-top: 115px;
  }

  .mb-5-3 {
    color: var(--black);
  }

  .orders-block {
    background-color: var(--dashback);
  }

  .overview-card {
    padding: 20px;
  }

  .grey-p-3 {
    text-align: right;
    font-family: Montserrat, sans-serif;
  }

  .card-flex {
    height: 2em;
  }

  .product-wrap {
    background-color: var(--dashback);
  }

  .app-dashboard-body {
    margin-top: 0;
  }

  .status-number {
    text-align: right;
  }

  .collaborators {
    margin-bottom: 20px;
  }

  .top-margin-2._30-pixels {
    margin-top: 30px;
  }

  .container-45, .container-46 {
    max-width: 1280px;
  }

  .half-text-container {
    width: 65%;
  }

  .container-48 {
    max-width: 1280px;
  }

  .left-content-container {
    max-width: 520px;
  }

  .hero-paragraph-3 {
    font-size: 18px;
  }

  .right-content-container {
    max-width: 650px;
  }

  .h1-title {
    font-size: 52px;
  }

  .slide-intro-2-copy {
    padding-top: 72px;
  }

  .video-paragraph {
    font-size: 18px;
  }

  .video-intro {
    padding-top: 72px;
    display: block;
  }

  .uui-text-rich-text {
    margin-right: 60px;
  }

  .container-58 {
    max-width: none;
  }

  .blog-grid {
    margin-left: 100px;
    margin-right: 100px;
  }

  .fade-in-on-scroll-image {
    margin-left: 0;
    margin-right: 0;
  }

  .expand-card-wrap {
    max-width: 360px;
  }

  .category-title {
    color: #0d0d0dcc;
    font-weight: 600;
  }

  .text-block-143, .text-block-144 {
    color: var(--body-display);
    font-weight: 400;
  }

  .feature-overlay-text {
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    top: 80px;
  }

  .feature-background-image {
    max-height: 700px;
    padding-top: 80%;
  }

  .home-email-signups {
    justify-content: center;
    margin-top: 20px;
    display: none;
  }

  .award-wrapper-mobile {
    text-align: center;
    margin-bottom: 10px;
  }

  .link-28 {
    display: block;
  }

  .navbar-logo-left-3 {
    box-shadow: none;
  }

  .icon-20 {
    grid-column-gap: 0px;
    justify-content: center;
    align-items: center;
    padding: 3px 3px 3px 4px;
  }

  .vectors-wrapper-71 {
    width: 6%;
    height: 69%;
    padding: 1px;
    display: block;
  }

  .right-sidebar {
    margin-bottom: 15px;
  }

  .hero-welcome {
    background-image: linear-gradient(4deg, #0000004a, #fff0 84%), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6608c9f29296b283f04cd05f_Triathletes-training-on-sunset-beach.jpg");
    background-position: 0 0, 0 40%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    border-radius: 10px;
  }

  .welcome-description {
    letter-spacing: 0;
    text-transform: none;
    font-family: Montserrat, sans-serif;
    font-size: 12.5px;
    font-weight: 400;
    line-height: 16px;
  }

  .bar-graph-fill-2 {
    background-color: var(--rival-blue);
  }

  .bar-graph-fill-2.biology {
    background-color: var(--neon-green);
  }

  .bar-graph-fill-2.organic {
    background-color: var(--rival-blue);
  }

  .bar-graph-fill-2.comprehension {
    background-image: linear-gradient(270deg, var(--neon-green), var(--deon-green));
  }

  .features-card-2 {
    background-color: var(--white);
  }

  .title-block-text {
    color: var(--black);
    font-family: Bebasneue, sans-serif;
    font-size: 20px;
  }

  .dashboard-block-title {
    border-bottom: 1px solid var(--underline-title);
    padding-bottom: 10px;
  }

  .checkin-title {
    color: var(--black);
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    font-weight: 600;
  }

  .checkin-card-box {
    padding: 20px;
  }

  .text-block-177 {
    color: var(--black);
    font-size: 65px;
  }

  .full-nav_link, .full-nav_link-2, .link-29 {
    display: block;
  }

  .container-68 {
    max-width: 1280px;
  }

  .s1_athletes {
    min-height: 700px;
    max-height: 750px;
  }

  .rotatosection {
    height: 3800px;
  }

  .text-50-athletes.theme-1-text-c {
    color: #292929;
  }

  .lottie-section {
    height: 3800px;
  }

  .blue-card-background {
    padding-left: 3em;
    padding-right: 3em;
  }

  .fixed-nav {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #ffffff4d;
  }

  .container-83, .container-85 {
    max-width: 1280px;
  }

  .image-79 {
    margin-top: 140px;
  }

  .container-86 {
    max-width: 1280px;
  }

  .h6-heading.text-color-white {
    font-style: normal;
    font-weight: 400;
  }

  .div-organized-produce {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-himself-customs {
    height: 5rem;
  }

  .a-truck-house {
    display: none;
  }

  .div-clear-classroom {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .a-mood-discussion {
    margin-left: 2.5rem;
  }

  .a-own-go {
    display: inline-flex;
  }

  .section-silent-tongue {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-court-sight {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-vertical-evidence {
    grid-template-columns: 1fr 1fr;
  }

  .h1-mysterious-somewhere {
    margin-top: 2rem;
    font-size: 3.75rem;
    line-height: 1;
  }

  .p-calm-independent {
    margin-top: 2rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .a-surprise-blank {
    margin-top: 4rem;
  }

  .div-mix-advice {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-went-primitive {
    height: 5rem;
  }

  .a-pay-course {
    display: none;
  }

  .div-potatoes-tropical {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .a-needed-thus, .a-planning-apart {
    margin-left: 2.5rem;
  }

  .div-belt-fallen {
    flex-direction: row;
    align-items: stretch;
  }

  .div-vote-carried {
    order: 2;
    width: 58.3333%;
  }

  .div-unless-enter {
    display: block;
  }

  .div-give-village {
    text-align: left;
    padding: 6rem;
  }

  .h1-death-remarkable {
    font-size: 3.75rem;
    line-height: 1;
  }

  .form-limited-friend {
    background-color: #0000;
    margin-top: 3rem;
    margin-left: 0;
    margin-right: 0;
  }

  .div-coat-dear {
    background-color: #fff;
    border-width: 2px;
    border-color: #0000;
    border-radius: 9999px;
    padding: .5rem;
  }

  .div-tales-here {
    flex-direction: row;
  }

  .input-sky-opinion {
    text-align: left;
  }

  .a-torn-noun {
    width: auto;
    margin-top: 0;
    margin-left: 1rem;
  }

  .div-needle-magic {
    top: 6rem;
    left: -5rem;
  }

  .img-dog-or {
    width: 10rem;
    height: 10rem;
  }

  .div-train-court {
    order: 1;
    width: 41.6667%;
    height: auto;
  }

  .div-carefully-lion {
    padding: 2rem;
  }

  .div-dollar-indeed {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .div-direct-perfect {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-passage-create {
    display: none;
  }

  .div-seed-rabbit {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .a-directly-meat {
    margin-left: 2.5rem;
  }

  .section-frequently-join {
    padding-bottom: 5rem;
  }

  .div-become-bent {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .div-tent-met {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-couple-happen {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .div-frog-path {
    grid-column: span 3 / span 3;
  }

  .h1-team-nation {
    font-size: 3rem;
    line-height: 1;
  }

  .img-weather-work, .img-uncle-consist {
    width: 3.5rem;
    height: 3.5rem;
  }

  .div-forty-saw {
    grid-column: span 2 / span 2;
  }

  .input-taken-teeth, .a-correctly-she {
    padding-top: .875rem;
    padding-bottom: .875rem;
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .div-rocket-begun {
    margin-top: 3rem;
  }

  .div-bus-gift {
    grid-column-gap: 3rem;
  }

  .blog-hero-header {
    justify-content: center;
    align-items: flex-start;
    margin-top: 70px;
    margin-left: 10%;
    margin-right: 10%;
    position: static;
    top: 150px;
  }

  .blog-hero-container {
    max-width: none;
    margin-left: 0%;
    margin-right: 0%;
  }

  .blog-text-box.theme-1-text-c {
    color: #292929;
  }

  .blog-slider_wrapper {
    min-height: 800px;
  }

  .uk-overlay-image {
    margin-top: 98px;
  }

  .feature-background-image_uk {
    max-height: 700px;
    padding-top: 80%;
  }

  .text-50-uk.theme-1-text-c {
    color: #c4c4c4;
  }

  .business__amount-img.mod--over {
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .lottie-wrapper-1 {
    width: 700px;
    height: 700px;
  }

  .icon-regular-2 {
    color: var(--deon-green);
    -webkit-text-stroke-color: var(--deon-green);
  }

  .text-color-tertiary {
    color: #cecece;
  }

  .h2-heading-5 {
    font-family: Montserrat, sans-serif;
    font-size: 45px;
    font-style: italic;
    font-weight: 800;
  }

  .h5-heading-3 {
    font-family: Helvetica Neue, sans-serif;
    font-size: 22px;
  }

  .pricing-submit-button {
    background-color: var(--deon-green);
    box-shadow: inset 1px 1px .25px 0 #ffffff1f, inset -1px 1px .25px 0 #ffffff1f, 0 0 0 1px var(--neon-green), 0 1px 2px 0 #83e21aa3;
  }

  .text-block-213 {
    font-family: Helvetica Neue, sans-serif;
  }

  .ths08-logo-text {
    letter-spacing: -.5px;
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 800;
  }

  .floating-product-image {
    margin-top: 98px;
    top: 214px;
  }

  .f6-background-box {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6757cffd82af58acebe76969_friends-trail-running-in-the-mountains.jpg");
    background-position: 50% 100%;
    background-size: cover;
    max-height: 500px;
    padding-top: 60%;
  }

  .sportosnav-link, .sportoslogin-link {
    display: block;
  }
}

@media screen and (min-width: 1440px) {
  .instagram-background.one {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8e1_women%20jump%20rope%20exercise.jpeg");
  }

  .instagram-background.four {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8eb_ironman%20finisher.jpeg");
    background-position: 50% 0;
  }

  .instagram-background.two {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8dc_ironman%20cycling.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  .instagram-background.three {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8e6_women%20medicine%20ball%20workout.jpeg");
  }

  .hero-text-line {
    background-image: linear-gradient(to right, #7c1315, #990e10);
  }

  .hero-paragraph-2 {
    font-size: 20px;
  }

  .card-iphone {
    height: 900px;
    margin-top: 40px;
  }

  .product-container {
    position: relative;
  }

  .slider-background-2 {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6552a41187638e40685be394_active-lifestyle-health-pro.jpg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043c0_ImageOP004.jpeg");
    background-position: 50% 25%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
  }

  .slider-background-2.three {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8d6_beach%20stretch.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .heading-2 {
    letter-spacing: -.03em;
    font-family: Montserrat, sans-serif;
    font-style: italic;
    font-weight: 800;
  }

  .heading-2.large {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 200;
  }

  .circle {
    box-shadow: none;
    background-color: #f7f7f7;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .story-background-2 {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f3_about_athleticus%20app_5.jpg");
    background-position: 35%;
  }

  .story-background-2.right-image {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f0_coach-and-athlete-training.jpg");
    background-position: 50%;
  }

  .container-21.sticky {
    height: 100%;
    padding-top: 40px;
  }

  .product-phone-image-holder {
    position: relative;
  }

  .subtitle---brix-copy.hero-v2---brix {
    color: #667479;
    letter-spacing: 5px;
    font-weight: 400;
  }

  .desktop-section {
    margin-top: 0;
  }

  .customer-image-2 {
    max-height: 120px;
  }

  .customer-image-2.on-features-page {
    display: block;
  }

  .hero-product-demo {
    width: auto;
    height: auto;
    max-height: none;
    padding: 0;
    position: static;
  }

  .image-2 {
    padding-left: 20px;
  }

  .overlay-2 {
    background-color: #08080870;
  }

  .background-overlay {
    background-image: linear-gradient(to right, #111316e6 25%, #11131600);
  }

  .play-icon-holder {
    margin-top: -76px;
    position: absolute;
    inset: 50% auto auto 50%;
  }

  .button-text-2 {
    font-family: Montserrat, sans-serif;
  }

  .subtitle---brix.hero-v2---brix {
    color: #667479;
    letter-spacing: 5px;
    font-weight: 400;
  }

  .card-phone-image-container {
    inset: 18px;
  }

  .slide-heading-2 {
    letter-spacing: -.03em;
    font-family: Montserrat, sans-serif;
    font-size: 62px;
    font-style: italic;
    font-weight: 800;
  }

  .slide-heading-2.xl {
    letter-spacing: -.05em;
    font-family: Montserrat, sans-serif;
    font-style: italic;
    font-weight: 800;
  }

  .circle-3 {
    box-shadow: none;
    background-color: #f7f7f7;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .story-background-3 {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f3_about_athleticus%20app_5.jpg");
    background-position: 35%;
  }

  .story-background-3.right-image {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f0_coach-and-athlete-training.jpg");
    background-position: 50%;
  }

  .overlay-3 {
    background-color: #08080870;
  }

  .button-text-3 {
    font-family: Montserrat, sans-serif;
  }

  .heading-23 {
    letter-spacing: -.03em;
    font-family: Montserrat, sans-serif;
    font-style: italic;
    font-weight: 800;
  }

  .heading-23.large {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 200;
  }

  .story-background-4 {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f3_about_athleticus%20app_5.jpg");
    background-position: 35%;
  }

  .story-background-4.right-image {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f0_coach-and-athlete-training.jpg");
    background-position: 50%;
  }

  .overlay-4 {
    background-color: #08080870;
  }

  .heading-24, .heading-25 {
    letter-spacing: -.03em;
    font-family: Montserrat, sans-serif;
    font-style: italic;
    font-weight: 800;
  }

  .heading-25.large {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 200;
  }

  .overlay-5 {
    background-color: #08080870;
  }

  .heading-26 {
    letter-spacing: -.03em;
    font-family: Montserrat, sans-serif;
    font-style: italic;
    font-weight: 800;
  }

  .heading-26.large {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 200;
  }

  .container-15 {
    max-width: 100vw;
    margin-left: 0;
    margin-right: 0;
  }

  .button-13.btn-subscribe {
    border-width: 0;
  }

  .grey-text-2 {
    padding-top: 10px;
  }

  .text-gradient-2 {
    background-image: linear-gradient(111deg, #2c64b6, #142a4a);
    font-family: Montserrat, sans-serif;
    font-style: italic;
    line-height: 72px;
  }

  .external-link {
    color: #7c1315;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-style: italic;
  }

  .load-animation {
    display: none;
  }

  .mb-10 {
    font-family: Montserrat, sans-serif;
    font-size: 42px;
    font-style: italic;
    font-weight: 800;
  }

  .username-wrapper {
    margin-top: 2px;
    margin-bottom: 4px;
  }

  .user-name {
    letter-spacing: -1px;
    font-family: Montserrat, sans-serif;
    font-size: 42px;
    font-style: italic;
    font-weight: 800;
  }

  .main-hero__l {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .change-date {
    margin-bottom: 0;
  }

  .h4.no-margin {
    font-style: italic;
  }

  .dashnav {
    display: flex;
  }

  .main-wrapper {
    flex-direction: column;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0 45px;
    display: block;
  }

  .main-hero {
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .main-hero__r {
    display: block;
  }

  .body-6 {
    margin-top: 0;
  }

  .arrow-button {
    display: block;
  }

  .arrow {
    margin-left: 0;
  }

  .container-18.sticky, .container-22.sticky {
    height: 100%;
    padding-top: 40px;
  }

  .main-wrapper-3 {
    padding: 50px 45px;
  }

  .main-blog-image {
    width: 80%;
    height: auto;
  }

  .main-post-wrapper {
    max-width: 100%;
  }

  .profile-block-header {
    margin-right: 100px;
  }

  .text-center {
    margin-left: 5%;
    margin-right: 40px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .blog-body-wrapper {
    max-width: 100%;
    margin-right: 0;
  }

  .grey-text-3 {
    padding-top: 22px;
  }

  .orders-line:hover, .orders-line:focus {
    border-left: 2px solid var(--deon-green);
    background-image: linear-gradient(to right, #f8f8f8, #fff);
  }

  .orders-wrap {
    display: none;
  }

  .left-3 {
    width: 60%;
    padding: 50px 60px 60px;
  }

  .calendar-dates {
    flex-wrap: wrap;
    display: flex;
  }

  .mid-card.green {
    padding-top: 25px;
  }

  .right-3 {
    width: 40%;
    padding-left: 60px;
    padding-right: 60px;
  }

  .categories-cards_wrap {
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: grid;
  }

  .logo-img {
    opacity: .5;
  }

  .right-nav-5 {
    width: 40%;
    padding-left: 60px;
    padding-right: 60px;
  }

  .feedcard.green {
    padding-top: 25px;
  }

  .main-section {
    max-width: 100%;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .main-container-copy {
    max-width: 1440px;
  }

  .blog-newsletter-form {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .blog-post-container {
    max-width: 100%;
    margin-left: 10%;
    margin-right: 10%;
  }

  .heading-39 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.1em;
  }

  .body-dark {
    margin-top: 75px;
  }

  .edit-profile {
    font-family: Montserrat, sans-serif;
    font-size: 42px;
    font-style: italic;
    font-weight: 800;
  }

  .profile-editing {
    letter-spacing: 0;
    text-transform: none;
    font-size: 14px;
  }

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

  .places-card_heading-text-2 {
    color: var(--white);
  }

  .places-card_desc-text-2 {
    color: var(--light-grey-background);
  }

  .card-11-title {
    color: var(--button-black);
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    text-decoration: none;
  }

  .heading-30.theme-1-text-a {
    text-transform: none;
    font-size: 15.5px;
    font-style: normal;
    font-weight: 700;
  }

  .feature-card-7-media-wrap {
    padding-top: 0%;
  }

  .text-50.theme-1-text-c {
    color: #292929;
  }

  .video-card-1-body-container {
    margin-top: 140px;
  }

  .arrow-icon-wrapper.is--theme-1 {
    padding: 10px;
  }

  .feature-card-7-header-link {
    margin-top: 0;
    top: 0;
  }

  .button-27.is-icon.is-secondary {
    text-transform: none;
  }

  .text-block-77 {
    color: var(--ai-background);
    text-decoration: underline;
  }

  .view-more-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .viewmore-wrap {
    justify-content: space-between;
    display: flex;
  }

  .aicard-allview:hover {
    border-color: var(--deon-green);
    text-transform: none;
    background-color: #77cb1b00;
    background-image: radial-gradient(circle closest-side, #fff, #77cb1b0d);
    font-family: Montserrat, sans-serif;
    font-weight: 400;
  }

  .ai-block-copy {
    aspect-ratio: auto;
    min-width: auto;
    min-height: auto;
    margin-top: 100px;
    padding-top: 50px;
    position: fixed;
    overflow: auto;
  }

  .navigation-item.logout-link {
    opacity: 1;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 1em;
    text-decoration: none;
  }

  .navigation-item.logout-link:hover {
    background-color: var(--rival-red);
    color: #fff;
  }

  .navigation-item.dropdown-nav-item {
    margin-left: 0;
    margin-right: 0;
    text-decoration: none;
  }

  .navigation-item.dropdown-nav-item:hover {
    background-color: #f1f1f1;
  }

  .navigation-item.profile-nav {
    opacity: 1;
    padding-right: 0;
  }

  .nav-dropdown-list {
    display: none;
  }

  .nav-dropdown-list.w--open {
    opacity: 1;
    padding-bottom: 0;
  }

  .features-card {
    background-color: var(--rival-red);
  }

  .search-bar.hidden {
    border-radius: 20px;
  }

  .template-wrapper {
    background-color: #1d1d1d;
    min-width: 31.5%;
  }

  .toolbar-upgrade-button {
    border: 1px solid var(--body-display);
    color: var(--black);
    background-color: #77cb1b00;
  }

  .notifications.hidden {
    background-image: linear-gradient(45deg, var(--rival-red), #c20c0c);
    display: none;
  }

  .feature-button {
    color: var(--white);
    background-color: #f7f7f700;
  }

  .form_field-label {
    font-size: .8em;
  }

  .width-60percent {
    font-size: 13.4px;
  }

  .link-2, .is--second {
    font-size: .8em;
  }

  .button-34.mg-top-36px {
    background-color: var(--button-black);
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  .button-34.mg-top-36px:hover {
    background-color: var(--deon-green);
  }

  .button_text {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
  }

  .form_section {
    justify-content: space-between;
    padding-left: 40px;
  }

  .text-span-8 {
    color: var(--deon-green);
  }

  .display-1.width-80percent {
    font-family: Bebasneue, sans-serif;
    font-size: 65px;
    line-height: 65px;
  }

  .information_section.background-color.neutral-200 {
    justify-content: space-between;
  }

  .dashreturn {
    justify-content: flex-start;
    margin-top: 40px;
    margin-right: 0;
    display: flex;
  }

  .returnbutton {
    font-family: Montserrat, sans-serif;
  }

  .button-35 {
    background-color: var(--ai-background);
    text-align: center;
    letter-spacing: -.05px;
    border-radius: 0;
    margin-top: 100px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
  }

  .button-35:hover {
    background-color: var(--deon-green);
    background-image: linear-gradient(to bottom, var(--neon-green), var(--deon-green));
  }

  .promenu-logout {
    opacity: 1;
    color: var(--rival-red);
    font-family: Bebasneue, sans-serif;
    text-decoration: none;
  }

  .promenu {
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    text-decoration: none;
  }

  .text-block-80 {
    font-family: Montserrat, sans-serif;
    font-size: 12px;
  }

  .arrow-button-copy {
    display: block;
  }

  .arrow-button-copy.transition-trigger {
    display: flex;
  }

  .content-wrapper-video {
    background-color: #f4f8fa00;
    background-image: none;
    padding: 0;
  }

  .hidden-cms-section {
    background-color: var(--button-black);
  }

  .button-36 {
    text-transform: none;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 300;
  }

  .title {
    color: var(--white);
    font-family: Bebasneue, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .price-6 {
    color: var(--white);
    font-family: Bebasneue, sans-serif;
    font-size: 22px;
  }

  .ai-subheader {
    align-items: center;
    display: block;
  }

  .text-block-81 {
    margin-top: 5px;
    font-family: Montserrat, sans-serif;
  }

  .body-14 {
    margin-top: 75px;
  }

  .container-30.is--huge {
    background-color: #0c0b0b00;
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/683f7d18e3d0252bf1b7130f_Pattern.png");
    background-size: cover;
  }

  .main-wrapper-nike {
    flex-direction: column;
    margin-bottom: 10px;
    padding: 50px 45px;
    display: flex;
  }

  .main-hero-copy {
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .text-block-81-copy {
    margin-top: 5px;
    font-family: Montserrat, sans-serif;
  }

  .container-31 {
    width: 100%;
    max-width: 1500px;
    margin-left: 0;
    margin-right: 0;
  }

  .btn.btn-primary.cc-dropdown {
    background-color: var(--button-black);
    border-radius: 4rem;
  }

  .btn.btn-primary.card-slider_nav-btn {
    background-color: var(--dark-outline);
    border-radius: 4.5rem;
  }

  .dropdown-list-4 {
    display: none;
  }

  .dropdown-link {
    color: var(--ai-background);
    font-family: Bebasneue, sans-serif;
    font-size: 15px;
    font-weight: 400;
  }

  .dropdown-link:hover {
    background-color: var(--deon-green);
    font-family: Bebasneue, sans-serif;
  }

  .text-block-82 {
    color: var(--button-black);
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    font-weight: 400;
  }

  .profile-editing-subtext {
    letter-spacing: 0;
    text-transform: none;
    font-size: 14px;
  }

  .edit-profile-button.mg-top-36px {
    background-color: var(--button-black);
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  .edit-profile-button.mg-top-36px:hover {
    background-color: var(--deon-green);
  }

  .profile-button-text {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
  }

  .profile-display {
    justify-content: space-between;
    padding-left: 40px;
  }

  .body_pro-network {
    margin-top: 0;
  }

  .table-field-2.featured, .pricing-field_sticky-2.end {
    background-color: #fcfcfc;
  }

  .h2-4 {
    font-family: Bebasneue, sans-serif;
    font-weight: 400;
  }

  .text-pop-3 {
    color: var(--button-black);
  }

  .title-section-blog {
    width: 98.0002%;
    max-width: 100%;
  }

  .blog-section {
    max-width: 100%;
    margin-right: 0;
  }

  ._2-button-wrap {
    display: none;
  }

  .spacer-5rem {
    padding-top: 3.3rem;
  }

  .content-left {
    padding-top: 20px;
  }

  .logos-wrapper {
    display: none;
  }

  .p-12.grey-p {
    font-size: 8px;
  }

  .grey-p-3 {
    margin-top: 3px;
  }

  .card-flex {
    height: 1.4em;
  }

  .submit-request-text {
    margin-bottom: 0;
  }

  .section_text-animation.padding-global.padding-section-large {
    padding-top: 0;
    padding-bottom: 0;
  }

  .spacer-5rem-2 {
    padding-top: 1.8rem;
  }

  .stats {
    justify-content: space-between;
    display: none;
  }

  .navbar-logo-left-2 {
    z-index: 9997;
  }

  .navbarcontainer-2 {
    margin-left: 111px;
  }

  .dashboard-4 {
    width: 22%;
    height: auto;
  }

  .text-310 {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
  }

  .vectors-wrapper-36 {
    border-radius: 4.8em;
  }

  .day {
    position: relative;
  }

  .sticky-nav {
    z-index: 9999;
    position: fixed;
  }

  .navigation-2 {
    z-index: 9999;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
  }

  .left-nav__menu-2 {
    margin-bottom: 75px;
  }

  .nav-top-2 {
    align-items: center;
  }

  .logo-link-6 {
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .nav-bot-2 {
    display: none;
  }

  .menu-3 {
    justify-content: flex-start;
    margin-top: 220px;
  }

  .home-selected-2:hover {
    border-left: 2px solid var(--deon-green);
  }

  .vectors-wrapper-65 {
    padding: 1px;
  }

  .table-row-2:hover {
    border-left: 2px solid var(--deon-green);
    background-image: linear-gradient(to right, #f7f7f7, #fff);
  }

  .table-row-2.head {
    font-family: Montserrat, sans-serif;
  }

  .image-7 {
    margin-right: 0;
  }

  .table-row-nr {
    color: var(--black-2);
  }

  .table-box {
    justify-content: flex-end;
    width: 15%;
  }

  .table-box._11 {
    width: 20%;
  }

  .table-box._2 {
    background-color: #fff0;
    width: 20%;
  }

  .table-box._2.small {
    width: 20%;
  }

  .table-action-icon-2.x {
    width: 22px;
  }

  .div-block-406._2 {
    background-color: #fff0;
  }

  .table-data {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 800;
  }

  .table-data.name {
    margin-right: 5px;
  }

  .table-heading {
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 10.5px;
    font-weight: 700;
  }

  .table-wrapper {
    border: 1px solid #d4d4d4;
    border-radius: 10px;
    padding: 10px 10px 2px;
  }

  .table-box-client {
    justify-content: flex-start;
    width: 20%;
  }

  .table-box-client._2 {
    background-color: #fff0;
    width: 20%;
  }

  .gauge_circle-3 {
    color: var(--nike-navy);
  }

  .gauge_circle-1 {
    color: var(--deon-green);
  }

  .gauge_circle-2 {
    color: var(--active-border);
  }

  .graph-info_label {
    font-size: 10px;
  }

  .graph-marker.apr, .graph-marker.feb, .graph-marker.jan {
    background-color: #e0e0e0;
  }

  .graph-marker.mar {
    background-color: var(--deon-green);
  }

  .graph {
    overflow: hidden;
  }

  .graph-flex {
    flex: 0 auto;
    width: 99%;
  }

  .graph-wrap {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/657a02185e04bfc53232612e_Recovery%20chart.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150%;
    flex: 0 auto;
    width: 100%;
    height: 500px;
    padding: 220px 0;
  }

  .paragraph-49 {
    color: var(--body-display);
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 500;
  }

  .blue-p {
    color: var(--deon-green);
    font-weight: 600;
  }

  .image-42 {
    width: 200%;
    max-width: 10%;
  }

  .sales-wrap {
    background-color: var(--white);
    width: 100%;
  }

  .value {
    background-image: linear-gradient(360deg, var(--deon-green), var(--neon-green));
  }

  .stat-value {
    width: 10px;
  }

  .heading-117 {
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 800;
  }

  .grey-text {
    padding-top: 22px;
  }

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

  .full-width-img {
    max-width: 100%;
  }

  .background-overlay-2 {
    background-image: linear-gradient(to right, #111316e6 25%, #11131600);
  }

  .split-page-wrapper {
    display: flex;
  }

  .content-left-copy {
    padding-top: 20px;
  }

  .left-content-container {
    max-width: 600px;
  }

  .hero-paragraph-3 {
    font-size: 20px;
  }

  .right-content-container {
    max-width: 750px;
  }

  .button-75.btn-subscribe {
    border-width: 0;
  }

  .h1-title {
    font-size: 64px;
  }

  .subtitle-home-left.hero-v2---brix {
    color: #667479;
    letter-spacing: 5px;
    font-weight: 400;
  }

  .slide-heading-2-copy {
    letter-spacing: -.03em;
    font-family: Montserrat, sans-serif;
    font-size: 62px;
    font-style: italic;
    font-weight: 800;
  }

  .slide-heading-2-copy.xl {
    letter-spacing: -.05em;
    font-family: Montserrat, sans-serif;
    font-style: italic;
    font-weight: 800;
  }

  .video-paragraph {
    font-size: 20px;
  }

  .video-heading {
    letter-spacing: -.03em;
    font-family: Montserrat, sans-serif;
    font-size: 62px;
    font-style: italic;
    font-weight: 800;
  }

  .video-heading.xl {
    letter-spacing: -.05em;
    font-family: Montserrat, sans-serif;
    font-style: italic;
    font-weight: 800;
  }

  .video-intro {
    display: block;
  }

  .join-mission-header {
    padding-top: 20px;
  }

  .section_home-features {
    background-image: linear-gradient(to bottom, #0000, var(--white) 30%);
  }

  .section_home-routines {
    background-image: linear-gradient(#000, #181818d9), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/65a0a8367d891991a65fe75b_steven-erixon-CFrOp9YBhkw-unsplash.jpg");
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .main-wrapper-13 {
    background-position: 50% 0;
  }

  .uui-text-rich-text {
    margin-right: 100px;
  }

  .container-58 {
    max-width: none;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 75px;
    padding-right: 10px;
  }

  .blog-grid {
    margin-left: 100px;
    margin-right: 100px;
  }

  .define-id-for-toc-conyainer {
    font-family: Montserrat, sans-serif;
    font-size: 12px;
  }

  .fade-in-on-scroll-image {
    background-size: cover;
    justify-content: center;
    align-items: flex-start;
    height: 850px;
    padding-right: 40px;
    display: flex;
  }

  .s2-image {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f3_about_athleticus%20app_5.jpg");
    background-position: 35%;
  }

  .s2-image.right-image {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f0_coach-and-athlete-training.jpg");
    background-position: 50%;
  }

  .s2-image-rt {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f3_about_athleticus%20app_5.jpg");
    background-position: 35%;
  }

  .s2-image-rt.right-image {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f0_coach-and-athlete-training.jpg");
    background-position: 50%;
  }

  .feature-overlay-text {
    margin-top: 0;
    top: 0;
  }

  .feature-background-image {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66ff6a90253a48136063deda_rivalists-sports-medcine-physical-therapy-software_triathlete.jpg");
    background-position: 50% 0;
    background-repeat: repeat;
    background-size: cover;
    padding-top: 78%;
  }

  .home-email-signups {
    justify-content: center;
    display: none;
  }

  .home-header-container {
    margin-top: 140px;
  }

  .container-64 {
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-left: 40px;
    margin-right: 40px;
  }

  .app-dashboard {
    justify-content: center;
    width: 100%;
  }

  .dash-link-text {
    margin-bottom: 0;
  }

  .checkin-title {
    margin-top: 3px;
  }

  .heading-168 {
    letter-spacing: -.03em;
    font-family: Montserrat, sans-serif;
    font-style: italic;
    font-weight: 800;
  }

  .info-col-parent {
    box-sizing: border-box;
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
  }

  .col-left-inner {
    justify-content: center;
    align-items: flex-start;
  }

  .col-content-parent {
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 4.7rem;
  }

  .paragraph-74 {
    text-align: left;
  }

  .athlete-button.is-alternate {
    background-color: var(--deon-green);
  }

  .person-name-text {
    font-family: Helvetica Neue, sans-serif;
  }

  .grey-box {
    background-color: #e7f5ff;
  }

  .person {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66c6b706198ef2857837a6ec_Man-running-with-weighted-vest_transparent1304.png"), radial-gradient(circle, #fff, #e7f5ff 48%);
    background-position: 50% 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: auto, auto;
  }

  .person-profession {
    font-family: Helvetica Neue, sans-serif;
  }

  .mobile-link {
    display: none;
  }

  .container-76 {
    max-width: 1350px;
  }

  .animated-subtext {
    margin-top: 140px;
  }

  .zoom-image-1 {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66be334e60f73ea423740e1c_men%20running%20stairs_performance%20health.jpg");
    background-position: 50% 0;
    background-size: auto;
  }

  .text-50-athletes.theme-1-text-c {
    color: #292929;
  }

  .video-card-1-body-container-copy, .main-header-container, .main-header-container-sticky {
    margin-top: 140px;
  }

  .blue-card-background {
    padding-left: 5em;
    padding-right: 5em;
  }

  .fixed-nav {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #ffffff4a;
  }

  .nav-link-text-2 {
    color: #212121;
  }

  .nav-link-text-2:hover {
    color: #990e10;
  }

  .iphone-overlay {
    background-image: linear-gradient(10deg, #fff 35%, #fff0 73%, #0000);
  }

  .nav-link-11 {
    opacity: 1;
    color: #212121;
    transition: color .2s;
  }

  .nav-link-11:hover {
    color: #990e10;
  }

  .nav-menu-13 {
    color: #212121;
    justify-content: flex-start;
    margin-left: 246px;
  }

  .button-100.btn-subscribe {
    border-width: 0;
  }

  .image-79 {
    margin-top: 140px;
  }

  .div-organized-produce {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-himself-customs {
    height: 5rem;
  }

  .a-truck-house {
    display: none;
  }

  .div-clear-classroom {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .a-mood-discussion {
    margin-left: 2.5rem;
  }

  .a-own-go {
    display: inline-flex;
  }

  .section-silent-tongue {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-court-sight {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-vertical-evidence {
    grid-template-columns: 1fr 1fr;
  }

  .h1-mysterious-somewhere {
    margin-top: 2rem;
    font-size: 6rem;
    line-height: 1;
  }

  .p-calm-independent {
    margin-top: 2rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .a-surprise-blank {
    margin-top: 4rem;
  }

  .div-mix-advice {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-went-primitive {
    height: 5rem;
  }

  .a-pay-course {
    display: none;
  }

  .div-potatoes-tropical {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .a-needed-thus, .a-planning-apart {
    margin-left: 2.5rem;
  }

  .div-belt-fallen {
    flex-direction: row;
    align-items: stretch;
  }

  .div-vote-carried {
    order: 2;
    width: 58.3333%;
  }

  .div-unless-enter {
    display: block;
  }

  .div-give-village {
    text-align: left;
    padding: 6rem;
  }

  .h1-death-remarkable {
    font-size: 6rem;
    line-height: 1;
  }

  .form-limited-friend {
    background-color: #0000;
    margin-top: 3rem;
    margin-left: 0;
    margin-right: 0;
  }

  .div-coat-dear {
    background-color: #fff;
    border-width: 2px;
    border-color: #0000;
    border-radius: 9999px;
    padding: .5rem;
  }

  .div-tales-here {
    flex-direction: row;
  }

  .input-sky-opinion {
    text-align: left;
  }

  .a-torn-noun {
    width: auto;
    margin-top: 0;
    margin-left: 1rem;
  }

  .div-needle-magic {
    top: 6rem;
    left: -5rem;
  }

  .img-dog-or {
    width: 10rem;
    height: 10rem;
  }

  .div-train-court {
    order: 1;
    width: 41.6667%;
    height: auto;
  }

  .div-carefully-lion {
    padding: 2rem;
  }

  .hero-grid-block {
    background-color: var(--gradient-white);
  }

  .hero-heading-3 {
    font-size: 50px;
    font-style: italic;
    font-weight: 800;
  }

  .hero-heading-3.is-primary {
    color: var(--deon-green);
  }

  .hero-h3-heading {
    letter-spacing: 3px;
    font-size: 18px;
    font-weight: 400;
  }

  .hero-h2-heading {
    color: var(--black-2);
    font-style: italic;
    font-weight: 800;
  }

  .demo-page-wrap {
    margin-top: 100px;
    display: none;
  }

  .div-dollar-indeed {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .div-direct-perfect {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-passage-create {
    display: none;
  }

  .div-seed-rabbit {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .a-directly-meat {
    margin-left: 2.5rem;
  }

  .section-frequently-join {
    padding-bottom: 5rem;
  }

  .div-become-bent {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .div-tent-met {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-couple-happen {
    grid-column-gap: 5rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .div-frog-path {
    grid-column: span 3 / span 3;
  }

  .h1-team-nation {
    font-size: 3rem;
    line-height: 1;
  }

  .img-weather-work, .img-uncle-consist {
    width: 3.5rem;
    height: 3.5rem;
  }

  .div-forty-saw {
    grid-column: span 2 / span 2;
  }

  .input-taken-teeth, .a-correctly-she {
    padding-top: .875rem;
    padding-bottom: .875rem;
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .div-rocket-begun {
    margin-top: 3rem;
  }

  .div-bus-gift {
    grid-column-gap: 3rem;
  }

  .blog-hero-header {
    align-items: stretch;
    margin-top: 0;
    top: 0;
  }

  .blog-hero-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: stretch;
    max-width: 100%;
    margin-top: 140px;
  }

  .blog-text-box.theme-1-text-c {
    color: #292929;
  }

  .blog-slider_wrapper {
    min-height: 800px;
    display: none;
  }

  .uk-overlay-image {
    margin-top: 140px;
  }

  .feature-background-image_uk {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6757cffd82af58acebe76969_friends-trail-running-in-the-mountains.jpg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66ff6a90253a48136063deda_rivalists-sports-medcine-physical-therapy-software_triathlete.jpg");
    background-position: 50% 0, 50% 0;
    background-repeat: repeat, repeat;
    background-size: cover, cover;
    padding-top: 78%;
  }

  .text-50-uk.theme-1-text-c {
    color: #c4c4c4;
  }

  .navbar_flex {
    justify-content: flex-end;
  }

  .section_health-cards {
    justify-content: center;
    align-items: stretch;
  }

  .health-cards-container {
    margin-left: 10px;
    margin-right: 10px;
  }

  .client-sidebar {
    justify-content: flex-start;
    align-items: center;
    margin-left: 10px;
    margin-right: 0;
  }

  .health-team-2 {
    border-style: none;
  }

  .lottie-wrapper-1 {
    width: 750px;
    height: 750px;
  }

  .ths08-logo-text {
    letter-spacing: -.5px;
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 800;
  }

  .floating-product-image {
    margin-top: 95px;
  }

  .f6-background-box {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6757cffd82af58acebe76969_friends-trail-running-in-the-mountains.jpg");
    background-position: 50% 0;
    background-repeat: repeat;
    background-size: cover;
    height: 800px;
    max-height: none;
    padding-top: 0%;
  }

  .section-4-product-highlights {
    background-image: linear-gradient(to bottom, #0000, var(--white) 30%);
  }

  .bold-block_chart-image {
    width: 95%;
  }

  .content-style-26 {
    max-width: 100%;
  }

  .product-1-image-insert {
    position: relative;
    top: -68px;
  }

  .glowing-wrapper-button {
    border-color: #315a04;
    height: 56px;
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media screen and (min-width: 1920px) {
  .card-iphone {
    width: 65%;
    height: 1000px;
  }

  .slider-background-2.three {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8d6_beach%20stretch.jpg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8d0_athleticus-health-fitness-professional-demo.jpg");
    background-position: 50%, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
  }

  .heading-2.large {
    font-style: normal;
  }

  .background-overlay {
    background-image: linear-gradient(to right, #111316e6 25%, #11131600);
  }

  .heading-23.large {
    font-style: normal;
  }

  .promo-strip-2 {
    overflow: visible;
  }

  .heading-25.large, .heading-26.large {
    font-style: normal;
  }

  .grey-text-2 {
    text-align: left;
    font-size: 15px;
  }

  .main-post-wrapper {
    max-width: none;
  }

  .blog-body-wrapper {
    max-width: none;
    margin-left: 5%;
    margin-right: 5%;
  }

  .pg-wrap {
    width: auto;
  }

  .main-section {
    width: auto;
    max-width: none;
  }

  .main-container-copy {
    width: 100%;
    max-width: none;
    margin-left: 0%;
    margin-right: 0%;
  }

  .blog-newsletter-form {
    justify-content: center;
    display: flex;
  }

  .blog-post-container {
    max-width: none;
  }

  .heading-39 {
    font-size: 25px;
    font-weight: 600;
    line-height: 1em;
  }

  .category-holder-3 {
    box-shadow: none;
  }

  .heading-30.theme-1-text-a {
    text-transform: none;
    font-style: normal;
    font-weight: 700;
  }

  .navigation-item.logout-link:hover {
    background-color: var(--rival-red);
  }

  .form_field-label, .width-60percent, .link-2, .is--second {
    font-size: .8em;
  }

  .display-1 {
    font-size: 94px;
    line-height: 92px;
  }

  .display-1.width-80percent {
    font-size: 66px;
    line-height: 80px;
  }

  .promenu-logout {
    font-family: Montserrat, sans-serif;
  }

  .promenu, .text-block-80 {
    font-family: Montserrat, sans-serif;
    font-size: 12px;
  }

  .title-section-blog {
    max-width: none;
  }

  .blog-section {
    max-width: none;
    margin-left: 1%;
    margin-right: 1%;
  }

  .grid-seo-service {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .greetings-2 {
    align-items: stretch;
  }

  .middle-wrap {
    margin-left: 10px;
    margin-right: 10px;
  }

  .stats-overview {
    width: 1200px;
  }

  .table-box {
    width: 20%;
  }

  .table-box.action {
    justify-content: center;
  }

  .table-wrapper {
    width: 1200px;
    max-width: 200%;
  }

  .background-overlay-2 {
    background-image: linear-gradient(to right, #111316e6 25%, #11131600);
  }

  .form-wrapper-3 {
    max-width: 500px;
  }

  .split-page-wrapper {
    display: flex;
  }

  .signup-header {
    font-size: 40px;
    line-height: 45px;
  }

  .video-intro {
    display: block;
  }

  .home-download_h2 {
    font-size: 75px;
  }

  .fade-in-on-scroll-image {
    background-size: cover;
    height: 900px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .feature-background-image {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66ff6a90253a48136063deda_rivalists-sports-medcine-physical-therapy-software_triathlete.jpg");
    background-position: 50% 0;
    background-size: cover;
    padding-top: 75%;
  }

  .image-53 {
    width: 120px;
    max-width: none;
  }

  .home-email-signups {
    justify-content: center;
    display: none;
  }

  .award-wrapper-mobile {
    margin-bottom: 15px;
  }

  .container-64 {
    width: 80%;
  }

  .app-dashboard {
    justify-content: center;
    width: 100%;
  }

  .s0_hero-section {
    z-index: 0;
    position: relative;
    top: 0;
  }

  .zoom-image-1 {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66be334e60f73ea423740e1c_men%20running%20stairs_performance%20health.jpg");
    background-position: 50% 0;
    background-size: auto;
  }

  .stage---item.x-04 {
    width: 500px;
    height: 500px;
  }

  .lottie-animation-25 {
    width: 100%;
  }

  .tabs-3 {
    margin-top: 60px;
    margin-left: 60px;
    margin-right: 60px;
  }

  .image-79 {
    margin-top: 140px;
  }

  .div-direct-perfect {
    max-width: 100rem;
  }

  .div-block-428 {
    margin-top: 129px;
  }

  .blog-hero-container {
    max-width: none;
  }

  .uk-overlay-image {
    width: 100%;
    margin-top: 212px;
  }

  .feature-background-image_uk {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6757cffd82af58acebe76969_friends-trail-running-in-the-mountains.jpg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66ff6a90253a48136063deda_rivalists-sports-medcine-physical-therapy-software_triathlete.jpg");
    background-position: 50% 0, 50% 0;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    padding-top: 75%;
  }

  .text-50-uk.theme-1-text-c {
    color: #c4c4c4;
  }

  .navbar_flex {
    justify-content: flex-end;
  }

  .section_health-cards {
    justify-content: center;
    align-items: stretch;
  }

  .health-cards-container {
    margin-left: 25px;
    margin-right: 25px;
  }

  .client-sidebar {
    justify-content: flex-start;
    align-items: flex-end;
    width: 2%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    display: flex;
  }

  .health-team-2 {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .lottie-wrapper-1 {
    width: 800px;
    height: 800px;
  }

  .section--coach-hero {
    z-index: 0;
    position: relative;
    top: 0;
  }

  .ths08-logo-text {
    letter-spacing: -.5px;
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 800;
  }

  .floating-product-image {
    width: 100%;
    margin-top: 20px;
  }

  .f6-background-box {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6757cffd82af58acebe76969_friends-trail-running-in-the-mountains.jpg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66ff6a90253a48136063deda_rivalists-sports-medcine-physical-therapy-software_triathlete.jpg");
    background-position: 50% 0, 50% 0;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    height: 900px;
    padding-top: 0%;
  }

  .bold-block_chart-image {
    width: 525px;
  }

  .section-5_data {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .product-1-image {
    justify-content: center;
    align-items: center;
  }

  .product-1-image-insert {
    position: relative;
    top: -40px;
  }

  .data-security-container, .section-6-container {
    margin-left: auto;
    margin-right: auto;
  }

  .banner-header-title {
    font-size: 75px;
  }
}

@media screen and (max-width: 991px) {
  .slide-content.flex-bottom {
    min-height: 700px;
  }

  .slide-nav {
    bottom: 36px;
  }

  .slide-nav.tablet-mobile-slide-nav {
    display: flex;
  }

  .slide-arrow {
    bottom: 36px;
  }

  .slide-heading {
    font-size: 64px;
  }

  .slide-heading.xl {
    font-size: 100px;
  }

  .nav-link {
    border-bottom: 1px solid var(--dark-outline);
    color: #000;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .nav-content {
    grid-template-columns: 1fr 1fr;
  }

  .menu-wrapper {
    grid-row-gap: 0px;
    border-top: 1px solid var(--dark-outline);
    color: #000;
    background-color: #fff;
    grid-auto-flow: row;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cart-list {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .cart-container {
    width: 90%;
  }

  .right-nav {
    grid-column-gap: 30px;
    align-items: center;
  }

  .stacked-content.medium, .stacked-content.medium.centered {
    grid-row-gap: 60px;
  }

  .card-image {
    height: 70vw;
  }

  .card-image.extra-large, .card-image.large {
    height: 65vw;
  }

  .related-products {
    padding-left: 5vw;
    overflow: auto;
  }

  .action-heading-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .product-slider-wrapper {
    padding-left: 5vw;
    padding-right: 5vw;
    overflow: hidden;
  }

  .product-mask {
    width: 45%;
  }

  .dark-slide-arrow {
    bottom: 140px;
  }

  .action-section {
    min-height: 500px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .featured-wrapper {
    grid-row-gap: 36px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
  }

  .featured-item-image {
    min-height: 45vw;
  }

  .heading {
    font-size: 32px;
  }

  .heading.large {
    font-size: 38px;
  }

  .heading.extra-large {
    font-size: 48px;
  }

  .sticky-heading {
    margin-bottom: 0;
    position: relative;
    top: 0;
  }

  .image {
    width: 19vw;
    height: 14vw;
    margin-bottom: -50%;
  }

  .basic-slider {
    padding-bottom: 36px;
  }

  .basic-slide-wrapper {
    min-height: 65vw;
    padding: 48px;
  }

  .product-gallery {
    flex-wrap: nowrap;
    margin-bottom: 0;
  }

  .collection-item {
    margin-bottom: 0;
    padding-top: 0;
  }

  .collection-item:first-child {
    min-width: 50%;
  }

  .collection-item:last-child {
    padding-right: 6px;
  }

  .collection-list-wrapper {
    position: relative;
    top: 0;
  }

  .product-thumbnail {
    overflow: auto;
  }

  .product-wrapper {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .product-sidebar {
    max-width: 675px;
    padding-top: 48px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .tab-list {
    max-width: none;
  }

  .hover-cover {
    display: none;
  }

  .tab-top:hover {
    padding-left: 0;
    padding-right: 0;
  }

  .shop-grid {
    grid-template-columns: 1fr 1fr;
  }

  .instagram-grid {
    grid-row-gap: 6px;
  }

  .instagram-image {
    min-height: 18vw;
  }

  .instagram-image.middle {
    min-width: 25vw;
    min-height: 10vw;
    font-size: 15px;
  }

  .product-showcase {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .showcase-image {
    min-height: 90vw;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    top: 0;
  }

  .showcase-products {
    padding-left: 6px;
    padding-right: 6px;
  }

  .showcase-products.single-column {
    padding-left: 0;
    padding-right: 0;
  }

  .about-intro {
    padding-top: 120px;
    padding-bottom: 36px;
  }

  .hero-image-wrapper {
    min-height: 35vw;
  }

  .product-detail-grid {
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .large-showcase-image {
    min-height: auto;
    max-height: none;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .showcase-grid {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    padding-top: 0;
  }

  .half-grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .half-grid.reverse {
    grid-template-columns: 1fr;
  }

  .half-image {
    height: 70vw;
    min-height: 500px;
  }

  .half-content {
    grid-row-gap: 36px;
    background-color: #fff;
    max-width: none;
    padding: 0 10vw 80px 5vw;
  }

  .half-content.left {
    padding-left: 0;
  }

  .half-content.right {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .checkout-form {
    padding-right: 5vw;
  }

  .checkout-grid {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .checkout-right {
    min-width: auto;
    padding: 48px 40px 120px;
  }

  .checkout-left {
    grid-row-gap: 24px;
    padding-top: 60px;
    padding-bottom: 0;
  }

  .contact-hero {
    padding-top: 180px;
    padding-bottom: 80px;
  }

  .dual-contact {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .contact-image {
    height: 60vw;
  }

  .contact-form-base {
    min-width: auto;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .dual-grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .product-detail-collection {
    margin-left: 0;
    margin-right: 0;
    padding-left: 6px;
    padding-right: 6px;
    overflow: auto;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon {
    width: 28px;
  }

  .nav-link-text {
    color: #000;
  }

  .showcase-item {
    width: 50vw;
    min-width: 50vw;
    padding-right: 0;
  }

  .large-collection-item {
    min-width: 40vw;
  }

  .hero-grid {
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }

  .section-banner {
    min-height: 500px;
  }

  .sidebar-grid {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .faq-grid {
    grid-row-gap: 60px;
    width: 100%;
    max-width: none;
  }

  .faq-sidebar {
    margin-bottom: 0;
    padding-top: 80px;
    padding-left: 5vw;
    padding-right: 5vw;
    position: relative;
  }

  .story-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 80px;
    grid-template-columns: auto auto;
    padding-left: 0;
    padding-right: 0;
  }

  .story-image {
    width: 20vw;
    height: 29vw;
  }

  .story-content {
    max-width: 100vw;
  }

  .faq-right {
    padding: 60px 5vw 100px;
  }

  .shop-collection-list {
    padding-left: 0;
    padding-right: 0;
  }

  .menu-base {
    grid-row-gap: 0px;
    background-color: #fff;
    grid-template-columns: 1fr;
  }

  .search-input {
    color: var(--black-2);
    min-height: 40px;
    padding-left: 24px;
  }

  .search-button {
    background-color: var(--dark-outline);
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043de_search-dark-small(24x24)%402x%20(1).svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    min-width: 40px;
    min-height: 40px;
    margin-left: 0;
    display: block;
  }

  .search-wrapper {
    padding-left: 12px;
    padding-right: 12px;
    display: none;
  }

  .search {
    flex-direction: row;
    height: auto;
    padding: 4px;
  }

  .search-icon {
    background-color: var(--light-grey-background);
    padding-right: 9px;
  }

  .dropdown-search-list {
    display: flex;
  }

  .dropdown-search {
    background-color: var(--light-grey-background);
    width: 100%;
    max-width: 500px;
    margin: 12px auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .search-base {
    flex: 1;
    width: auto;
  }

  .search-toggle {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin-left: -40px;
    display: none;
  }

  .lottie-animation {
    filter: invert();
  }

  .search-result-list {
    grid-template-columns: 1fr;
  }

  .search-result-hero {
    padding-top: 140px;
    padding-bottom: 60px;
  }

  .result-image {
    min-height: 35vw;
  }

  .filter-bar {
    padding-top: 60px;
  }

  .featured-product-list {
    grid-row-gap: 36px;
  }

  .screen-2 {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed91a_Onboard_Start%20%E2%80%93%201%403x.jpg");
  }

  .screen-2._2 {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed90f_Health%20Professional%20Profile%20View%20on%20Rivalists%402x.jpg");
  }

  .screen-2._3 {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed944_New%20Home%20Dashboard%20%E2%80%93%20Pre%20Points%20%E2%80%93%201%402x.png");
  }

  .hero-text-line {
    height: 90px;
    margin-top: 25px;
  }

  .hero-image-2 {
    max-width: 560px;
  }

  .hero-paragraph-2 {
    font-size: 18px;
  }

  .product-slider-wrapper-2 {
    padding-left: 5vw;
    padding-right: 5vw;
    overflow: hidden;
  }

  .hero-description {
    padding-left: 40px;
    padding-right: 140px;
  }

  .instagram-grid-2 {
    grid-row-gap: 6px;
  }

  .sticky-wrapper {
    width: 40%;
  }

  .p2 {
    display: block;
  }

  .product-phone-demo-image {
    border-radius: 10px;
  }

  .dark-slide-arrow-copy {
    bottom: 140px;
  }

  .dark-slide-arrow-copy.right {
    width: 10%;
    height: 10%;
    padding-top: 0;
  }

  .section-2 {
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden;
  }

  .small-title-2 {
    color: #1d1d1d;
    letter-spacing: -1.2px;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    font-weight: 500;
  }

  .h2-2 {
    color: #1d1d1d;
    letter-spacing: -.03px;
    text-transform: uppercase;
    margin-top: 0;
    padding-top: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 28px;
    font-weight: 200;
    line-height: 1.2;
  }

  .heading-2 {
    font-size: 32px;
  }

  .heading-2.large {
    font-size: 38px;
  }

  .circle._2 {
    top: 32%;
  }

  .circle._4 {
    top: 57%;
  }

  .dark-slide-arrow-fix, .dark-slide-arrow-2 {
    bottom: 140px;
  }

  .heading-21 {
    text-align: left;
    padding-left: 40px;
  }

  .small-container {
    max-width: 100%;
  }

  .grid-2-columns.title-and-categories {
    grid-template-columns: 1fr;
  }

  .circle-2 {
    box-shadow: none;
    background-color: #f7f7f7;
  }

  .circle-2._4 {
    top: 57%;
  }

  .circle-2._2 {
    top: 32%;
  }

  .container-21.sticky.mobile {
    margin-top: 0;
  }

  .categories-badges-wrapper {
    justify-content: flex-start;
  }

  .desktop-section {
    display: none;
  }

  .ig-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .mobile-section {
    display: none;
  }

  .mobile-section.mobile {
    background-color: #fff;
    margin-top: 0;
    display: flex;
  }

  .grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-columns.gap-row-80px {
    grid-row-gap: 64px;
  }

  .card-item.light {
    display: none;
  }

  .screenshot-2 {
    display: block;
  }

  .sticky-wrapper-main {
    margin-top: -75px;
  }

  .sticky-content {
    margin-bottom: -172px;
  }

  .sticky-content._3, .sticky-content._5, .sticky-content._2, .sticky-content._4, .sticky-content._1 {
    display: block;
  }

  .slide-arrow-2 {
    bottom: 36px;
  }

  .slide-arrow-2.left {
    display: flex;
  }

  .slide-arrow-2.right {
    height: 48px;
    margin-bottom: 0;
  }

  .sticky-wrapper-2 {
    width: 40%;
  }

  .main-heading {
    text-align: left;
    padding-left: 40px;
    padding-right: 0;
  }

  .play-icon-holder {
    width: 100px;
    margin-top: -50px;
    margin-left: -50px;
  }

  .hero-text-block {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 40px;
    display: flex;
  }

  .phone-wrapper {
    width: 50%;
    display: flex;
  }

  .hero-content-wrapper {
    margin-top: 20px;
  }

  .slide-heading-2 {
    font-size: 64px;
  }

  .slide-heading-2.xl {
    font-size: 100px;
  }

  .hero-image-block {
    margin-top: 80px;
  }

  .hero-text {
    font-size: 100px;
  }

  .hero-grid-wrapper {
    grid-column-gap: 25px;
    grid-template-columns: 1fr;
  }

  .product-slider-wrapper-3 {
    padding-left: 5vw;
    padding-right: 5vw;
    overflow: hidden;
  }

  .instagram-grid-3 {
    grid-row-gap: 6px;
  }

  .section-5 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .small-title-3 {
    color: #1d1d1d;
    letter-spacing: -1.2px;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    font-weight: 500;
  }

  .circle-3._2 {
    top: 32%;
  }

  .circle-3._4 {
    top: 57%;
  }

  .heading-22 {
    text-align: left;
    padding-left: 40px;
  }

  .circle-4 {
    box-shadow: none;
    background-color: #f7f7f7;
  }

  .circle-4._4 {
    top: 57%;
  }

  .circle-4._2 {
    top: 32%;
  }

  .sticky-wrapper-3 {
    width: 40%;
  }

  .product-slider-wrapper-4 {
    padding-left: 5vw;
    padding-right: 5vw;
    overflow: hidden;
  }

  .instagram-grid-4 {
    grid-row-gap: 6px;
  }

  .section-8 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .small-title-4 {
    color: #1d1d1d;
    letter-spacing: -1.2px;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    font-weight: 500;
  }

  .heading-23 {
    font-size: 32px;
  }

  .heading-23.large {
    font-size: 38px;
  }

  .circle-5 {
    box-shadow: none;
    background-color: #f7f7f7;
  }

  .circle-5._4 {
    top: 57%;
  }

  .circle-5._2 {
    top: 32%;
  }

  .sticky-wrapper-4 {
    width: 40%;
  }

  .navmenu__link-list {
    grid-column-gap: 0px;
    border-bottom: 1px #e4e4e4;
    flex-direction: row;
    flex: 1;
    display: block;
    overflow: auto;
  }

  .navmenu__dropdown-right {
    padding-top: 32px;
    padding-bottom: 20px;
  }

  .navmenu__dropdown-section {
    margin-bottom: 32px;
  }

  .sidenav-items {
    justify-content: flex-end;
  }

  .search-base-2 {
    flex: 1;
    width: auto;
  }

  .search-2 {
    flex-direction: row;
    height: auto;
    padding: 4px;
  }

  .link-list__dropdown-wrapper {
    background-color: #fff0;
    flex-direction: column;
    flex: 1;
  }

  .search-icon-2 {
    background-color: #f4f8fa;
    padding-right: 9px;
  }

  .dropdown-search-2 {
    background-color: #f4f8fa;
    width: 100%;
    max-width: 500px;
    margin: 12px auto;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
  }

  .navmenu__dropdown-left {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 40px;
    padding-right: 0;
    display: flex;
  }

  .right-nav-2 {
    grid-column-gap: 30px;
    justify-content: center;
    align-items: center;
    display: block;
    position: relative;
    inset: 0% 0% auto;
  }

  .heading-24 {
    font-size: 32px;
  }

  .brand-logo-2 {
    object-fit: fill;
    width: 100%;
    overflow: visible;
  }

  .burgermenu {
    justify-content: center;
    display: flex;
  }

  .list-item-3 {
    width: 100%;
  }

  .navmenu__dropdown-section-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .lottie-animation-2 {
    filter: invert();
  }

  .navmenu__dropdown-container {
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
  }

  .navmenu__dropdown-container.cc-mobile {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .brand-copy {
    justify-content: center;
    width: 100px;
    height: auto;
    padding-left: 2px;
    padding-right: 2px;
  }

  .brand-copy.w--current {
    padding-left: 0;
  }

  .navmenu__dropdown {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: none;
    position: static;
    top: 81%;
    overflow: visible;
  }

  .navmenu__dropdown.w--open {
    border-top-style: none;
    border-bottom-style: none;
    max-height: none;
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute;
    top: 99%;
    overflow: visible;
  }

  .search-toggle-2 {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin-left: -40px;
    display: none;
  }

  .menu-nav {
    display: none;
  }

  .navmenu__dropdown-grid-2 {
    grid-template-columns: 1fr minmax(auto, 1531px) 1fr;
  }

  .cart-list-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .dropdown-search-list-2 {
    display: flex;
  }

  .search-input-2 {
    color: #07090c;
    min-height: 40px;
    padding-left: 24px;
  }

  .navmenu__dropdown-block-2 {
    border: 1px solid #e4e4e4;
    padding-left: 32px;
    padding-right: 32px;
  }

  .search-button-2 {
    background-color: #e4e9ec;
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043de_search-dark-small(24x24)%402x%20(1).svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    min-width: 40px;
    min-height: 40px;
    margin-left: 0;
    display: block;
  }

  .side-nav-wrapper {
    grid-column-gap: 30px;
    align-items: center;
  }

  .nav-link-2 {
    clear: none;
    color: #000;
    border-bottom: 0 solid #0000;
    justify-content: flex-start;
    padding-top: 24px;
    padding-bottom: 24px;
    position: static;
  }

  .newsletter_wrapper {
    padding-left: 0;
  }

  .section-11 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .footer-grid-2 {
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-25 {
    font-size: 32px;
  }

  .heading-25.large {
    font-size: 38px;
  }

  .testimonial-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .search-base-3 {
    flex: 1;
    width: auto;
  }

  .search-3 {
    flex-direction: row;
    height: auto;
    padding: 4px;
  }

  .dropdown-search-3 {
    background-color: #f4f8fa;
    width: 100%;
    max-width: 500px;
    margin: 12px auto;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
  }

  .right-nav-3 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    inset: 0% 0% auto;
  }

  .cart-wrapper-3 {
    margin-left: 10px;
  }

  .heading-26 {
    font-size: 32px;
  }

  .heading-26.large {
    font-size: 38px;
  }

  .brand-logo-3 {
    object-fit: fill;
    width: 100%;
    overflow: visible;
  }

  .lottie-animation-3 {
    filter: invert();
  }

  .search-input-3 {
    color: #07090c;
    min-height: 40px;
    padding-left: 24px;
  }

  .search-button-3 {
    background-color: #e4e9ec;
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043de_search-dark-small(24x24)%402x%20(1).svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    min-width: 40px;
    min-height: 40px;
    margin-left: 0;
    display: block;
  }

  .login-brand {
    object-fit: fill;
    width: 100%;
    overflow: visible;
  }

  .wrapper-2 {
    flex-direction: column-reverse;
    height: auto;
    padding-bottom: 0;
  }

  .right {
    width: 100%;
    height: 100%;
    margin-bottom: 100px;
  }

  .form-5 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-12 {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: stretch;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
  }

  .left {
    width: 100%;
    display: none;
  }

  .form-9 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .abouthero-text {
    top: 40vh;
  }

  .bg-video {
    width: 450px;
    min-width: 450px;
    height: 550px;
  }

  .aboutus-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 80px;
    grid-template-columns: auto auto;
    place-content: center;
    place-items: center;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .search-base-4 {
    flex: 1;
    width: auto;
  }

  .search-4 {
    flex-direction: row;
    height: auto;
    padding: 4px;
  }

  .dropdown-search-grey {
    background-color: #f4f8fa;
    width: 100%;
    max-width: 500px;
    margin: 12px auto;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
  }

  .black-logo-svg {
    object-fit: fill;
    width: 100%;
    overflow: visible;
  }

  .search-toggle-grey {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin-left: -40px;
    display: none;
  }

  .black-brand {
    justify-content: center;
    width: 100px;
    height: auto;
    padding-left: 2px;
    padding-right: 2px;
  }

  .black-brand.w--current {
    padding-left: 0;
  }

  .search-input-4 {
    color: #07090c;
    min-height: 40px;
    padding-left: 24px;
  }

  .radio-button-field {
    margin-bottom: 30px;
  }

  .form-radio-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .form-step {
    padding-top: 25%;
    padding-bottom: 25%;
    padding-right: 10%;
  }

  .form-step.radio {
    padding-top: 20%;
    padding-bottom: 20%;
  }

  .text-input {
    width: 100%;
  }

  .button-13 {
    color: #7c1315;
  }

  .button-13.btn-subscribe {
    color: #fff;
  }

  .heading-display {
    font-size: 55px;
  }

  .footer-social-media-container {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .download-button {
    margin-bottom: 10px;
  }

  .image-13 {
    width: 8%;
    max-width: 8%;
  }

  .form-input.subscribe-input {
    font-size: 10px;
  }

  .load-animation {
    display: none;
  }

  .loading-huge-text {
    font-size: 20vw;
  }

  .content-wrapper-2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .dashsidebar {
    width: 90%;
    height: auto;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .button-9 {
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .menu-text {
    display: none;
  }

  .main-items-inner-wrapper {
    flex-direction: row;
  }

  .dashnav {
    flex-direction: row;
    width: 100%;
    inset: auto 0% 0%;
  }

  .menu-icon-2 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .main-items {
    flex-direction: row;
  }

  .collection-list {
    grid-template-columns: minmax(100px, 1fr);
  }

  .button-14 {
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .main-wrapper {
    margin-top: 65px;
  }

  .ai-block {
    width: 90%;
    height: auto;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .swiper-main_arrow {
    display: none;
  }

  .swiper-main_arrow.swiper-prev, .swiper-main_arrow.swiper-next {
    display: flex;
  }

  .swiper-slide.is-places {
    width: 33.3333%;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .ai-assist {
    width: 90%;
    height: auto;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .image-15 {
    object-fit: cover;
  }

  .grid-event {
    min-height: 300px;
  }

  .abouthero-text-3 {
    top: 40vh;
  }

  .circle-6 {
    box-shadow: none;
    background-color: #f7f7f7;
  }

  .circle-6._4 {
    top: 57%;
  }

  .circle-6._2 {
    top: 32%;
  }

  .container-23.sticky.mobile {
    margin-top: 0;
  }

  .sticky-wrapper-5 {
    width: 40%;
  }

  .bg-video-border-wrapper {
    border-top-width: 13vw;
    border-bottom-width: 13vw;
  }

  .sun-icon {
    width: 50vw;
  }

  .outline-heading, .filled-heading {
    text-align: center;
    font-size: 100px;
  }

  .main-wrapper-3 {
    margin-top: 65px;
  }

  .title-small.white {
    text-align: left;
    font-size: 13px;
  }

  .main-blog-image {
    width: 100%;
    height: 100%;
  }

  .paragraph-detials-small.white-50 {
    text-align: left;
    font-size: 12px;
  }

  .rich-text-holder {
    width: 80%;
  }

  .profile-picture {
    width: 15%;
  }

  .grid-2-columns-2.image-left---brix {
    grid-column-gap: 80px;
    grid-row-gap: 70px;
    grid-template-columns: .9fr;
  }

  .grid-2-columns-2.author-box---brix {
    grid-column-gap: 56px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .ellipse-left {
    left: -450px;
  }

  .section-13 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .ellipse-right {
    right: -560px;
  }

  .simple-collection-list {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: ". Area-2";
  }

  .grid_3-1 {
    grid-template-columns: 1fr 1fr;
  }

  .table_pricing-wrap, .table_grid-sticky {
    padding-left: 0%;
    padding-right: 0%;
  }

  .list-social-media---brix {
    justify-content: center;
  }

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

  .section-16 {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .card---brix.author-card---brix {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .social-media-item---brix {
    margin-left: 8px;
    margin-right: 8px;
  }

  .dash_contain {
    max-width: 100%;
  }

  .profile-wrapper, .inbox-wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .patient-profile {
    flex: none;
  }

  .content-links {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .patient-wrap {
    flex-direction: column;
    display: flex;
  }

  .hamburger-line {
    background-color: #000;
    height: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-line.mid {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .nav {
    border-left: 1px solid #00000026;
    height: auto;
    display: none;
    position: fixed;
    top: 70px;
    bottom: 0;
    right: 0;
  }

  .shadow {
    z-index: 999;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #0000004d;
    position: fixed;
    inset: 0%;
  }

  .mobile-nav {
    z-index: 99999;
    background-color: #fff;
    border-bottom: 1px solid #00000026;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .search-link {
    display: none;
  }

  .search-link.mobile {
    display: flex;
  }

  .section-17 {
    flex-direction: column;
  }

  .hamburger {
    cursor: pointer;
    width: 40px;
  }

  .notifi-wrap {
    display: none;
  }

  .notifi-wrap.mobile {
    justify-content: flex-start;
    display: flex;
  }

  .categories-card {
    max-width: none;
  }

  .search-5 {
    height: 38px;
    margin-left: 0;
  }

  .left-3 {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 50px;
  }

  .calendar-dates {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .form-block-12 {
    z-index: 99;
    background-color: #fff;
    border-bottom: 1px solid #0003;
    align-items: center;
    max-width: none;
    height: 50px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: fixed;
    inset: 60px 0% auto;
  }

  .form-14 {
    flex: 1;
  }

  .mid-cards_wrap {
    justify-content: center;
  }

  .right-3 {
    width: 100%;
  }

  .categories-cards_wrap {
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .personaldash {
    flex-direction: column;
  }

  .personaldash-wrap {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .left-nav__fixed {
    position: static;
  }

  .right-nav-4 {
    max-height: none;
    overflow: visible;
  }

  .wrapper-3 {
    flex-direction: column-reverse;
    display: flex;
  }

  .left-nav {
    z-index: 9999;
    background-color: #fff;
    width: 40%;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0% auto 0% 0%;
  }

  .hamburger-line-2 {
    background-color: #000;
    width: 30px;
    height: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-line-2.middle {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .movie-blocks__wrap {
    grid-column-gap: 20%;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 70px;
    display: flex;
  }

  .nav-shadow {
    background-color: #0006;
    width: 60%;
    display: block;
    position: fixed;
    inset: 0% 0% 0% auto;
  }

  .search-wrap-2 {
    z-index: 2147483647;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .movies-block {
    flex: 1;
  }

  .movies-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .content-wrap {
    max-height: none;
    overflow: visible;
  }

  .hamburger-2 {
    cursor: pointer;
    display: block;
  }

  .form-block-13 {
    width: 80%;
    margin-bottom: 0;
  }

  .right-nav-5 {
    width: 100%;
  }

  .simple-collection-list-3 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr 1fr;
  }

  .image-wrap {
    border-top-right-radius: 0;
    border-bottom-left-radius: 50px;
  }

  .section_big {
    grid-template-columns: 1fr;
  }

  .nav-tab-title {
    font-size: 14px;
  }

  .main-content {
    flex-wrap: wrap;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-collection-item {
    width: 50%;
  }

  .card {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog_link {
    height: 400px;
    min-height: auto;
  }

  .blog_image_wrap {
    height: 60%;
  }

  .dash_contain-2 {
    max-width: 100%;
  }

  .dash_content-2 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .div-block-18 {
    padding-left: 0;
  }

  .navbar2_container {
    grid-template-columns: .25fr 1fr;
    display: flex;
  }

  .navbar2_menu {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    justify-content: center;
    padding: 1rem 5% 2.5rem;
    display: flex;
    position: absolute;
    overflow: auto;
  }

  .navbar2_menu.is-page-height-tablet {
    height: 100vh;
    padding-bottom: 15rem;
  }

  .navbar2_button-wrapper {
    align-items: center;
  }

  .navbar2_link {
    text-align: center;
    padding: 1rem 0;
    font-size: 1.125rem;
  }

  .swiper-slide-3.is-places {
    width: 33.3333%;
  }

  .nav-1-menu-header {
    padding-top: 1rem;
    padding-bottom: 3rem;
    padding-left: 2.25rem;
    display: block;
  }

  .nav-1-menu-overlay {
    cursor: auto;
    background-color: #00000026;
    display: block;
    position: fixed;
    inset: 0%;
  }

  .heading-100 {
    white-space: normal;
  }

  .heading-100.theme-1-text-a {
    font-size: 40px;
  }

  .modal-insert-1-container {
    max-width: 100%;
  }

  .list-header-2-tablet {
    border-top: 1px solid #e3e3e3;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
    padding: 1rem 2rem;
    display: flex;
  }

  .list-header-2-right {
    display: none;
  }

  .nav-1-menu-link {
    min-height: 3rem;
    padding-left: 2.25rem;
    font-size: 24px;
    line-height: 28px;
  }

  .nav-1-menu-link.w--open, .nav-1-menu-link.is--theme-1:hover, .nav-1-menu-link.is--theme-1.w--open {
    box-shadow: none;
  }

  .list-header-2-links {
    display: none;
  }

  .card-16-body {
    padding-left: 1rem;
  }

  .slider-1-mask {
    width: 50%;
  }

  .menu-insert-2-list-title {
    padding-left: 2.25rem;
  }

  .nav-1-menu-secondary-link {
    grid-column-gap: .75rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    min-height: 40px;
    padding: .25rem 2.25rem;
    display: flex;
  }

  .nav-1-menu-secondary-link.is--theme-1 {
    color: #000f1d;
    font-weight: 500;
  }

  .page-wrapper-6 {
    flex-direction: column;
    flex: 1;
  }

  .list-header-2-tablet-title {
    display: flex;
  }

  .feature-card-4-title {
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-50.tablet-size-is--static {
    color: #6a6f74;
    text-align: left;
    letter-spacing: 0;
    text-align: left;
    letter-spacing: 0;
    margin-top: 20px;
    padding-right: 100px;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 20px;
  }

  .modal-1-active {
    overflow: hidden;
  }

  .modal-1-active.w--open {
    min-width: 12rem;
  }

  .nav-1-menu-panel {
    z-index: 999;
    min-width: 20rem;
    max-width: 20rem;
    min-height: 100vh;
    padding-bottom: 6rem;
    position: fixed;
    inset: 0% 0% 0% auto;
    overflow: auto;
  }

  .nav-1-menu-panel.is--theme-1 {
    background-color: #fff;
  }

  .list-header-2-wrap {
    grid-template-columns: 1fr;
    margin-bottom: 0;
    display: block;
  }

  .nav-1-menu-cta-title.is--theme-1 {
    color: #6a6f74;
    font-weight: 500;
  }

  .topnav-1-dropdown-menu {
    overflow: hidden;
  }

  .topnav-1-dropdown-menu.w--open {
    min-width: 12rem;
  }

  .feature-card-7-image {
    padding-top: 100%;
  }

  .nav-1-secondary-menu-link.is--theme-1 {
    z-index: 1;
  }

  .nav-1-menu-cta {
    margin-top: 3rem;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    display: block;
  }

  .nav-1-menu-secondary-link-icon {
    width: 24px;
    height: 24px;
  }

  .menu-insert-2-container.container.is--xlg {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-1-dropdown {
    justify-content: flex-end;
    display: block;
  }

  .standard-list-1 {
    grid-column-gap: .5rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .nav-1-menu-cta-links {
    grid-column-gap: .25rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1.5rem;
    display: flex;
  }

  .menu-insert-2-list {
    flex-direction: column;
  }

  .topnav-1-dropdown {
    justify-content: flex-end;
    display: block;
  }

  .nav-1-menu {
    z-index: 999;
    text-align: left;
    width: 100%;
    display: none;
    position: fixed;
    inset: 0% 0% 0% auto;
    overflow: auto;
  }

  .nav-1-menu-toggle {
    cursor: pointer;
    margin-right: -8px;
    display: block;
  }

  .nav-1-menu-toggle.is--theme-1:hover {
    color: #6a6f74;
  }

  .nav-1-right {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .feature-card-4-image {
    padding-top: 100%;
  }

  .nav-1-menu-list-item, .nav-1-menu-list {
    display: block;
  }

  .nav-1-secondary-menu {
    margin-right: .25rem;
  }

  .modal-1-active-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .topnav-1-menu-btn {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: static;
  }

  .topnav-1-menu-btn.w--open {
    background-color: #0000;
  }

  .nav-1-menu-secondary-list {
    margin-top: 3rem;
    display: block;
  }

  .menu-insert-2-wrap {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .menu-insert-2-list-link {
    min-height: 32px;
    padding-left: 2.25rem;
    padding-right: 2rem;
    font-size: 16px;
    line-height: 24px;
  }

  .nav-1-dropdown-menu {
    position: static;
    overflow: hidden;
  }

  .nav-1-dropdown-menu.w--open {
    min-width: 12rem;
  }

  .modal-1-wrap {
    justify-content: flex-end;
  }

  .burger-icon-1 {
    display: block;
  }

  .feature-card-7-media {
    padding-top: 100%;
  }

  .navbar1_menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon_line-middle-inner {
    width: .25rem;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon1_line-top, .menu-icon1_line-bottom {
    background-color: #000;
    width: 1.5rem;
    height: .125rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar1_link {
    color: var(--black);
    text-align: center;
    text-transform: uppercase;
    width: auto;
    margin-bottom: 20px;
    padding: .75rem 0 .75rem 1rem;
    font-family: Montserrat, sans-serif;
    font-size: 2rem;
    font-style: italic;
    font-weight: 800;
    transition-property: none;
  }

  .navbar1_link:hover {
    color: var(--neon-green);
  }

  .db-nav_profile {
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .menu-icon1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon1_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: .125rem;
    margin-top: .375rem;
    margin-bottom: .375rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar1_menu {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: .0625rem #000;
    border-radius: 10px;
    margin-left: 0;
    padding: 1rem 5% 2rem 6%;
    position: absolute;
    overflow: auto;
  }

  .navbar1_menu.is-page-height-tablet {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #ffffffe0;
    border-top: 1px solid #f1f1f1;
    border-bottom-width: 1px;
    border-bottom-color: #f1f1f1;
    border-radius: 12px;
    flex-flow: column;
    height: 100dvh;
    padding-bottom: 6.5rem;
    transition: height .5s;
  }

  .card-2.is-recent {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section_auth {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .ai-block-copy {
    width: 90%;
    height: auto;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .navigation-item {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .nav-dropdown-list {
    display: block;
  }

  .exam-card-container {
    margin-left: 11px;
    margin-right: 11px;
  }

  .search-bar {
    min-width: 220px;
  }

  .desktop-navigation {
    padding: 22px;
  }

  .float-users-two, .float-users-one {
    align-items: center;
  }

  .exam-cards {
    margin-left: -11px;
    margin-right: -11px;
  }

  .lower-content {
    flex-direction: column;
  }

  .template-wrapper {
    display: block;
  }

  .toolbar-upgrade-button.hidden {
    display: none;
  }

  .page-wrapper-10 {
    height: auto;
  }

  .all-features {
    width: 50%;
  }

  .all-features.hidden-features {
    display: flex;
  }

  .all-features-container {
    margin-bottom: 22px;
  }

  .progress-card-2 {
    margin-bottom: 0;
  }

  .desktop-navigation-upgrade-bubble {
    display: none;
  }

  .content-container {
    width: 100%;
    padding: 22px;
    overflow: visible;
  }

  .content-wrapper {
    flex-direction: column;
    margin-bottom: 100px;
    margin-left: 0%;
  }

  .features-container {
    width: auto;
    padding-top: 44px;
  }

  .request-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    max-width: 100%;
    height: auto;
  }

  .form_field-label {
    font-size: 1.7em;
  }

  .information_content.hide-tablet {
    display: none;
  }

  .information_content.is--centered {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .information_footer-links {
    display: none;
  }

  .form_section {
    align-items: flex-start;
    max-width: 100%;
    height: auto;
  }

  .form_block {
    width: 540px;
  }

  .display-1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 66px;
  }

  .display-1.width-80percent {
    width: 82%;
  }

  .display-1.width-90percent {
    width: 82%;
    padding-right: 40px;
  }

  .information_section {
    height: auto;
  }

  .information_section.background-color {
    min-height: auto;
  }

  .information_section.background-color.neutral-200 {
    max-width: 100%;
  }

  .information_section.background-color.neutral-200.is--footer {
    text-align: center;
    padding-bottom: 8px;
  }

  .information_section.background-color.neutral-200.is--footer.hide-desktop {
    display: flex;
  }

  .information_section.background-color.neutral-200 {
    background-image: linear-gradient(0deg, #00000047, #fff0), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6608c9f29296b283f04cd05f_Triathletes-training-on-sunset-beach.jpg");
    background-position: 0 0, 100% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    max-width: 100%;
    display: none;
  }

  .button-35 {
    display: block;
  }

  .slider-component {
    width: 90%;
    max-width: none;
    height: 90%;
    max-height: none;
  }

  .background-card {
    max-width: 90%;
    max-height: 90%;
  }

  .card-plastic {
    height: 100%;
  }

  .content-wrapper-video {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .hidden-cms-section {
    overflow: hidden;
  }

  .image-container {
    width: 100%;
    height: auto;
    position: static;
    top: auto;
    right: 10%;
    transform: translate(0);
  }

  .slider-this-is-copied-to-slide {
    grid-template-columns: 1fr;
    grid-template-areas: ".";
    max-width: 600px;
    height: 100%;
    max-height: none;
  }

  .image-wrapper {
    justify-content: center;
    height: auto;
    max-height: none;
    display: none;
    top: -120px;
  }

  .subtitle-4 {
    z-index: 1;
    text-align: center;
    position: relative;
  }

  .top-content {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .title {
    text-align: center;
  }

  .mobile-image-container {
    flex: none;
    width: auto;
    max-width: 280px;
    height: auto;
    max-height: 300px;
    display: block;
    position: static;
    top: auto;
    right: 10%;
    transform: none;
  }

  .content-wrapper-3 {
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .nike-wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .main-wrapper-nike {
    margin-top: 65px;
  }

  .tab {
    width: 16vw;
  }

  .denied-button {
    position: relative;
  }

  .tab-list__wrapper {
    padding-left: 0;
  }

  .insert-website-here {
    min-height: auto;
  }

  .publicpro-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    max-width: 100%;
    height: auto;
  }

  .publicpro-content-wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .profile-display {
    background-size: cover;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 800px;
    padding: 100px;
    display: block;
  }

  .table_grid-sticky-2 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .upgrade-wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .content-8 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .cards-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .section-25 {
    padding-top: 60px;
  }

  .cards-wrap-2 {
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .container-36 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .nav-1-menu-2, .nav-1-menu-3 {
    z-index: 999;
    text-align: left;
    width: 100%;
    display: none;
    position: fixed;
    inset: 0% 0% 0% auto;
    overflow: auto;
  }

  .navmenu__dropdown-right-2 {
    padding-top: 32px;
    padding-bottom: 20px;
  }

  .navmenu__dropdown-banner-link {
    border: 1px solid #e4e4e4;
  }

  .link-list__dropdown-wrapper-2 {
    background-color: #fff;
    flex-direction: column;
    flex: 1;
  }

  .navmenu__dropdown-section-list-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .link-list__dropdown-toggle {
    z-index: 1;
    background-color: #fff;
    flex: 1;
    justify-content: space-between;
    width: 100%;
  }

  .link-list__dropdown-toggle:hover, .link-list__dropdown-toggle.w--open {
    box-shadow: none;
  }

  .navmenu__link-list-2 {
    border-bottom: 1px solid #e4e4e4;
    flex-direction: column;
    flex: 1;
    overflow: auto;
  }

  .link-list__link {
    flex: 1;
  }

  .link-list__link:hover {
    box-shadow: none;
  }

  .navmenu__dropdown-2 {
    position: relative;
    top: 0%;
    overflow: hidden;
  }

  .navmenu__dropdown-2.w--open {
    border-top-style: none;
    border-bottom-style: none;
    max-height: none;
    padding-bottom: 20px;
    position: relative;
    top: 0%;
    overflow: visible;
  }

  .navmenu__dropdown-left-2 {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 40px;
    padding-right: 0;
    display: flex;
  }

  .navmenu__dropdown-block {
    border: 1px solid #e4e4e4;
    padding-left: 32px;
    padding-right: 32px;
  }

  .link-list__list-item {
    z-index: 1;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .link-list__list-item.cc-first {
    z-index: 2;
  }

  .navbar3_container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .navbar3_tablet-menu-button {
    border-radius: 4.7rem;
    width: 100%;
    margin-top: 1.5rem;
    margin-left: 0;
    margin-right: 0;
    font-family: Montserrat, sans-serif;
    text-decoration: none;
    display: inline-block;
  }

  .navbar3_menu-button {
    margin-left: -.5rem;
    padding: 0;
  }

  .navbar3_menu-button.w--open {
    background-color: #0000;
  }

  .dropdown-chevron {
    inset: auto 0% auto auto;
  }

  .menu-icon3_line-bottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar3_logo-link-menu {
    float: none;
    margin-top: 2.5rem;
    margin-bottom: 2rem;
    display: flex;
    position: static;
  }

  .navbar3_menu-dropdown {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    display: none;
    position: relative;
  }

  .navbar3_dropdown-list {
    background-color: #ddd0;
    display: block;
    position: static;
    overflow: hidden;
  }

  .navbar3_dropdown-list.w--open {
    border-style: none;
    padding: 0;
    position: static;
  }

  .navbar3_link {
    padding: .75rem 0;
    font-size: 1.125rem;
    position: static;
  }

  .menu-icon3_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar3_menu-background {
    z-index: 0;
    background-color: #00000080;
    width: 100vw;
    height: 100vh;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .menu-icon3_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar3_dropdown-link {
    padding: .75rem 0 .75rem 5%;
  }

  .navbar3_menu {
    z-index: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-text-fill-color: inherit;
    background-color: #fff0;
    background-image: linear-gradient(#fff, #ffffffb8);
    background-clip: border-box;
    border-right: 1px solid #000;
    flex-direction: column;
    justify-content: center;
    width: 80vw;
    height: 100dvh;
    margin-left: 0;
    padding: 40px 5vw 6.5rem;
    transition: height .5s;
    display: block;
    position: absolute;
    inset: 0% auto 0% 0%;
    overflow: auto;
  }

  .menu-icon3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar3_dropdown-toggle {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 2rem .75rem 0;
    display: flex;
    position: relative;
  }

  .navbar3_dropdown-login {
    padding: .75rem 0 .75rem 5%;
  }

  .mobile-menu-button {
    background-color: var(--button-black);
    color: var(--gradient-white);
    letter-spacing: 0;
    text-transform: uppercase;
    border-radius: 4.5rem;
    margin-top: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    font-style: italic;
    font-weight: 800;
    display: block;
  }

  .mobile-menu-link {
    color: var(--button-black);
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
  }

  .mobile-menu-link:hover {
    background-image: linear-gradient(98deg, var(--deon-green), var(--neon-green));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .mobile-menu-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .burgermenu--mobile {
    z-index: 99999;
    justify-content: center;
    display: flex;
    position: relative;
  }

  .mobile-button-box {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex;
  }

  .mobile-menu-button-dash {
    color: var(--button-black);
    letter-spacing: 0;
    text-transform: uppercase;
    background-color: #e4e4e4;
    border-radius: 4.5rem;
    margin-top: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    font-style: italic;
    font-weight: 800;
    display: block;
  }

  .link-15 {
    display: none;
  }

  .mobile-button {
    margin-left: -.5rem;
    padding: 0;
    display: block;
  }

  .mobile-button.w--open {
    background-color: #0000;
  }

  .navbar3_tablet-menu-button-2 {
    width: 100%;
    margin-top: 1.5rem;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
  }

  .dropdown-chevron-2 {
    inset: auto 0% auto auto;
  }

  .navbar3_menu-dropdown-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    display: block;
    position: relative;
  }

  .navbar3_dropdown-list-2 {
    position: static;
    overflow: hidden;
  }

  .navbar3_dropdown-list-2.w--open {
    border-style: none;
    padding: 0;
    position: static;
  }

  .navbar3_dropdown-link-2 {
    padding: .75rem 0 .75rem 5%;
  }

  .navbar3_menu-2 {
    z-index: 1;
    -webkit-text-fill-color: inherit;
    background-color: #0000;
    background-clip: border-box;
    border-right: 1px solid #000;
    flex-direction: column;
    justify-content: center;
    width: 80vw;
    height: 100dvh;
    margin-left: 0;
    padding-bottom: 6.5rem;
    padding-left: 5vw;
    padding-right: 5vw;
    transition: height .5s;
    display: block;
    position: absolute;
    inset: 0% auto 0% 0%;
    overflow: auto;
  }

  .navbar3_dropdown-toggle-2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 2rem .75rem 0;
    position: relative;
  }

  .navbar3_menu-dropdown-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    display: block;
    position: relative;
  }

  .navbar3_dropdown-toggle-3 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 2rem .75rem 0;
    position: relative;
  }

  .navbar3_dropdown-list-3 {
    position: static;
    overflow: hidden;
  }

  .navbar3_dropdown-list-3.w--open {
    border-style: none;
    padding: 0;
    position: static;
  }

  .navbar3_dropdown-link-3 {
    padding: .75rem 0 .75rem 5%;
  }

  .burgermenu--desktop {
    z-index: 99999;
    justify-content: center;
    display: flex;
    position: relative;
  }

  .navbar3_link-2 {
    padding: .75rem 0;
    font-size: 1.125rem;
    position: static;
  }

  .navmenu__cta-wrapper {
    margin-top: auto;
    padding: 20px;
  }

  .navmenu__dropdown-section-list-3 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .nav-menu__cta-button {
    flex: 1;
    justify-content: center;
  }

  .navmenu__link-list-3 {
    border-bottom: 1px solid #e4e4e4;
    flex-direction: column;
    flex: 1;
    overflow: auto;
  }

  .button-46 {
    flex: 1;
    justify-content: center;
  }

  .button-46.cc-navbar.cc-secondary {
    margin-right: 12px;
  }

  .navmenu__dropdown-left-3 {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 40px;
    padding-right: 0;
    display: flex;
  }

  .navmenu__dropdown-block-3 {
    border: 1px solid #e4e4e4;
    padding-left: 32px;
    padding-right: 32px;
  }

  .navmenu__flex-container {
    background-color: #fff;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
  }

  .copy-me-nav-menu-wrap {
    display: none;
  }

  .menu-link-text-2 {
    font-size: 1.6rem;
  }

  .nav-logo {
    width: 80px;
  }

  .nav-menu-5 {
    width: 45vw;
    transform: translate(-100%);
  }

  .search-icon-dark {
    background-color: var(--light-grey-background);
    padding-right: 9px;
  }

  .lottie-animation-dark {
    filter: invert();
  }

  .column-2 {
    align-self: auto;
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }

  .popup-content-wrapper---brix {
    width: auto;
  }

  .popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 24px;
    right: 24px;
  }

  .popup-content-wrapper---brix.popup-4-content-wrapper---brix {
    max-width: none;
    max-height: none;
    left: 24px;
    right: 24px;
  }

  .popup-content-wrapper---brix.popup-2-content-wrapper---brix {
    bottom: 24px;
    right: 24px;
  }

  .dummy-hero-wrapper---brix.preview-page---brix {
    flex-direction: column;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
  }

  .subscribe-button---brix.ebook-button---brix {
    background-position: 78%;
  }

  .limit-content---brix {
    align-self: auto;
    max-width: none;
  }

  .popup-wrapper---brix.preview-page {
    padding-left: 32px;
    padding-right: 32px;
  }

  .column-3 {
    align-self: auto;
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }

  .popup-4---brix {
    padding-left: 40px;
    padding-right: 64px;
  }

  .content-9 {
    margin-top: 70px;
  }

  .options-wrap {
    max-width: none;
  }

  .button-49.res-small {
    width: 100%;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .number-card-number {
    font-size: 30px;
  }

  .tag-wrapper:hover {
    color: var(--white);
  }

  .number-card {
    padding-top: 12px;
    padding-bottom: 16px;
  }

  .number-card.number-card-content1:hover {
    background-image: linear-gradient(to bottom, var(--neon-green), var(--deon-green));
    color: var(--white);
  }

  .feed {
    overflow: visible;
  }

  .sticky-dashbar {
    position: sticky;
    top: 120px;
  }

  .hero-content-wrapper-2 {
    width: auto;
    padding-left: 0;
  }

  .hero2 {
    padding-left: 30px;
  }

  .hero {
    background-image: linear-gradient(135deg, #3023ae99, #c86dd799), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f3_about_athleticus%20app_5.jpg");
  }

  .larger-paragraph.white-hero-paragraph.hero2-paragraph {
    width: 50%;
  }

  .content-container-light {
    width: 100%;
    padding: 22px;
    overflow: visible;
  }

  .content-wrapper-light {
    flex-direction: column;
    margin-bottom: 100px;
    margin-left: 0%;
  }

  .hero-feed-card {
    background-image: linear-gradient(355deg, #0c0c0cbf 16%, #33405000), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e14db8d31128b55ed8f3_about_athleticus%20app_5.jpg");
  }

  .c-section {
    padding-top: 124px;
    padding-bottom: 60px;
  }

  .c-title-3 {
    font-size: 28px;
  }

  .c-container, .c-container.cc-10cols {
    max-width: 768px;
  }

  .tabs-menu-4 {
    background-color: #f7f7f700;
    border-radius: 4.7rem;
  }

  .h6-heading-italic {
    letter-spacing: -2px;
    font-size: 65px;
  }

  .h6-stroke {
    font-size: 130px;
  }

  .h6-hero {
    flex-direction: column;
  }

  .h6-navbar-links {
    display: none;
  }

  .h6-mask.heading {
    width: auto;
    top: -21px;
  }

  .h6-menu {
    width: 100%;
  }

  .h6-hero-left {
    width: 100%;
    height: 730px;
  }

  .h6-navbar-wrapper {
    width: 100%;
    padding-right: 0;
  }

  .h6-hero-right {
    width: 100%;
    height: 850px;
  }

  .text-block-101 {
    text-align: left;
  }

  .tag-wrapper-2 {
    margin-right: auto;
  }

  .hero2-2 {
    background-position: 50% 0;
    background-size: auto;
    padding-left: 30px;
  }

  .vue-telephone.frostedcard {
    display: flex;
  }

  .logos-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .sidebar_address {
    display: none;
  }

  .sidebar_left {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
  }

  .sidebar_info {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .sidebar_historic {
    display: none;
  }

  .button-53.close {
    background-color: #10100f00;
    border-style: none;
    justify-content: flex-end;
    width: 25%;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .button-53.close:hover {
    border-style: none;
  }

  .chat_warning {
    display: flex;
  }

  .section_hero_support.is--open {
    flex-direction: column;
    overflow: scroll;
  }

  .picto-embed {
    width: 20%;
  }

  .hero_cta, .hero_content-3 {
    width: 100%;
  }

  .chat_wrapper {
    width: 100%;
    min-height: 100vh;
  }

  .container-38.is--hero {
    flex-wrap: wrap;
  }

  .hero_media {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-wrapper, .sidebar_right {
    width: 100%;
  }

  .hidemobile {
    display: none;
  }

  .chat-wrapper {
    z-index: 99;
  }

  .content-10 {
    flex-direction: column;
  }

  .form-wrap-3 {
    max-width: none;
  }

  .logo-link-4 {
    display: none;
  }

  .logo-link-4.mobile {
    margin-bottom: 0;
    display: block;
  }

  .hamburger-4 {
    cursor: pointer;
    width: 40px;
  }

  .top-content-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .right-wrap {
    flex: 1;
  }

  .shadow-3 {
    z-index: 989;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #0000004d;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .nav-4 {
    border-left: 1px solid #6f6f6f4d;
    height: auto;
    display: none;
    position: fixed;
    top: 70px;
    bottom: 0;
    right: 0;
  }

  .right-holder {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .section-30 {
    flex-direction: column;
  }

  .hamburger-line-4 {
    background-color: #000;
    height: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-line-4.mid {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .top-wrap {
    background-color: #fff;
    border-bottom: 1px solid #6f6f6f4d;
    width: 100%;
    padding: 10px 20px;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
  }

  .content-right {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    width: 100%;
  }

  .content-left-2 {
    padding-top: 80px;
  }

  .nav-wrap-3 {
    flex: 1;
  }

  .mobile-nav-2 {
    z-index: 99999;
    background-color: #fff;
    border-bottom: 1px solid #6f6f6f4d;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .shadow-4 {
    z-index: 998;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #16151c4d;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .content-right-2 {
    width: 100%;
    margin-bottom: 0;
  }

  .product-holder.reverse {
    text-align: right;
    flex-direction: row-reverse;
  }

  .hamburger-line-5 {
    background-color: #fff;
    height: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-line-5.mid {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .form-wrap-4 {
    background-color: #0d0c13;
    border-bottom: 1px solid #2a2933;
    margin-bottom: 0;
    padding: 10px 20px;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
  }

  .scroll-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .content-11 {
    flex-direction: column;
    margin-bottom: 100px;
  }

  .mobile-nav-3 {
    z-index: 9999;
    background-color: #16151c;
    border-bottom: 1px solid #2a2933;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .logo-link-5 {
    display: none;
  }

  .logo-link-5.mobile {
    margin-bottom: 0;
    display: block;
  }

  .nav-5 {
    border-left: 1px solid #2a2933;
    height: auto;
    padding-top: 40px;
    display: none;
    position: fixed;
    top: 70px;
    bottom: 0;
    right: 0;
  }

  .nav-wrap-4 {
    flex: 1;
  }

  .content-left-3 {
    margin-left: 0%;
    padding-top: 40px;
  }

  .section-elite-dashboard {
    flex-direction: column;
  }

  .elite-top-nav {
    position: sticky;
    top: 120px;
  }

  .creative-request-modal {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .popup-close {
    top: 5%;
    right: 5%;
  }

  .container-41 {
    display: block;
  }

  .hamburger-5 {
    cursor: pointer;
  }

  .nav-left {
    z-index: 99;
    opacity: 0;
    background-color: #fafafa;
    width: 50%;
    display: none;
    position: absolute;
    inset: 64px auto 0 0;
  }

  .navigation {
    z-index: 99;
    background-color: #fff;
    border-bottom: 1px solid #ededed;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .nav-right {
    z-index: 99;
    opacity: 0;
    background-color: #fff;
    width: 50%;
    display: none;
    position: absolute;
    inset: 65px 0% auto auto;
  }

  .content-wrapper-4 {
    max-width: 100%;
  }

  .no-top-margin {
    font-size: 26px;
    line-height: 32px;
  }

  .heading-style-h1.reveal-type {
    font-size: 2.3rem;
  }

  .swiper-slide-4 {
    width: 100%;
    min-width: 100%;
  }

  .header_sticky-wrapper {
    height: auto;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .margin-bottom-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section_elite {
    max-width: 100vw;
    padding-left: 28px;
    padding-right: 28px;
    font-size: 17px;
  }

  .switch-button {
    margin-bottom: 20px;
  }

  .grid-seo-service {
    margin-top: 0;
    padding-top: 0;
  }

  .seo-benefits-wrapper.seo-benefits-heading {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lottie-animation-5 {
    font-size: 19px;
  }

  .small-card {
    width: auto;
    min-width: auto;
    max-width: 100vw;
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 80px;
    padding-right: 80px;
    font-size: 18px;
  }

  .header-2-center-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-website-maintenace {
    flex-direction: column;
    margin-top: 0;
    display: block;
  }

  .benefits-description {
    max-width: 360px;
  }

  .sub-par {
    text-align: center;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: .85em;
  }

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

  .experience_timeline-step {
    grid-column-gap: 24px;
  }

  .experience_component {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    grid-template-columns: .55fr 1fr;
  }

  .padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .navbar-logo-left {
    padding-right: 0;
  }

  .navbar-menu {
    max-width: unset;
  }

  .navbar-link, .navbar-button {
    justify-content: center;
  }

  ._3-columns {
    flex-direction: column;
    align-items: center;
  }

  .navbar-logo-left-2 {
    padding-right: 0;
  }

  ._3-columns-2 {
    flex-direction: column;
    align-items: center;
  }

  .right-nav__img {
    max-width: 60%;
  }

  .sticky-nav {
    z-index: 9999;
    background-color: #fcfcfc;
    border-bottom: 1px solid #eef5fd;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .hamburger-6 {
    display: block;
  }

  .navigation-2 {
    opacity: 0;
    background-color: #fff;
    display: none;
    top: 65px;
    bottom: 0;
  }

  .heading-flex {
    margin-bottom: 30px;
  }

  .logo-link-6 {
    display: none;
  }

  .left-nav-2 {
    display: block;
    position: absolute;
  }

  .right-nav-6 {
    z-index: 99;
    opacity: 0;
    width: 60%;
    padding-top: 30px;
    display: none;
    position: fixed;
    inset: 65px 0% 0 auto;
  }

  .middle {
    max-height: none;
    overflow: visible;
  }

  .grid-2 {
    display: block;
  }

  .name-wrap {
    margin-top: 30px;
  }

  .nav-shadow-2 {
    opacity: 0;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #0000004d;
    display: none;
    position: absolute;
    inset: 65px 0% 0%;
  }

  .border-2.tablet-hide {
    display: none;
  }

  .summary {
    grid-column-gap: 37px;
  }

  .link-block-13 {
    margin-left: 0;
  }

  .table-box, .table-box._2 {
    justify-content: center;
  }

  .table-box._2.small {
    padding-right: 12px;
  }

  .table-box._2.action {
    justify-content: center;
  }

  .scroll-table-content {
    overflow: scroll;
  }

  .div-block-406._2 {
    justify-content: flex-start;
  }

  .table-box-client, .table-box-client._2 {
    justify-content: center;
  }

  .table-box-client._2.small {
    padding-right: 12px;
  }

  .table-box-client._2.action {
    justify-content: center;
  }

  .graph {
    width: 83vw;
  }

  .stat-scroll {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    overflow: auto;
  }

  .wrapper-4 {
    max-width: 500px;
    padding-left: 55px;
    padding-right: 55px;
  }

  .heading-wrap-2 {
    width: auto;
    max-width: none;
  }

  .heading-118 {
    display: none;
  }

  .container-49 {
    grid-column-gap: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .burger-menu {
    z-index: 99999;
    justify-content: center;
    display: flex;
    position: relative;
  }

  .colorful-section, .short-page-wrapper {
    flex-direction: column;
    height: auto;
  }

  .tab-2 {
    width: 16vw;
  }

  .footer-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .split-page-wrapper {
    flex-direction: column;
    height: auto;
  }

  ._150-image-wrapper-outer {
    justify-content: center;
    align-items: flex-start;
  }

  ._150-image-wrapper-inner {
    width: 200vw;
  }

  .section_big-4 {
    grid-template-columns: 1fr;
  }

  .ipad-screen {
    border-radius: 7px;
  }

  .video-section, .form-section {
    flex-direction: column;
    height: auto;
  }

  .footer_bottom {
    justify-content: center;
  }

  .nav_component {
    position: fixed;
    inset: 0% 0% auto;
  }

  .split-wrapper-about-you {
    flex-direction: column;
    height: auto;
  }

  .section-logo {
    overflow: hidden;
  }

  .logo_component-slider {
    grid-column-gap: 3rem;
  }

  .padding-vertical-right {
    padding-left: 0;
    padding-right: 0;
  }

  .logo-slider-img {
    width: 55px;
  }

  .page-padding-2.s0 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .logo_component-slide-right {
    grid-column-gap: 3rem;
  }

  .section_elite-copy {
    max-width: 100vw;
    padding-left: 28px;
    padding-right: 28px;
    font-size: 17px;
  }

  .libraries-howitworks_video-wrapper {
    width: 33.75rem;
    height: 21.0938rem;
  }

  .heading-huge {
    font-size: 3.25rem;
  }

  .libraries-howitworks_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .libraries-howitworks_content-right {
    height: 27.1875rem;
  }

  .max-width-large-2 {
    width: 100%;
  }

  .stat-separating-line {
    height: 60px;
  }

  .section-container {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 5vw;
  }

  .left-content-container {
    width: auto;
    max-width: 540px;
    margin-top: 64px;
  }

  .hero-paragraph-3 {
    font-size: 18px;
  }

  .hero-stats-wrapper {
    grid-column-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .right-content-container {
    justify-content: flex-start;
    width: auto;
    max-width: 500px;
    display: none;
  }

  .form-input-2.subscribe-input {
    font-size: 10px;
  }

  .stat-title {
    font-size: 30px;
  }

  .button-75 {
    color: #7c1315;
  }

  .button-75.btn-subscribe {
    color: #fff;
  }

  .h1-title {
    font-size: 56px;
  }

  .hero-bottom-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-123 {
    font-size: 3rem;
  }

  .container-52.hero {
    width: 90%;
  }

  .heading-124 {
    font-size: 3rem;
  }

  .container-53.hero, .container-54.hero {
    width: 90%;
  }

  .footer-top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .navbar-menu-2 {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-top: 1px solid #f2f4f7;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .menu-right {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: #101828;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .grid-3 {
    grid-template-columns: 1fr;
  }

  .section-heading-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .menu-icon-4 {
    background-color: #efffef;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .container-55.hero {
    width: 90%;
  }

  .navbar-link-2 {
    color: #101828;
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .navbar-link-2:hover {
    color: #101828;
  }

  .footer-menu-wrapper {
    justify-content: space-between;
  }

  .menu-icon-line-middle {
    background-color: #efffef;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar-menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon-line-top {
    background-color: #efffef;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon-component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon-middle-line {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .footer-link-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-link-2:hover {
    color: #101828;
  }

  .container-56.hero {
    width: 90%;
  }

  .features_content-bottom {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .testimonial_component {
    grid-template-columns: 1fr 1fr;
  }

  .features_image-wrapper {
    display: none;
  }

  .hero_dashboard {
    border-width: .75rem;
  }

  .hero_content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .footer_top-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .padding-section-large-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .cta_card {
    padding: 3rem;
  }

  .faq_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-client-grid {
    grid-column-gap: 1.8125rem;
    grid-row-gap: 1.8125rem;
    flex-wrap: wrap;
    display: flex;
  }

  .hero-component-2 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .hero-content {
    max-width: 45rem;
  }

  .padding-section-hero {
    padding-top: 8rem;
  }

  .slide-heading-2-copy {
    font-size: 64px;
  }

  .slide-heading-2-copy.xl {
    font-size: 100px;
  }

  .video-paragraph {
    font-size: 18px;
  }

  .video-heading {
    font-size: 64px;
  }

  .video-heading.xl {
    font-size: 100px;
  }

  .libraries-usecases_heading-wrapper {
    text-align: center;
    flex-direction: column;
  }

  .libraries-usecases_card3 {
    padding: 3rem 2.5rem;
  }

  .heading-large {
    font-size: 2.25rem;
  }

  .libraries-usecases_card2 {
    padding: 2.5rem;
  }

  .heading-xhuge, .libraries-usecases_typed-text {
    font-size: 3.5rem;
  }

  .libraries-usecases_card1 {
    padding: 2.5rem;
  }

  .libraries-usecases_component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .hero-component-bottom {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .product-highlight-3 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto 1fr;
    height: 430px;
    max-height: 430px;
    padding: 2rem;
  }

  .navbar_mobile-link-wrapper {
    border-top-style: none;
    height: 100%;
    display: block;
    overflow: scroll;
  }

  .home-features_image-wrapper.is-3 {
    width: 100%;
    max-width: 18rem;
  }

  .home-features_image-wrapper.is-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .navbar_component {
    text-align: left;
    justify-content: space-between;
    align-items: stretch;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
    position: fixed;
  }

  .home-download_item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    justify-items: center;
    padding-right: 1rem;
    text-decoration: none;
    display: grid;
  }

  .navbar_logo-wrapper {
    display: flex;
  }

  .navbar_logo-wrapper.is-open {
    z-index: 999;
    display: flex;
    position: relative;
  }

  .navbar_logo-wrapper.is-main {
    margin-right: 0;
  }

  .navbar_dropdown-link {
    color: #001137;
    text-align: left;
    object-fit: fill;
    background-color: #fff;
    flex-direction: column;
    flex: 0 auto;
    align-self: auto;
    align-items: stretch;
    width: 100%;
    height: 70px;
    margin-top: 0;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .home-download_heading-wrapper {
    max-width: 42rem;
  }

  .home-library_heading-wrapper {
    margin-right: 2rem;
  }

  .footer_content-top {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    margin-bottom: 0;
    display: grid;
  }

  .navbar_menu-wrapper-desktop {
    display: none;
  }

  .padding-vertical-footer {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_mobile-menu-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .navbar_mobile-menu-wrapper.is-new {
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_menu-wrapper-mobile-top {
    z-index: 10000;
    border-bottom: 1px solid #d6d6d6;
    justify-content: space-between;
    height: 5rem;
    padding-bottom: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .home-download_icon-wrapper {
    margin-right: 0;
  }

  .navbar_link {
    color: #001137;
    text-align: left;
    object-fit: fill;
    background-color: #fff;
    flex-direction: column;
    flex: 0 auto;
    align-self: auto;
    align-items: stretch;
    width: 100%;
    height: 70px;
    margin-top: 0;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .navbar_dropdown-list.w--open {
    border-bottom: 4px solid #1a1a1a;
    height: 50vh;
    position: static;
    overflow: auto;
  }

  .home-download_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    max-height: 62rem;
    padding: 3rem 2rem;
  }

  .home-features_content-wrapper.is-1 {
    margin-right: 2rem;
  }

  .navbar_mobile-dropdown-list {
    background-color: #fff;
    border-top: 1px solid #edf1f7;
    border-bottom: 1px solid #edf1f7;
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: -20px;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
  }

  .navbar_mobile-dropdown-list.w--open {
    background-color: #3721580d;
    width: 100%;
    margin: 0;
    padding: 0 2.5rem;
    position: relative;
  }

  .navbar_mobile-dropdown-list.is-new {
    position: relative;
  }

  .navbar_mobile-dropdown-list.is-new.w--open {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .home-library_list-wrapper {
    align-content: start;
    align-items: start;
  }

  .navbar_menu-button {
    color: #fff;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: -1.25rem;
    padding: 1.25rem;
    display: flex;
  }

  .navbar_menu-button.is-main {
    z-index: 0;
    color: #000;
    cursor: pointer;
    margin-right: -1rem;
    display: flex;
    position: relative;
  }

  .navbar_menu-button.is-open {
    cursor: pointer;
    width: 3rem;
    height: 3rem;
  }

  .navbar_dropdown-toggle-mobile {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .navbar_container-mobile {
    height: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_menu-icon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navbar_link-mobile {
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
    display: block;
  }

  .navbar_link-mobile.is-new {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_link-mobile.no-dropdown {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .home-download_list {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .navbar_dropdown {
    width: 100%;
  }

  .footer_menu-new {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: max-content max-content max-content;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar_menu-wrapper-mobile {
    z-index: 1000;
    object-fit: fill;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    height: 100vh;
    min-height: auto;
    padding-top: 5rem;
    padding-bottom: 0;
    display: none;
    position: fixed;
    inset: 0 0% 0%;
    overflow: hidden;
  }

  .home-routines_side-image-wrapper {
    display: none;
  }

  .padding-section-large-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .navbar_menu-space-block {
    width: 100%;
    height: 3rem;
    min-height: 3rem;
    padding: 0;
  }

  .navbar_menu-buttons {
    display: none;
  }

  .navbar_menu-buttons.is-menu-mobile {
    justify-items: stretch;
    height: auto;
    margin-top: 6rem;
  }

  .navbar_menu-link-wrapper {
    background-color: #fff;
    height: auto;
    position: absolute;
  }

  .home-library_class-description {
    display: none;
  }

  .navbar_dropdown-icon {
    margin-left: 0;
    position: relative;
  }

  .home-download_image-wrapper {
    width: 22rem;
    margin-right: 0;
  }

  .footer_content-bottom {
    margin-top: 2rem;
  }

  .footer-menu {
    margin-top: 0;
  }

  .navbar_container {
    min-width: auto;
    max-width: none;
    position: relative;
  }

  .padding-section-large-5 {
    margin-top: 0;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-vertical-left {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-grid {
    grid-column-gap: 22px;
    grid-template-columns: .5fr 1.35fr 15px;
  }

  .feature-image {
    margin-bottom: 10px;
  }

  .featured-item {
    flex-wrap: wrap;
  }

  .progress-wrapper {
    flex-direction: column;
    justify-content: center;
    width: 20px;
  }

  .progress-track {
    height: 96%;
  }

  .toc-hide-in-mob, .uui-blogpost05_newsletter {
    flex-flow: column;
    display: flex;
    position: static;
  }

  .uui-blogpost05_form-wrapper {
    flex-flow: column;
    display: flex;
  }

  .define-id-for-single-article {
    margin-bottom: 3rem;
  }

  .uui-blogsection04_heading-wrapper {
    grid-column-gap: 3rem;
  }

  .uui-blogsection04_list {
    grid-template-columns: 1fr 1fr;
  }

  .uui-blogsection04_button-row {
    flex: none;
  }

  .uui-blogsection04_heading {
    margin-right: 3rem;
  }

  .uui-blogpost05_content-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .toc-hide-in-mob-2 {
    display: none;
    position: static;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-blogpost05_content-left {
    width: 100%;
    max-width: none;
    position: static;
  }

  .view-more-blogs {
    margin-right: 20px;
  }

  .text-block-141 {
    font-size: 12px;
  }

  .container-59 {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .cursor-2 {
    display: none;
  }

  .main-wrapper-15 {
    padding-top: 40px;
  }

  .container-60 {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .cursor-3 {
    display: none;
  }

  .f-team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .f-team-grid-large {
    grid-template-columns: 1fr;
  }

  .slack-access {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .story-wrapper-homev2 {
    grid-column-gap: 6px;
    grid-row-gap: 80px;
    grid-template-columns: auto auto;
    padding-left: 0;
    padding-right: 0;
  }

  .feature-background-image {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66ff6a90253a48136063deda_rivalists-sports-medcine-physical-therapy-software_triathlete.jpg");
    background-position: 50% 0;
    background-repeat: repeat;
    background-size: cover;
    padding-top: 109%;
  }

  .image-53 {
    width: 80px;
    max-width: none;
  }

  .s2-image-homev2 {
    width: 20vw;
    height: 29vw;
  }

  .series-label {
    align-self: auto;
    align-items: flex-end;
    display: block;
  }

  .solution-tabs_component {
    display: none;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .award-wrapper {
    justify-content: center;
    align-items: stretch;
    width: 100%;
    display: none;
  }

  .award-wrapper-mobile {
    justify-content: center;
    align-items: stretch;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
  }

  .form_section-2 {
    max-width: 100%;
    height: auto;
  }

  .divider-6 {
    display: none;
  }

  .information_content-2.hide-tablet {
    display: block;
  }

  .demo-text-block {
    border-style: solid;
    border-color: var(--neon-green);
    background-color: #ffffff61;
  }

  .or-schedule-demo {
    text-align: center;
    flex-flow: column;
    margin-top: 40px;
    display: flex;
  }

  .link-28 {
    display: none;
  }

  .privacy_section {
    margin-top: 99px;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .datatable_mobile {
    display: none;
  }

  .datatable_header_atom.data_collected_shared {
    align-items: center;
    width: 26%;
  }

  .datatable_header_atom.place_processing {
    width: 18%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .datatable_header_atom.service_provider {
    width: 24%;
  }

  .datatable_header_atom.service_provider.third_party {
    flex-wrap: wrap;
    width: 26%;
    overflow: visible;
  }

  .datatable_header_atom.purpose {
    width: 46%;
  }

  .datatable_header_atom.purpose.third_party {
    width: 30%;
  }

  .container-62 {
    width: 90%;
  }

  .sticky_menu_wrapper {
    flex-direction: row;
    height: auto;
    display: none;
  }

  .small_data_table {
    display: none;
  }

  .item_icon_header {
    flex-direction: row-reverse;
    align-items: flex-start;
    display: flex;
  }

  .item_icon_wrapper {
    flex-direction: column-reverse;
  }

  .privacy_grid {
    grid-template: "Lateral-Menu"
                   "Content"
                   / 1fr;
    margin-top: 0;
    display: flex;
  }

  .datatable_header {
    justify-content: space-between;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .datatable_line_atom {
    width: 24%;
  }

  .datatable_line_atom.place_processing {
    width: 18%;
  }

  .datatable_line_atom.purpose {
    width: 46%;
  }

  .datatable_line_atom.purpose.third_party {
    width: 30%;
  }

  .datatable_line_atom.service_provider {
    width: 26%;
  }

  .datatable_category_name {
    flex-wrap: nowrap;
    font-size: 10px;
    line-height: 12px;
  }

  .privacy_icon.top-margin {
    margin-top: 8px;
  }

  .column-13 {
    align-self: auto;
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }

  .display-s {
    font-size: 1.1rem;
  }

  .grid-4 {
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  }

  .card-transition-block {
    display: none;
    inset: 0%;
  }

  ._3-word-features {
    grid-column-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-author-info-wrapper {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .navbar-logo-left-3 {
    padding-right: 0;
  }

  .navbar-link-3, .navbar-link-4, .navbar-link-5 {
    justify-content: center;
  }

  .navbar-menu-3 {
    max-width: unset;
  }

  .nav-wrap-5 {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
    display: flex;
  }

  .nav-profile {
    display: block;
  }

  .nav-profile.mobile {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-left-style: none;
    padding-left: 0;
    display: flex;
  }

  .hamburger-line-7 {
    background-color: #000;
    height: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-line-7.mid {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .grid-5 {
    grid-template-columns: 1fr;
  }

  .container-64 {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #f0f0f040;
    border-radius: 20em;
    align-items: center;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    display: flex;
  }

  .nav-menu-9 {
    flex-flow: row;
    display: none;
  }

  .app-dashboard {
    border-bottom-style: none;
    border-left: 1px solid #00000026;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    height: 55px;
    margin-top: 10px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .mobile-nav-4 {
    z-index: 99999;
    background-color: #fff;
    border-bottom: 1px solid #00000026;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .nav-left-2 {
    flex-flow: row;
  }

  .logo-link-8 {
    border-right-style: none;
  }

  .nav-right-2 {
    display: flex;
  }

  .shadow-5 {
    z-index: 999;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #0000004d;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .dots-link-2 {
    display: none;
  }

  .dots-link-2.mobile {
    display: block;
  }

  .nav-wrap-6 {
    flex-direction: column;
    height: 100%;
  }

  .container-65 {
    height: 100%;
  }

  .nav-menu-10 {
    flex-direction: column;
  }

  .nav-7 {
    border-bottom-style: none;
    border-left: 1px solid #00000026;
    align-items: flex-start;
    width: 100%;
    max-width: 250px;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: none;
    position: fixed;
    top: 70px;
    bottom: 0;
    right: 0;
  }

  .shadow-6 {
    z-index: 999;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #0000004d;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .right-sidebar {
    z-index: 99;
    opacity: 0;
    background-color: #fff;
    width: 50%;
    display: none;
    position: absolute;
    inset: 65px 0% auto auto;
  }

  .features-container-2 {
    width: auto;
    padding-top: 44px;
  }

  .bot-links {
    padding-left: 40px;
  }

  .content-15 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-wrapper-2 {
    justify-content: flex-start;
  }

  .container-66 {
    padding-left: 0;
    padding-right: 0;
  }

  .shadow-7 {
    z-index: 99;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #0000004d;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .nav-8 {
    background-color: #fff;
    border-left: 1px solid #ebedec;
    height: auto;
    padding-left: 0;
    display: none;
    position: fixed;
    inset: 60px 0% 0% auto;
  }

  .content-mid {
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .calendar-wrap-2 {
    max-width: none;
  }

  .calendar-text {
    align-items: flex-end;
  }

  .calendar-holder {
    justify-content: space-between;
  }

  .logo-img-3.mobile {
    width: 80%;
  }

  .nav-links-3 {
    padding-left: 40px;
  }

  .mobile-nav-5 {
    z-index: 9999;
    background-color: #fff;
    border-bottom: 1px solid #ebedec;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 20px;
    display: flex;
    position: sticky;
    inset: 0% 0% auto;
  }

  .nav-bot-3 {
    padding-left: 40px;
  }

  .nav-logo-2 {
    display: none;
  }

  .dash-container {
    display: block;
  }

  .brand-centre {
    margin-right: 10px;
  }

  .navigation-split {
    min-height: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .menu-button-4 {
    color: #3f0a3d;
    border: 1px solid #3f0a3d1a;
  }

  .menu-button-4.w--open {
    background-color: #3f0a3d;
    border-color: #02676b;
  }

  .nav-link-mobile {
    color: #fff;
    width: 100%;
    display: block;
  }

  .nav-link-mobile:hover {
    color: #fff;
  }

  .nav-link-full {
    color: #fff;
    border-bottom-style: none;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-link-full:hover {
    color: #fff;
  }

  .nav-menu-base {
    background-color: #3f0a3d;
    height: auto;
  }

  .navigation-side {
    justify-content: flex-end;
  }

  .navigation-side.align-left {
    display: none;
  }

  .navbar-full {
    grid-auto-columns: 1fr;
    display: none;
  }

  .full_left {
    z-index: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-text-fill-color: inherit;
    background-color: #fff0;
    background-image: linear-gradient(#fff, #ffffffb8);
    background-clip: border-box;
    border-right: 1px solid #000;
    flex-direction: column;
    justify-content: center;
    width: 80vw;
    height: 100dvh;
    margin-left: 0;
    padding: 40px 5vw 6.5rem;
    transition: height .5s;
    display: block;
    position: absolute;
    inset: 0% auto 0% 0%;
    overflow: auto;
  }

  .line-break, .full-nav_link {
    display: none;
  }

  .heading-168 {
    font-size: 32px;
  }

  .search-button-5 {
    background-color: #e4e9ec;
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e0d008dbadb67b8043de_search-dark-small(24x24)%402x%20(1).svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    min-width: 40px;
    min-height: 40px;
    margin-left: 0;
    display: block;
  }

  .nav-menu-11 {
    width: 45vw;
    transform: translate(-100%);
  }

  .search-icon-dark-2 {
    background-color: #f4f8fa;
    padding-right: 9px;
  }

  .menu-link-text-3 {
    font-size: 1.6rem;
  }

  .full-nav_link-2 {
    display: none;
  }

  .search-base-5 {
    flex: 1;
    width: auto;
  }

  .dropdown-search-list-3 {
    display: flex;
  }

  .dropdown-search-4 {
    background-color: #f4f8fa;
    width: 100%;
    max-width: 500px;
    margin: 12px auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar3_menu-3 {
    z-index: 1;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    -webkit-text-fill-color: inherit;
    background-color: #fff0;
    background-image: linear-gradient(#fff, #ffffffb8);
    background-clip: border-box;
    border-right: 1px #000;
    flex-direction: column;
    justify-content: center;
    width: 80vw;
    height: 100dvh;
    margin-left: 0;
    padding: 40px 5vw 6.5rem;
    transition: height .5s;
    display: block;
    position: absolute;
    inset: 0% auto 0% 0%;
    overflow: auto;
    box-shadow: 0 2px 17px 2px #00000036;
  }

  .mobile-menu-button-2 {
    color: #f4f8fa;
    letter-spacing: 0;
    text-transform: uppercase;
    background-color: #1d1d1d;
    border-radius: 4.5rem;
    margin-top: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    font-style: italic;
    font-weight: 800;
    display: block;
  }

  .link-29 {
    display: none;
  }

  .navbar3_link-3 {
    padding: .75rem 0;
    font-size: 1.125rem;
    position: static;
  }

  .search-toggle-3 {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin-left: -40px;
    display: none;
  }

  .navbar3_dropdown-list-4 {
    position: static;
    overflow: hidden;
  }

  .navbar3_dropdown-list-4.w--open {
    border-style: none;
    padding: 0;
    position: static;
  }

  .navbar3_dropdown-link-4 {
    padding: .75rem 0 .75rem 5%;
  }

  .mobile-menu-link-2 {
    color: #1d1d1d;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
  }

  .mobile-menu-link-2:hover {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(98deg, #6cba16, #83e21a);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .mobile-menu-button-dash-2 {
    color: #1d1d1d;
    letter-spacing: 0;
    text-transform: uppercase;
    background-color: #e4e4e4;
    border-radius: 4.5rem;
    margin-top: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    font-style: italic;
    font-weight: 800;
    display: block;
  }

  .search-9 {
    flex-direction: row;
    height: auto;
    padding: 4px;
  }

  .search-input-6 {
    color: #07090c;
    min-height: 40px;
    padding-left: 24px;
  }

  .video-bg {
    min-width: auto;
  }

  .title-name-intro {
    font-size: 19vw;
  }

  .col-left {
    width: 100%;
    position: relative;
  }

  .background-content {
    display: none;
  }

  .section-41.split-col {
    flex-flow: column;
    height: auto;
  }

  .col-content-parent {
    padding-top: 2rem;
  }

  .col-right {
    width: 100%;
    height: 100vh;
    position: relative;
  }

  .img-child.flip {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .section-42.split-col {
    flex-flow: column;
    height: auto;
  }

  .heading_wrap {
    width: 90%;
  }

  .container-67 {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .container-71 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero-opening {
    font-size: 70px;
    line-height: 70px;
  }

  .paragraph-75.centered {
    font-size: 26px;
  }

  .hero-3 {
    flex-direction: column;
    justify-content: flex-end;
    width: 90%;
    height: 70vh;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: flex;
  }

  .image-64 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .sticky-container, .sticky-wrapper-6._1 {
    width: 100%;
  }

  .sticky-wrapper-6._2 {
    border-style: none;
  }

  .sticky-wrapper-6._1 {
    width: 100%;
  }

  .container-atl {
    padding-left: 30px;
    padding-right: 30px;
  }

  .flex-horizontal-2 {
    flex-direction: column;
  }

  .s2_athletes._2 {
    height: 70vh;
    padding-top: 0%;
    padding-bottom: 0;
  }

  .container-72 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .grey-box {
    background-color: #e7f5ff;
  }

  .paragraph-76.centered {
    font-size: 26px;
  }

  .person {
    height: 80vh;
    inset: auto 0% 0%;
  }

  .person-name {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    inset: -13% 0% auto;
  }

  .sticky-container-2 {
    width: 100%;
  }

  .container-73, .container-74 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .scroll-down-lottie {
    width: 25px;
  }

  .stage-button-wrap {
    justify-content: center;
  }

  .home-hero-header {
    font-size: 4.5rem;
  }

  .home-hero-text-wrap {
    bottom: 4.8rem;
    left: 3.3rem;
  }

  .thin-hero-header-2 {
    letter-spacing: 3px;
    font-size: .8rem;
  }

  .hero-overlay {
    display: none;
  }

  .team-circles {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: center;
  }

  .team-basic {
    grid-template-columns: 1fr;
  }

  .heading-large-2, .heading-large-3, .heading-large-4 {
    font-size: 3.5rem;
  }

  .faq-intro {
    padding-bottom: 3.5rem;
  }

  .intro-centered {
    max-width: 35rem;
  }

  .faq-top {
    padding: .5rem;
  }

  .heading-large-5 {
    font-size: 3.5rem;
  }

  .faq-icon {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    min-height: 4rem;
  }

  .stacked-tabs-container {
    width: 100%;
    min-width: 100%;
  }

  .stacked-tabs-content-holder {
    justify-content: flex-start;
  }

  .stacked-tabs-pane-holder {
    width: 80%;
  }

  .stacked-tabs-holder {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .grid-8-col {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .athlete-nav {
    grid-auto-columns: 1fr;
    display: grid;
  }

  .text-effect-text {
    font-size: 3em;
  }

  .footer-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .topheading {
    line-height: 1.1em;
  }

  .lottie-animation-8 {
    height: 500px;
  }

  .floattext {
    padding-right: 5px;
  }

  .container-78 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero-opening-2 {
    font-size: 70px;
    line-height: 70px;
  }

  .paragraph-77.centered {
    font-size: 26px;
  }

  .image-67 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .sticky-container-3 {
    width: 100%;
  }

  .timeline-wrapper {
    display: none;
  }

  .floattext-copy {
    padding-left: 5px;
  }

  .gradient-wrapper {
    filter: blur(180px);
  }

  .circle-7 {
    width: 80vw;
    height: 80vw;
  }

  .gradient-wrapper-2 {
    filter: blur(180px);
  }

  .circle-8 {
    width: 80vw;
    height: 80vw;
  }

  .about-content-block {
    font-size: 64px;
    line-height: 72px;
  }

  .text-50-athletes.tablet-size-is--static {
    color: #6a6f74;
    text-align: left;
    letter-spacing: 0;
    text-align: left;
    letter-spacing: 0;
    margin-top: 20px;
    padding-right: 100px;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 20px;
  }

  .lottie-animation-13, .lottie-animation-14, .lottie-animation-15, .lottie-animation-17 {
    width: 989px;
  }

  .paragraph-78 {
    font-size: 47px;
  }

  .hero-headline {
    font-size: 96px;
  }

  .watch-the-film {
    font-size: 21px;
  }

  .sticky-container-4 {
    width: 690px;
    max-width: 690px;
  }

  .lottie-animation-19, .lottie-animation-20, .lottie-animation-21, .lottie-animation-23 {
    width: 989px;
  }

  .paragraph-79 {
    font-size: 47px;
  }

  .hero-headline-2 {
    font-size: 96px;
  }

  .watch-the-film-2 {
    font-size: 21px;
  }

  .section-headline {
    font-size: 80px;
  }

  .stikcy-container {
    width: 690px;
  }

  .tip.large {
    width: 130px;
    margin-left: 46px;
  }

  .tip.medium {
    width: 130px;
  }

  .paragraph-80 {
    width: 320px;
  }

  .section-heading {
    font-size: 80px;
  }

  .ios-app-lottie {
    height: 500px;
  }

  .mainheading_h1 {
    white-space: normal;
    padding-left: 100px;
    padding-right: 100px;
    font-size: 26px;
    line-height: 32px;
  }

  .image-70 {
    margin-right: 0;
  }

  .browser-demo {
    flex-direction: column;
    width: 500px;
    height: 400px;
    margin-bottom: 40px;
    padding-top: 20px;
  }

  .instructions-wrapper {
    flex-wrap: nowrap;
    order: -1;
    align-self: auto;
    align-items: center;
    margin-top: 0;
    margin-bottom: 60px;
    margin-left: 0;
    position: relative;
    top: 0%;
    left: -25px;
  }

  .demo-wrapper {
    flex-direction: column-reverse;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-top: 120px;
    margin-right: 0%;
  }

  .demo-container {
    clear: both;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    min-height: 100vh;
    display: flex;
    overflow: hidden;
  }

  .image-71 {
    margin-right: 0;
  }

  .instructions-wrapper-2 {
    flex-wrap: nowrap;
    order: -1;
    align-items: center;
    position: relative;
  }

  .demo-container-2 {
    clear: both;
    flex-direction: row;
    justify-content: flex-start;
    height: auto;
    min-height: 100vh;
    display: block;
    overflow: hidden;
  }

  .demo-wrapper-2 {
    flex-direction: column;
    align-items: center;
    margin-right: 0%;
  }

  .image-72 {
    margin-right: 0;
  }

  .instructions-wrapper-3 {
    flex-wrap: nowrap;
    order: -1;
    align-self: auto;
    align-items: center;
    margin-top: 0;
    margin-bottom: 60px;
    margin-left: 0;
    position: relative;
    top: 0%;
    left: -25px;
  }

  .demo-wrapper-3 {
    flex-direction: column-reverse;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-top: 120px;
    margin-right: 0%;
  }

  .image-73 {
    margin-right: 0;
  }

  .demo-container-3 {
    clear: both;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    min-height: 100vh;
    display: flex;
    overflow: hidden;
  }

  .image-74 {
    margin-right: 0;
  }

  .d-77-section-home {
    clear: both;
    overflow: visible;
  }

  .demo-container-4 {
    clear: both;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    min-height: 100vh;
    display: flex;
    overflow: hidden;
  }

  .stickydiv-2 {
    background-color: #000;
    height: 100vh;
  }

  .hero-bullet-text {
    font-size: 48px;
  }

  .hero-headline-3 {
    font-size: 96px;
  }

  .watch-the-film-3 {
    font-size: 21px;
  }

  .sticky-container-5 {
    width: 692px;
  }

  .column-16, .column-17 {
    align-self: auto;
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }

  .plan-wrapper-dark {
    width: 100%;
    max-width: 480px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-179 {
    font-size: 40px;
  }

  .pricing-wrapper {
    flex-direction: column;
  }

  .tabs-content-6 {
    width: 100%;
  }

  .heading-180, .right-header {
    font-size: 40px;
  }

  .card-13.is-testimonial {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .button-98.is-nav {
    letter-spacing: 0;
    text-transform: none;
    margin-top: 10px;
    padding-left: 2rem;
    padding-right: 2rem;
    font-family: Helvetica Neue, sans-serif;
    font-size: .9rem;
    font-style: normal;
    font-weight: 500;
  }

  .footer3_top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .logos-wrapper-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .swiper-slide-6 {
    width: 100%;
    min-width: 100%;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .testimonials-wrapper {
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
  }

  .card-14.is-testimonial {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .logos-wrapper-3 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .swiper-slide-7 {
    width: 100%;
    min-width: 100%;
  }

  .login-button.is-text.is-nav {
    flex-flow: column;
    transition: opacity .2s;
    display: flex;
  }

  .login-button.is-text.is-nav:hover {
    color: var(--deon-green);
    background-color: #f1f1f100;
  }

  .support-grid-layout {
    grid-template-columns: 2fr 3fr;
  }

  .small-container-2 {
    max-width: 100%;
  }

  .brand-3 {
    padding-left: 0;
  }

  .nav-cta-button {
    text-align: left;
    justify-content: flex-start;
    padding-left: 1em;
  }

  .support-button {
    color: #7c1315;
  }

  .nav-link-11 {
    color: #7c1315;
    text-align: left;
    margin-bottom: .5em;
    margin-left: 0;
    font-weight: 600;
  }

  .menu-button-5 {
    text-align: center;
    background-image: linear-gradient(135deg, #1b3254, #142a4a 71%);
    border-radius: 10px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 15px;
    line-height: 1;
    transition: background-color .2s;
    display: flex;
    position: absolute;
    inset: 7px 10px auto auto;
  }

  .menu-button-5.w--open {
    background-color: #323232;
  }

  .support-article-holder {
    padding: 1em;
  }

  .nav-menu-13 {
    opacity: 1;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #21212105;
    padding-top: 1em;
    padding-bottom: 1em;
    box-shadow: 0 2px 3px #0000000d;
  }

  .iphone-holder.cta {
    width: 80%;
    height: auto;
  }

  .grid-10-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .faq-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .form-input-4.subscribe-input {
    font-size: 10px;
  }

  .button-100 {
    color: #7c1315;
  }

  .button-100.btn-subscribe {
    color: #fff;
  }

  .demo-form_block {
    width: 540px;
  }

  .oversized-quotation {
    font-size: 40px;
  }

  .grid-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    height: 200vh;
  }

  .heading-grid {
    grid-template-columns: 1fr;
  }

  .grid-pricing-large, .grid-three-column, .feature-card-grid-top, .feature-card-grid-bottom {
    grid-template-columns: 1fr 1fr;
  }

  .div-hide-4.pad {
    padding-left: .7rem;
  }

  .div-hide-4.pad-two {
    margin-left: -1.3rem;
    padding-left: 0;
  }

  .scroll-h-parent {
    grid-row-gap: 2rem;
    flex-direction: column;
    width: 100%;
  }

  .super-text {
    text-align: center;
    font-size: 28vw;
  }

  .scroll-parent {
    inset: auto 0% 0% auto;
  }

  .hero-text-parent {
    bottom: -10%;
  }

  .scroll-h-child.flex-cc.end {
    margin-bottom: 4rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sticky-parent {
    height: auto;
  }

  .sticky-child.page-padding {
    height: auto;
    padding-top: 12rem;
    position: relative;
  }

  .inner-swipe {
    display: none;
  }

  .div-organized-produce {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .section-silent-tongue {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .div-court-sight {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .h1-mysterious-somewhere {
    font-size: 3.75rem;
    line-height: 1;
  }

  .p-calm-independent {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  ._2-column-page {
    flex-direction: column;
    height: auto;
  }

  .div-mix-advice {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-give-village {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .h1-death-remarkable {
    font-size: 3.75rem;
    line-height: 1;
  }

  .form-limited-friend {
    background-color: #0000;
  }

  .div-coat-dear {
    background-color: #fff;
    border-width: 2px;
    border-color: #0000;
    border-radius: 9999px;
    padding: .5rem;
  }

  .div-tales-here {
    flex-direction: row;
  }

  .input-sky-opinion {
    text-align: left;
  }

  .a-torn-noun {
    width: auto;
    margin-top: 0;
    margin-left: 1rem;
  }

  .img-dog-or {
    width: 10rem;
    height: 10rem;
  }

  .div-carefully-lion {
    padding: 1.5rem;
  }

  .hero-grid-block {
    height: 350px;
  }

  .section_hero-7 {
    height: auto;
  }

  .hero_inner-grid {
    flex-direction: row;
  }

  .hero-grid-2 {
    flex-direction: column;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
  }

  .hero-grid_cell {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-stack_image-wrap {
    height: 350px;
  }

  .hero-stack_image-wrap.is-half-size {
    width: 50%;
    height: 350px;
  }

  .hero-paragraph-wrap {
    width: 100%;
  }

  .div-dollar-indeed {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .div-direct-perfect {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-passage-create {
    display: none;
  }

  .div-seed-rabbit {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .a-directly-meat {
    margin-left: 2.5rem;
  }

  .section-frequently-join {
    padding-bottom: 4rem;
  }

  .div-become-bent {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .div-tent-met {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-couple-happen {
    grid-column-gap: 10px;
  }

  .h1-team-nation {
    font-size: 3rem;
    line-height: 1;
  }

  .img-weather-work, .img-uncle-consist {
    width: 3.5rem;
    height: 3.5rem;
  }

  .div-forty-saw {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .input-taken-teeth, .a-correctly-she {
    padding-top: .875rem;
    padding-bottom: .875rem;
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .div-rocket-begun {
    margin-top: 3rem;
  }

  .grid-7 {
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  }

  .blog-hero-header {
    justify-content: center;
    align-items: center;
  }

  .blog-hero-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
  }

  .blog-hero-top {
    border-right-style: none;
    padding-right: 0;
  }

  .blog-hero-h1-header {
    text-align: center;
    font-size: 48px;
  }

  .blog-header-card-title {
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-text-box.theme-1-text-c {
    text-align: center;
    padding-left: 0;
  }

  .blog-text-box.tablet-size-is--static {
    color: #6a6f74;
    text-align: left;
    letter-spacing: 0;
    text-align: left;
    letter-spacing: 0;
    margin-top: 20px;
    padding-right: 100px;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 20px;
  }

  .blog-headertitle-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: block;
  }

  .feature-card-7-image-2, .feature-card-7-media-2 {
    padding-top: 100%;
  }

  .list-header-2-wrap-2 {
    grid-template-columns: 1fr;
    margin-bottom: 0;
    display: block;
  }

  .blog-hero-h1-eyebrow {
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
  }

  .blog-slider_wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .logo-slider_slide {
    height: 9.5rem;
  }

  .builder_feature-5_ui-section_header1 {
    transform-origin: 50% 70%;
    flex: none;
    transform: scale(.25);
  }

  .builder_feature-3-left {
    padding: 2rem;
  }

  .builder_feature-card.feature-2 {
    background-size: 75%;
  }

  .builder_feature-card.feature-7 {
    justify-content: space-between;
  }

  .builder_feature-card.feature-11 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .rl-page-padding {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .builder_feature-4_ui-left {
    z-index: 3;
    margin-bottom: 2rem;
  }

  .builder_feature-6_ui-top {
    grid-column-gap: 0rem;
  }

  .builder_feature-grid-6 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .builder_feature-grid-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .builder_feature-8_overlay {
    z-index: 3;
    padding: 2rem;
  }

  .builder_feature-7_ui-block {
    align-items: flex-end;
    margin-right: 58%;
  }

  .builder_feature-8_ui-block {
    justify-content: space-between;
    padding-top: 0;
  }

  .page-padding-7 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .builder_feature-8_ui-bottom {
    width: 90%;
  }

  .logo-slider_mask, .logo-slider_component {
    height: 9.5rem;
  }

  .builder_feature-4-left-top {
    padding: 2rem;
  }

  .builder_feature-bottom.feature-11 {
    height: 16rem;
  }

  .builder_feature-bottom.feature-6 {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .builder_feature-bottom.feature-7 {
    align-items: center;
    height: auto;
  }

  .builder_feature-bottom.feature-2 {
    flex: 1;
    align-items: center;
    padding: 2rem;
  }

  .builder_feature-bottom.feature-5 {
    flex: none;
  }

  .builder_feature-bottom.feature-1 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .site-builder-form-block {
    width: 100%;
  }

  .builder_feature-5_ui-padding {
    padding-bottom: 4rem;
  }

  .builder_feature-9_ui-block {
    align-self: center;
  }

  .builder_feature-8_ui-top-overlay {
    background-image: linear-gradient(to right, #e4e2df, #a39c9a00 30%, #938b8900 70%, #e4e2df);
  }

  .heading-huge-2 {
    font-size: 3.25rem;
  }

  .builder_feature-5_ui {
    width: 100%;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .builder_feature-3-right {
    padding: 2rem;
  }

  .logo1_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .star-pattern-layer {
    height: 400px;
  }

  .heading-large-6 {
    font-size: 2.25rem;
  }

  .builder_feature-6_ui-middle-input {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .builder_feature-2_ui-block {
    max-height: 21.4rem;
  }

  .builder_feature-top {
    padding: 2rem;
  }

  .builder_feature-top.feature-11 {
    text-align: left;
    flex: 1;
  }

  .heading-custom-h3 {
    font-size: 1.75rem;
  }

  .builder_feature-5_ui-button {
    bottom: 2rem;
  }

  .uk-overlay-image {
    margin-top: 55px;
  }

  .feature-background-image_uk {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6757cffd82af58acebe76969_friends-trail-running-in-the-mountains.jpg");
    background-position: 50% 0;
    background-size: cover;
    padding-top: 109%;
  }

  .text-50-uk.tablet-size-is--static {
    color: #6a6f74;
    text-align: left;
    letter-spacing: 0;
    text-align: left;
    letter-spacing: 0;
    margin-top: 20px;
    padding-right: 100px;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 20px;
  }

  .heading-100-uk {
    white-space: normal;
  }

  .heading-100-uk.theme-1-text-a {
    font-size: 40px;
  }

  .graph_number {
    top: 0;
  }

  .slide-3 {
    background-position: 205% -32%;
  }

  .dashboard_grid {
    grid-template-columns: 1fr 1fr;
  }

  .circle_wrap {
    width: 180px;
    height: 180px;
  }

  .graph_chart {
    height: 100%;
  }

  .navbar_watchlist-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .dashboard_container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section_hero-8 {
    padding-top: 1rem;
  }

  .navbar_flex {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center stretch;
    margin-top: 40px;
    display: flex;
  }

  .circle_text {
    font-size: 2rem;
  }

  .image_grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .card_graph {
    justify-content: space-between;
    align-items: flex-end;
  }

  .dark_dashboard-card.item-center {
    font-size: .5rem;
  }

  .section_hero-8-lite {
    padding-top: 3rem;
  }

  .dashboard_grid-lite {
    grid-template-columns: 1fr 1fr;
  }

  .lite_dashboard-card.item-center {
    font-size: .5rem;
  }

  .swiper__nav {
    margin-top: 32px;
  }

  .swiper-slide-8.slide--stories {
    width: auto;
  }

  .footer__copyright {
    font-size: 14px;
  }

  .swiper__nav-arrow:hover {
    border-color: #0000;
  }

  .swiper__nav-arrow.mod--left {
    border-color: #1e1e2f26;
  }

  .athlete-profile-wrapper {
    padding-top: 40px;
  }

  .section_health-cards {
    padding-top: 1rem;
  }

  .health-cards-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .athlete-profile_grid {
    grid-template-columns: 1fr 1fr;
  }

  .health-card-goal.item-center, .profile-health-card.item-center {
    font-size: .5rem;
  }

  .activity_substats {
    display: none;
  }

  .health-team {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .swiper-slide-9.slide--stories {
    width: auto;
  }

  .builder_feature-card-2.feature-2 {
    background-size: 75%;
  }

  .builder_feature-card-2.feature-7 {
    justify-content: space-between;
  }

  .builder_feature-card-2.feature-11 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .heading-huge-3 {
    font-size: 3.25rem;
  }

  .heading-large-7 {
    font-size: 2.25rem;
  }

  .pricing-grid-large {
    grid-template-columns: 1fr 1fr;
  }

  .ths08-logo-text {
    font-size: 24px;
  }

  .cta-header-component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .image-cta {
    z-index: 0;
    object-fit: contain;
  }

  .image-86 {
    min-width: 18rem;
    max-width: 35rem;
  }

  .features-component-layout {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .collection-list-7 {
    flex-wrap: wrap;
  }

  .layout-list-item {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
  }

  .testimonial-cms-item {
    width: 50%;
  }

  .feature-card-image {
    width: auto;
    height: 100%;
  }

  .feature-card-image.horizontal {
    object-fit: none;
    position: absolute;
  }

  .collection-list-8 {
    grid-row-gap: 20px;
  }

  .vertical-divider-2 {
    display: none;
  }

  .layout-wrapper.vertical, .layout-wrapper.horizontal {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .cta-layout {
    align-items: flex-end;
  }

  .wire-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .hero-bold-header {
    font-size: 50px;
  }

  .text-380 {
    width: 80%;
  }

  .floating-product-image {
    margin-top: 55px;
  }

  .f6-background-box {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6757cffd82af58acebe76969_friends-trail-running-in-the-mountains.jpg");
    background-position: 50% 0;
    background-size: cover;
    padding-top: 64%;
  }

  .content-style-25 {
    width: 100%;
  }

  .section-header {
    letter-spacing: 0;
    font-size: 32px;
  }

  .feature-cards-container {
    width: 750px;
  }

  .feature-cards-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .content-tabs-menu-list {
    max-width: none;
    margin-bottom: 32px;
    margin-left: 0%;
  }

  .section-large-5 {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .tab-image {
    width: 100%;
  }

  .content-tabs-row {
    flex-direction: column;
  }

  .grid-layout.desktop-1-column {
    grid-template-columns: 1fr;
  }

  .h4-heading {
    font-size: 1.2rem;
  }

  .section-52 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .eyebrow-2 {
    font-size: .9rem;
  }

  .heading-huge-4 {
    font-size: 3.25rem;
  }

  .content-grid-2 {
    grid-template-columns: 1fr;
  }

  .content-image-block {
    max-width: none;
  }

  .section-header-titles {
    letter-spacing: 0;
    font-size: 26px;
  }

  .subheading-regular-2 {
    font-size: 16px;
    line-height: 1.1em;
  }

  .blocks-wrapper {
    margin-top: 0;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .product-highlight-blocks {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .product-highlight-1 {
    height: 100%;
  }

  .product-highlight-2 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto 1fr;
    height: 430px;
    max-height: 430px;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .block-header-title, .block-header-title.white {
    font-size: 26px;
  }

  .block-header-title.large {
    font-size: 32px;
  }

  .block-subtext {
    font-size: 13.5px;
    line-height: 1.1em;
  }

  .block-subtext.light-grey {
    width: 100%;
    font-size: 13.5px;
    line-height: 1.1em;
  }

  .feature-block-subtext {
    font-size: 13.5px;
    line-height: 1.15em;
  }

  .section-subtext {
    font-size: 14px;
  }

  .image-100 {
    width: 100%;
  }

  .content-style-28 {
    grid-row-gap: 0px;
    width: auto;
    max-width: none;
    padding-left: 10px;
    display: block;
  }

  .content-style-29 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .product-1-image {
    width: auto;
  }

  .product-1-image.is-3 {
    width: 100%;
    max-width: 18rem;
  }

  .product-1-image.is-2 {
    width: 100%;
    max-width: 16rem;
  }

  .product-1-image-insert {
    width: 650px;
  }

  .data-security-container {
    display: none;
  }

  .section-6-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1.25fr 1fr;
    grid-auto-flow: row;
  }

  .question-response {
    max-width: 100%;
    font-size: 13.5px;
  }

  .question-text {
    max-width: 100%;
    font-size: 18px;
  }

  .accordion-item---brix.accordion-1---brix {
    margin-bottom: 20px;
    box-shadow: 0 5px 16px #0133080a;
  }

  .accordion-item---brix.accordion-1---brix:hover {
    box-shadow: 0 14px 21px #6cba1612;
  }

  .hero-text-wrapper-2 {
    width: 90%;
  }

  .animated-hero-bg-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-break-strip {
    grid-column-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-web {
    display: none;
  }

  .home-bottom-banner {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    max-height: 62rem;
    padding: 3rem 2rem;
  }

  .bottom-banner-padding {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .image-101 {
    max-width: 27%;
  }

  ._2025-sportos-nav {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: #ffffff1c;
    border: 1px solid #00000026;
    border-radius: 5em;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-top: 10px;
    margin-left: 12.5px;
    margin-right: 12.5px;
    padding-left: 2.5%;
    padding-right: 2.5%;
    display: flex;
    position: static;
  }

  .sportosnav-link {
    display: none;
  }

  .howitworks_image {
    width: 100%;
    height: auto;
    padding-left: 4px;
    padding-right: 4px;
  }

  .sportosnav {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .sportoslogin-link {
    display: none;
  }

  .image-104 {
    max-width: 50%;
  }

  .mfooter-div.is--md {
    width: 100%;
    min-width: 100%;
    display: block;
  }

  .custom-code {
    display: none;
  }

  .accordion__item, .accordion__item.is-active-accordion {
    border-bottom-color: #d9d9d9;
  }

  .accordion_title-2 {
    font-family: Helvetica Neue, sans-serif;
    font-size: 16px;
    font-weight: 500;
  }
}

@media screen and (max-width: 767px) {
  .slide-content.flex-bottom {
    min-height: 525px;
    padding-top: 65vw;
  }

  .body {
    overflow: visible;
  }

  .slide-heading {
    font-size: 48px;
  }

  .slide-heading.xl {
    font-size: 80px;
  }

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

  .cart-footer {
    padding-top: 24px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .cart-top {
    padding-left: 36px;
    padding-right: 36px;
  }

  .cart-list {
    grid-row-gap: 24px;
    margin-left: 36px;
  }

  .close-cart {
    padding-right: 24px;
  }

  .cart-item-top {
    margin-bottom: 24px;
  }

  .stacked-content.medium {
    grid-row-gap: 48px;
  }

  .wrapper-intro {
    grid-template-columns: 1fr;
    justify-content: start;
    justify-items: start;
  }

  .dynamic-price {
    align-items: flex-start;
  }

  .card-info {
    padding-left: 14px;
    padding-right: 14px;
  }

  .card-image.extra-large {
    height: 100vw;
  }

  .action-heading-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .testimonial {
    max-width: none;
  }

  .mask-testimonials {
    width: 100%;
  }

  .wrapper-testimonials {
    justify-content: center;
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
    overflow: hidden;
  }

  .product-mask {
    width: 75%;
  }

  .action-section {
    padding-top: 48px;
  }

  .heading.large {
    font-size: 36px;
  }

  .heading.small {
    font-size: 22px;
  }

  .heading.extra-large {
    font-size: 44px;
  }

  .basic-slide-wrapper {
    padding: 36px;
  }

  .shop-hero {
    min-height: 325px;
    padding-top: 200px;
    padding-bottom: 60px;
  }

  .collection-item, .collection-item:first-child {
    min-width: 95%;
  }

  .product-sidebar {
    padding-top: 36px;
  }

  .instagram-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .instagram-image {
    min-height: 23vw;
  }

  .showcase-products.single-column {
    padding-left: 0;
    padding-right: 0;
  }

  .flying-image-wrapper {
    width: 70vw;
    min-width: 40vw;
    height: 60vw;
    min-height: 40vw;
    padding: 20px;
    overflow: hidden;
  }

  .flying-image-item {
    width: 40vw;
    height: 40vw;
  }

  .dual-column {
    grid-row-gap: 60px;
    grid-template-columns: auto;
    padding-top: 80px;
    padding-bottom: 0;
  }

  .large-showcase-image {
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .half-image {
    height: 75vw;
    min-height: 400px;
  }

  .half-content {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .half-content.left {
    padding-top: 0;
  }

  .half-content.right {
    padding-top: 60px;
  }

  .checkout-right {
    padding: 40px 36px 100px;
  }

  .checkout-left {
    padding-top: 48px;
  }

  .checkout-banner {
    min-height: 260px;
    padding-top: 120px;
    padding-bottom: 48px;
  }

  .row {
    flex-direction: column;
  }

  .checkout-component {
    padding: 40px 36px;
  }

  .contact-hero {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .dual-contact {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .contact-form-base {
    padding: 60px 48px;
  }

  .footer-bottom {
    text-align: center;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

  .footer-navigation {
    grid-template-rows: auto;
    justify-items: start;
  }

  .product-card-top {
    grid-row-gap: 7px;
    grid-template-columns: 1fr;
    justify-content: start;
    justify-items: start;
  }

  .discount-text {
    margin-top: 0;
  }

  .showcase-item {
    width: 75vw;
    min-width: 75vw;
  }

  .large-collection-item {
    min-width: 60vw;
  }

  .section-banner {
    min-height: 400px;
  }

  .sidebar-grid {
    grid-row-gap: 36px;
  }

  .faq-grid {
    grid-row-gap: 48px;
  }

  .faq-sidebar {
    padding-top: 48px;
  }

  .story-wrapper {
    grid-row-gap: 60px;
  }

  .story-image {
    width: 25vw;
    height: 35vw;
  }

  .faq-right {
    padding-top: 48px;
    padding-bottom: 60px;
  }

  .search-result-item {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .result-info {
    grid-row-gap: 12px;
  }

  .search-grid {
    padding-top: 0;
  }

  .search-result-input {
    min-width: 65vw;
  }

  .search-result-hero {
    padding-bottom: 48px;
  }

  .result-image {
    min-height: 65vw;
  }

  .popup-top {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .filter-bar {
    padding-top: 48px;
  }

  .filter-left {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .error-message {
    margin-left: 36px;
    margin-right: 36px;
  }

  .screen-2 {
    width: 90%;
    height: 95%;
    margin-top: 0;
  }

  .hero-text-line {
    width: 30%;
    height: 2px;
    margin-top: 0;
  }

  .hero-paragraph-2 {
    font-size: 16px;
  }

  .hero-description {
    text-align: left;
    margin-left: 80px;
    margin-right: 80px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .hero-text-holder-1 {
    text-align: center;
    width: 100%;
  }

  .categories-badges-item-wrapper {
    flex-wrap: wrap;
  }

  .instagram-grid-2 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .sticky-wrapper {
    flex-direction: row;
    flex: none;
    width: 1250px;
    margin-bottom: 60px;
    margin-left: 0;
  }

  .dark-slide-arrow-copy.right {
    width: 40px;
    height: 40px;
  }

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

  .small-title-2 {
    font-size: 1.8em;
  }

  .hero-text-holder-3 {
    flex-direction: column;
    align-items: center;
  }

  .h2-2 {
    font-size: 2.3em;
  }

  .heading-2.large {
    font-size: 36px;
  }

  .heading-21 {
    font-size: 18px;
  }

  .small-container {
    margin-bottom: -301px;
  }

  .grid-2-columns {
    grid-template-columns: 1fr;
  }

  .background-video {
    z-index: 1;
  }

  .small-title {
    font-size: 1.8em;
  }

  .container-21 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-21.sticky.mobile {
    overflow: hidden;
  }

  .button-5 {
    margin-bottom: 5px;
  }

  .button-5.download {
    justify-content: flex-start;
  }

  .categories-badges-wrapper {
    flex-wrap: wrap;
  }

  .desktop-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .customer-image-2 {
    margin-bottom: 1em;
  }

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

  .hero-product-demo {
    height: 130vh;
  }

  .mobile-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mobile-section.mobile {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.gap-row-80px {
    grid-row-gap: 40px;
  }

  .card-item {
    flex-direction: column;
  }

  .sticky-wrapper-main {
    flex-direction: column;
    height: 81%;
    margin-top: 0;
    overflow: visible;
  }

  .sticky-content {
    flex: none;
    width: 250px;
    margin-bottom: 0;
    margin-left: 60px;
    margin-right: 60px;
  }

  .sticky-content._1 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .sticky-wrapper-2 {
    flex-direction: row;
    flex: none;
    width: 1250px;
    margin-bottom: 60px;
    margin-left: 0;
  }

  .hero-text-holder-4 {
    text-align: center;
    width: 100%;
  }

  .main-heading {
    font-size: 80px;
    line-height: 75px;
  }

  .frame {
    border-radius: 49px;
    width: 19.7em;
    height: 39.4em;
    margin-top: 0;
  }

  .hero-text-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    display: flex;
  }

  .phone-wrapper {
    width: 100%;
    margin-top: 41px;
    overflow: hidden;
  }

  .hero-content-wrapper {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .slide-heading-2 {
    font-size: 48px;
  }

  .slide-heading-2.xl {
    font-size: 80px;
  }

  .hero-text {
    margin-top: 0;
  }

  .hero-text._2 {
    text-align: center;
    width: 100%;
    padding-left: 0;
  }

  .hero-text._1 {
    text-align: center;
    width: 100%;
    padding-right: 0;
  }

  .hero-grid-wrapper {
    grid-template-columns: 1fr;
    margin-left: 5px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-text-holder-5 {
    text-align: center;
    width: 100%;
  }

  .instagram-grid-3 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

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

  .small-title-3 {
    font-size: 1.8em;
  }

  .heading-22 {
    font-size: 18px;
  }

  .button-6 {
    margin-bottom: 5px;
  }

  .button-6.download {
    justify-content: flex-start;
  }

  .sticky-wrapper-3 {
    flex-direction: row;
    flex: none;
    width: 1250px;
    margin-bottom: 60px;
    margin-left: 0;
  }

  .hero-text-holder-6, .hero-text-holder-7 {
    text-align: center;
    width: 100%;
  }

  .instagram-grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

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

  .small-title-4 {
    font-size: 1.8em;
  }

  .heading-23.large {
    font-size: 36px;
  }

  .small-title-5 {
    font-size: 1.8em;
  }

  .button-7 {
    margin-bottom: 5px;
  }

  .button-7.download {
    justify-content: flex-start;
  }

  .sticky-wrapper-4 {
    flex-direction: row;
    flex: none;
    width: 1250px;
    margin-bottom: 60px;
    margin-left: 0;
  }

  .hero-text-holder-8 {
    text-align: center;
    width: 100%;
  }

  .navmenu__link-list {
    display: block;
  }

  .error-message-2 {
    margin-left: 36px;
    margin-right: 36px;
  }

  .cart-footer-2 {
    padding-top: 24px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .heading-24.small {
    font-size: 22px;
  }

  .cart-top-2 {
    padding-left: 36px;
    padding-right: 36px;
  }

  .navmenu__dropdown-section-list {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: 1fr 1fr;
  }

  .brand-copy.w--current {
    width: 20%;
    margin-left: -60px;
    margin-right: -60px;
  }

  .cart-list-2 {
    grid-row-gap: 24px;
    margin-left: 36px;
  }

  .footer-bottom-2 {
    text-align: center;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

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

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .heading-25.large {
    font-size: 36px;
  }

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

  .heading-26.small {
    font-size: 22px;
  }

  .heading-26.large {
    font-size: 36px;
  }

  .links-wrap {
    grid-column-gap: 30px;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .right {
    justify-content: center;
    min-height: 100vh;
    margin-bottom: 0;
  }

  .line {
    width: 100%;
    height: 1px;
  }

  .or-wrap {
    flex-direction: row;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .form-holder {
    flex-direction: column;
  }

  .form-fields {
    margin-bottom: 40px;
  }

  .cappitalize {
    margin: 10px 20px;
  }

  .form-5 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-12 {
    display: block;
  }

  .links-wrap-2 {
    grid-column-gap: 30px;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .cappitalize-2 {
    margin: 10px 20px;
  }

  .form-9 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .line-3 {
    width: 100%;
    height: 1px;
  }

  .body-3 {
    height: 100vh;
  }

  .abouthero-text {
    top: 42vh;
  }

  .bg-video {
    width: auto;
    min-width: 380px;
    height: auto;
    min-height: 600px;
  }

  .aboutus-wrapper {
    grid-row-gap: 60px;
  }

  .black-brand.w--current {
    margin-left: -60px;
    margin-right: -60px;
  }

  .radio-button-field {
    margin-bottom: 20px;
  }

  .text-alert {
    font-size: 16px;
    line-height: 16px;
  }

  .radio-label {
    font-size: 20px;
    line-height: 20px;
  }

  .input-label {
    font-size: 36px;
    line-height: 36px;
  }

  .button-13 {
    margin-bottom: 5px;
  }

  .button-13.btn-subscribe {
    margin-right: 0;
    bottom: 0;
  }

  .button-13.download {
    justify-content: flex-start;
  }

  .subscribe-form-input-wrapper-2 {
    margin-right: 0;
  }

  .heading-display {
    font-size: 45px;
  }

  .footer-social-media-container {
    flex-direction: column;
  }

  .download-button {
    width: 100%;
    margin-right: 0;
  }

  .footer-brand-content {
    flex-direction: column;
    padding-right: 0;
  }

  .text-gradient-2 {
    font-size: 50px;
    line-height: 55px;
  }

  .container-11 {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .made-container {
    padding-top: 1em;
    padding-right: 0;
  }

  .subscribe-form-flex-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .grid-6-col {
    grid-template-columns: 1fr 1fr;
  }

  .body-5 {
    margin-bottom: 0;
  }

  .content-wrapper-2 {
    padding-top: 55px;
  }

  .content-4 {
    padding-left: 1px;
    padding-right: 1px;
  }

  .menu-text {
    display: none;
  }

  .search-field {
    width: 100%;
  }

  .search-wrap {
    display: none;
  }

  .form-block-6 {
    opacity: 1;
    width: 100%;
    display: block;
  }

  .statistics-wrap {
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .main-hero {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 75px;
  }

  .main-hero__r {
    width: 100%;
    max-width: 350px;
  }

  .dash-boxes {
    padding-left: 1px;
    padding-right: 1px;
  }

  .ai-block {
    width: 100%;
    height: 1200px;
    margin-top: 0;
    margin-bottom: 0;
  }

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

  .swiper-slide.is-places {
    width: 50%;
  }

  .button-group-2.is-hero {
    justify-content: center;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .h3 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .card-description {
    margin-bottom: 25px;
  }

  .top-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .right-2 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .h3-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .large-icon {
    width: 36px;
  }

  .abouthero-text-3 {
    top: 42vh;
  }

  .badge-primary {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .badge-primary.small {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .text-200 {
    font-size: 16px;
    line-height: 18px;
  }

  .small-title-6 {
    font-size: 1.8em;
  }

  .container-18 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .small-title-7 {
    font-size: 1.8em;
  }

  .container-22, .container-23 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-23.sticky.mobile {
    overflow: hidden;
  }

  .sticky-wrapper-5 {
    flex-direction: row;
    flex: none;
    width: 1250px;
    margin-bottom: 60px;
    margin-left: 0;
  }

  .bg-video-border-wrapper {
    border-top-width: 20vw;
    border-bottom-width: 20vw;
  }

  .sun-icon {
    width: 55vw;
  }

  .outline-heading, .filled-heading {
    text-align: center;
    font-size: 75px;
  }

  ._4-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .form-block-10 {
    opacity: 1;
    width: 100%;
    display: block;
  }

  .statistics-r {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .h3-3, .h3-2-copy {
    margin-top: 0;
    margin-bottom: 0;
  }

  .title-small.white {
    text-align: left;
  }

  .heading-32 {
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-detials-small.white-50 {
    text-align: left;
    font-size: 12px;
  }

  .main-post-wrapper {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .description-holder {
    width: 80%;
  }

  .rich-text-holder {
    width: 100%;
  }

  .profile-block-header {
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 20px;
  }

  .text-center.mobile-left {
    align-items: flex-start;
  }

  .fade-in-on-scroll {
    margin-left: 0;
    margin-right: 0;
  }

  .grid-2-columns-2 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns-2.image-left---brix {
    grid-template-columns: 1fr;
  }

  .button-primary {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .heading-size-1 {
    font-size: 44px;
    line-height: 56px;
  }

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

  .container-12 {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .simple-collection-list {
    grid-template-columns: 1fr;
    grid-template-areas: ".";
  }

  .filter-holder.no-margin {
    flex-direction: column;
    align-items: flex-start;
  }

  .simple-collection-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: block;
  }

  .blog-post-holder {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .small-thumbnail-image {
    padding-top: 0%;
  }

  .pricing-card {
    max-width: 350px;
  }

  .tabs_menu-spacing {
    flex-direction: column;
    display: flex;
  }

  .table-field {
    width: 33.2%;
  }

  .table_pricing-wrap {
    padding-left: 0%;
    padding-right: 0%;
  }

  .table_field-title {
    background-color: #222;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
  }

  .table_field-empty {
    display: none;
  }

  .table_grid-sticky {
    background-color: #edf1fd;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 0%;
    padding-right: 0%;
  }

  .table-row {
    flex-flow: wrap;
    grid-template-columns: 1.5fr 1fr;
    grid-template-areas: ".";
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .list-social-media---brix {
    flex-wrap: wrap;
  }

  .author-image---brix {
    max-width: 210px;
  }

  .section-16 {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .card---brix.author-card---brix {
    padding-bottom: 40px;
    padding-left: 78px;
    padding-right: 78px;
  }

  .profile_field-wrapper.has-button {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .dash_logo-wrap {
    height: 70px;
  }

  .widget-embed {
    min-width: 690px;
  }

  .dash_nav-wrap {
    width: 160px;
    padding-left: 0;
    padding-right: 0;
  }

  .widget-svg {
    width: 36px;
  }

  .widget-svg.close {
    display: none;
  }

  .widget-mobile {
    color: #fff;
    background-color: #2962ff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    display: flex;
    position: fixed;
    inset: auto 3vw 3vw auto;
    box-shadow: 0 0 0 5px #2962ff33;
  }

  .dash_page {
    padding-left: 180px;
  }

  .nav_logo-link {
    padding-left: 0;
  }

  .nav_logo {
    height: 1.5rem;
  }

  .dash_header {
    height: 70px;
  }

  .widget-wrapper {
    width: 250px;
    height: 400px;
    margin: auto;
    display: none;
    top: 0;
    left: 0;
  }

  .dash_h1 {
    margin-top: .3rem;
    font-size: 1.4rem;
  }

  .widget-move {
    display: none;
  }

  .ms2-space {
    width: 24px;
    height: 24px;
  }

  .ms2-space.is-12 {
    width: 8px;
    height: 8px;
  }

  .profile-wrapper, .inbox-wrapper {
    padding-top: 55px;
  }

  .content-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .patient-links.reverse {
    flex-direction: row-reverse;
  }

  .mobile-nav {
    padding-left: 20px;
    padding-right: 20px;
  }

  .links-wrap-3 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .content-top, .patient-heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .calendar-wrap {
    margin-bottom: 50px;
  }

  .left-3 {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .calendar-dates {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .form-block-12 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mid-card {
    max-width: none;
  }

  .mid-text_wrap {
    margin-bottom: 60px;
  }

  .mid-cards_wrap {
    margin-bottom: 50px;
  }

  .right-3 {
    padding: 40px 20px;
  }

  .statistic-bot {
    flex-direction: column-reverse;
  }

  .categories-cards_wrap {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .result-wrap {
    grid-column-gap: 40px;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 30px;
  }

  .personaldash-wrap {
    margin-bottom: 0;
    padding-top: 55px;
  }

  .left-nav__fixed {
    padding-top: 35px;
    padding-left: 30px;
  }

  .left-nav {
    width: 100%;
    right: 0;
  }

  .movie-blocks__wrap {
    grid-column-gap: 5%;
  }

  .nav-shadow {
    display: none;
  }

  .search-wrap-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .right-nav__fixed {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-wrap {
    padding: 30px 20px 20px;
  }

  .show-genre {
    grid-row-gap: 5px;
    flex-direction: column;
    align-items: flex-start;
  }

  .right-nav-5 {
    padding: 40px 20px;
  }

  .feedcard {
    max-width: none;
  }

  .content-wrap-1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-newsletter-form {
    justify-content: center;
    align-items: flex-start;
  }

  .blog-post-container {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .simple-collection-list-3 {
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .simple-blog-posts-holder-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .modboxes {
    margin-bottom: 100px;
  }

  .load-logo-2 {
    min-width: 260px;
    top: 2vw;
  }

  .load-content {
    min-width: 290px;
    min-height: 400px;
  }

  .main-content {
    flex-wrap: wrap;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabs-content-3 {
    padding-top: 70px;
  }

  .blog-tab-menu {
    flex-direction: column;
    height: 50vh;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .blog-nav-tab {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .blog-nav-tab.w--current {
    margin-top: 9px;
    margin-bottom: 9px;
  }

  .blog-collection-item {
    width: 100%;
  }

  .tab-link-tab-1.blog-nav-tab {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .card {
    padding-left: 40px;
    padding-right: 40px;
  }

  .blog_link {
    min-height: auto;
  }

  .blog_image_wrap {
    height: 60%;
  }

  .card_written_content {
    padding-left: 50px;
    padding-right: 50px;
  }

  .dash_content-2 {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .profile_flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .cl {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-18 {
    padding-left: 10px;
    padding-right: 0;
  }

  .hero_wrap-2 {
    text-align: center;
    align-items: center;
  }

  .navbar2_button-wrapper {
    font-size: .875rem;
  }

  .swiper-slide-3.is-places {
    width: 50%;
  }

  .swiper-slide-3.is-team {
    width: 50%;
    margin-right: 4.37%;
  }

  .text-size-large-3 {
    font-size: 1.125rem;
  }

  .navbar2_component {
    min-height: 4rem;
  }

  .heading-100 {
    font-size: 48px;
    line-height: 56px;
  }

  .heading-100.theme-1-text-a {
    font-size: 38px;
    line-height: 1.1em;
  }

  .list-header-2-tablet {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .nav-1-menu-link {
    padding-left: 2rem;
  }

  .footer-1-top {
    grid-row-gap: 4rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .card-16-body {
    margin-top: 1.25rem;
  }

  .card-16-body.text-40.mobile-landscape-size--reduced {
    font-size: 14px;
    line-height: 18px;
  }

  .slider-1-mask {
    width: 100%;
  }

  .text-50.theme-1-text-c {
    color: #757575;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 13.5px;
    line-height: 15.5px;
  }

  .footer-1-bottom {
    grid-row-gap: 2rem;
    flex-direction: column-reverse;
  }

  .footer-1-bottom.text-20 {
    margin-top: 4rem;
  }

  .video-card-1-body-container {
    justify-content: flex-start;
    align-items: center;
  }

  .feature-card-7-image {
    min-height: 10rem;
  }

  .feature-card-5-image {
    min-height: 20rem;
  }

  .feature-card-4-body-container {
    align-items: flex-start;
  }

  .eyebrow-20.theme-1-text-c {
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-1-top-list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .list-header-2-breadcrumb {
    margin-bottom: .75rem;
  }

  .card-16-image, .card-11-image, .feature-card-4-image {
    min-height: 10rem;
  }

  .feature-card-4-body {
    text-align: left;
    align-items: flex-start;
    padding-top: 2.25rem;
  }

  .feature-card-5-content {
    padding-bottom: 2rem;
    padding-left: 1.5rem;
  }

  .video-card-1-body {
    text-align: left;
    align-items: flex-start;
    padding-top: .125rem;
  }

  .footer-1-wrap {
    padding-bottom: 3rem;
  }

  .footer-1-top-secondary {
    flex-direction: row;
    justify-content: flex-start;
    display: flex;
  }

  .feature-card-7-header-link {
    padding-left: 0;
    padding-right: 0;
    bottom: 0;
    left: 0;
  }

  .footer-1-secondary-list {
    grid-row-gap: .5rem;
    flex-direction: column;
    display: flex;
  }

  .quilted-list-1-list {
    grid-template-columns: 1fr;
    display: grid;
  }

  .feature-card-7-media {
    min-height: 10rem;
  }

  .section-video {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .heading-style-h4 {
    font-size: 1rem;
  }

  .spacer-large.is-desktop-only {
    display: none;
  }

  .heading-style-h5-2, .heading-style-h5-3, .heading-style-h5-4 {
    font-size: .875rem;
  }

  .heading-style-h4-2 {
    font-size: 1rem;
  }

  .sticky-normal {
    position: static;
  }

  ._2-grid {
    grid-template-columns: 1fr;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .navbar1_component {
    height: auto;
    min-height: 4rem;
  }

  .navbar1_logo-link {
    padding-left: 0;
  }

  .navbar1_menu.is-page-height-tablet {
    padding-bottom: 6rem;
  }

  .heading-style-h3-2 {
    font-size: 1.5rem;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .auth_testimonial.is-desktop-only {
    display: none;
  }

  .section_auth {
    flex-direction: column-reverse;
  }

  .heading-style-h2-2 {
    font-size: 2rem;
  }

  .heading-style-h5-5 {
    font-size: .875rem;
  }

  .ai-block-copy {
    width: 100%;
    height: 1200px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .navigation-item {
    flex-direction: column;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 14px;
  }

  .navigation-item.dropdown-nav-item {
    text-align: left;
    align-items: flex-start;
  }

  .navigation-item.profile-nav {
    flex-direction: row;
  }

  .navigation-icon {
    text-align: center;
    min-height: 20px;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .nav-dropdown-list {
    justify-content: flex-end;
  }

  .exam-card-container {
    width: auto;
    height: 320px;
    margin-bottom: 22px;
  }

  .desktop-navigation-icon.mobile {
    margin-bottom: 0;
    margin-right: 22px;
  }

  .desktop-navigation-icon.bottom-nav {
    margin-top: 0;
    margin-right: 22px;
  }

  .search-bar {
    flex: 1;
    justify-content: flex-start;
    width: 44px;
    min-width: 0;
    margin-right: 22px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .desktop-navigation {
    display: none;
  }

  .float-users-two, .float-users-one {
    align-items: center;
  }

  .nav-menu-3 {
    background-color: #fff;
    border-top: 2px solid #f7f7f7;
    border-bottom: 2px solid #f7f7f7;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    flex-direction: column;
    padding: 0 22px 22px;
    display: flex;
  }

  .exam-card.flipping-exam-card {
    height: 100%;
  }

  .exam-cards {
    flex-direction: column;
    margin-bottom: 0;
  }

  .user-container {
    display: flex;
  }

  .toolbar-upgrade-button.hidden, .user-name-2 {
    display: none;
  }

  .page-wrapper-10 {
    flex-direction: column;
  }

  .search-bar-text {
    display: block;
  }

  .exam-card-graph-container {
    width: 100px;
  }

  .upgrade-card-text {
    font-size: 26px;
    line-height: 34px;
  }

  .mobile-nav-link-container {
    cursor: pointer;
    align-items: center;
    padding-top: 11px;
    padding-bottom: 11px;
    display: flex;
  }

  .mobile-nav-link-container.bottom-nav {
    padding-top: 22px;
  }

  .all-features {
    width: 100%;
  }

  .all-features.hidden-features {
    display: none;
  }

  .exam-card-button-container {
    flex: none;
  }

  .all-features-container {
    flex-direction: column;
  }

  .mobile-navigation {
    background-color: #fff;
    display: flex;
  }

  .desktop-navigation-upgrade-bubble {
    display: none;
  }

  .mobile-nav-toolbar {
    border-bottom: 2px solid #f7f7f7;
    justify-content: space-between;
    margin-bottom: 22px;
    margin-left: -22px;
    margin-right: -22px;
    padding: 22px;
    display: flex;
  }

  .notifications.hidden {
    display: none;
  }

  .container-29 {
    width: 100%;
    padding: 22px;
    box-shadow: 0 2px 10px #8f92a10a;
  }

  .menu-icon-container {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    transition: opacity .2s;
    display: flex;
  }

  .menu-icon-container:hover {
    opacity: .5;
  }

  .search-icon-3 {
    margin-right: 14px;
  }

  .menu-button-2 {
    align-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
  }

  .menu-button-2.w--open {
    background-color: #0000;
  }

  .content-container {
    overflow: visible;
  }

  .user-image {
    margin-left: 0;
  }

  .user-image.hidden {
    display: block;
  }

  .mobile-home-link {
    padding-left: 0;
  }

  .toolbar {
    margin-bottom: 44px;
  }

  .request-wrapper {
    grid-template-columns: 100vw;
    width: 100%;
  }

  .form_field-label {
    font-size: .6em;
  }

  .button-34 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .information_footer-links {
    display: none;
  }

  .form_section {
    padding: 56px 40px;
  }

  .form_block {
    width: 100%;
  }

  .display-1 {
    margin-bottom: 24px;
    font-size: 52px;
    line-height: 55px;
  }

  .display-1.width-80percent {
    width: 100%;
    font-size: 32px;
    line-height: 38px;
  }

  .display-1.width-90percent {
    width: 100%;
    font-size: 44px;
    line-height: 46px;
  }

  .information_header {
    margin-bottom: 56px;
  }

  .information_section.background-color.neutral-200 {
    background-image: linear-gradient(0deg, #00000070, #fff0), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6608c9f29296b283f04cd05f_Triathletes-training-on-sunset-beach.jpg");
    background-position: 0 0, 100% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-bottom: 16px;
    display: block;
  }

  .content-wrapper-video {
    padding-top: 55px;
  }

  .image-wrapper {
    top: auto;
  }

  .subtitle-4 {
    font-size: 1.25rem;
  }

  .content-wrapper-3 {
    padding-bottom: 3rem;
  }

  .ai-subheader {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 75px;
  }

  .container-30 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .container-30.is--huge {
    padding-left: 1.5rem;
  }

  .nike-wrapper {
    padding-top: 55px;
  }

  .main-hero-copy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 75px;
  }

  .header-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .btn {
    padding: 7px 15px;
  }

  .header-wrapper_left {
    margin-top: 20px;
    margin-left: 0;
  }

  .denied-page {
    flex-direction: column;
  }

  .browser__wrapper.light {
    margin-left: 5%;
    margin-right: 5%;
  }

  .tab-list__wrapper {
    padding-left: 0;
  }

  .denied-content {
    width: 100%;
    padding-top: 0;
  }

  .edit-profile-button {
    padding-left: 40px;
    padding-right: 40px;
  }

  .publicpro-wrapper {
    grid-template-columns: 100vw;
    width: 100%;
  }

  .publicpro-content-wrapper {
    padding-top: 55px;
  }

  .profile-display {
    background-position: 50%;
    padding: 56px 40px;
  }

  .pricing-card-2 {
    max-width: 350px;
  }

  .tabs_menu-spacing-2 {
    flex-direction: column;
    display: flex;
  }

  .table_field-empty-2 {
    display: none;
  }

  .table-field-2 {
    width: 33.2%;
  }

  .table_field-title-2 {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
  }

  .table_grid-sticky-2 {
    background-color: #edf1fd;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 0%;
    padding-right: 0%;
  }

  .account-settings-box {
    width: 100%;
  }

  .togglebutton {
    flex: none;
  }

  .account-settings-box-2 {
    width: 100%;
  }

  .upgrade-wrapper {
    padding-top: 55px;
  }

  .nav-links {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .nav-link-4 {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .card-bot {
    padding: 20px;
  }

  .nav-2 {
    border-bottom: 1px solid #1118284d;
  }

  .card-top {
    padding: 20px;
  }

  .login-wrap {
    flex-direction: column;
  }

  .shadow-2 {
    z-index: 99;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #1118284d;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .hamburger-line-3 {
    background-color: #111828;
    height: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-line-3.mid {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .content-8 {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .cards-wrap {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .switch-wrap {
    margin-bottom: 40px;
  }

  .nav-menu-4 {
    z-index: 999;
    background-color: #fff;
    border-left: 1px solid #1118284d;
    flex-direction: column;
    min-width: 200px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: none;
    position: fixed;
    inset: 60px 0% 0% auto;
  }

  .hamburger-3 {
    cursor: pointer;
    width: 40px;
    display: block;
  }

  .content-heading-3 {
    margin-bottom: 20px;
  }

  .cards-wrap-2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .slide_item {
    width: 80%;
  }

  .navmenu__dropdown-section-list-2 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: 1fr 1fr;
  }

  .button-44.is-navbar3-button {
    padding: .25rem 1rem;
  }

  .navbar3_menu {
    width: 90vw;
    padding-bottom: 5rem;
  }

  .navbar3_component {
    min-height: 4rem;
  }

  .button-45.is-navbar3-button {
    padding: .25rem 1rem;
  }

  .navbar3_menu-2 {
    width: 90vw;
    padding-bottom: 5rem;
  }

  .navbar3_component-2 {
    min-height: 4rem;
  }

  .navmenu__dropdown-section-list-3 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: 1fr 1fr;
  }

  .menu-link-text-2 {
    font-size: 1.4rem;
  }

  .nav-logo {
    width: 60px;
  }

  .nav-menu-button {
    width: 30px;
    height: 30px;
  }

  .nav-menu-5 {
    width: 70vw;
    display: flex;
  }

  .section_big-2 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .column-2 {
    margin-top: 40px;
    margin-left: 0;
  }

  .popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
    border-radius: 20px;
    max-width: none;
    left: 24px;
    right: 24px;
  }

  .popup-content-wrapper---brix.popup-4-content-wrapper---brix {
    flex-direction: column;
  }

  .popup-content-wrapper---brix.popup-2-content-wrapper---brix {
    border-radius: 20px;
    max-width: none;
    bottom: 24px;
    left: 24px;
    right: 24px;
  }

  .popup-1-form---brix {
    flex-direction: column;
  }

  .input---brix.large---brix {
    min-height: 64px;
    margin-bottom: 16px;
    padding: 16px 32px;
  }

  .dummy-hero-wrapper---brix {
    flex-direction: column;
  }

  .dummy-hero-wrapper---brix.preview-page---brix {
    max-width: 100%;
  }

  .subscribe-button---brix {
    background-position: 67% 52%;
    width: 100%;
    min-height: 66px;
    line-height: 18px;
    position: static;
  }

  .subscribe-button---brix.popup-1---brix {
    background-position: 68% 52%;
  }

  .popup-1---brix {
    max-width: none;
    padding: 32px;
  }

  .popup-1-illustration---brix {
    max-width: 28%;
    height: auto;
    margin-bottom: 16px;
  }

  .popup-wrapper---brix {
    padding-left: 24px;
    padding-right: 24px;
  }

  .dummy-hero-button---brix {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .column-3 {
    margin-top: 40px;
    margin-left: 0;
  }

  .popup-4-image-wrapper---brix {
    max-width: 100%;
    max-height: 300px;
  }

  .popup-4---brix {
    max-width: 100%;
    padding: 32px 24px;
  }

  .number-card-number {
    color: var(--button-black);
  }

  .tag-wrapper {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .article {
    flex-direction: column-reverse;
    align-items: flex-start;
    display: block;
  }

  .sticky-dashbar {
    margin-bottom: 44px;
  }

  .hero2 {
    text-align: center;
    align-items: center;
    height: 420px;
    padding-left: 10%;
    padding-right: 10%;
  }

  .hero {
    height: auto;
    padding: 10%;
  }

  .larger-paragraph.white-hero-paragraph.hero2-paragraph {
    width: auto;
  }

  .content-container-light {
    overflow: visible;
  }

  .hero-feed-card {
    height: auto;
    padding: 10%;
  }

  .title-section-blog {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .c-hero-paragraph.cc-hidden-mobile {
    display: none;
  }

  .c-text-1 {
    font-size: 16px;
    line-height: 28px;
  }

  .c-section {
    padding-top: 104px;
    padding-bottom: 40px;
  }

  .c-title-3 {
    font-size: 24px;
    line-height: 38px;
  }

  .c-container {
    max-width: 100%;
  }

  .c-container.cc-10cols {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-cms-content-wrapper {
    padding-top: 48px;
  }

  .c-cms-tabs {
    padding-top: 32px;
  }

  .tabs-menu-4 {
    background-color: #f7f7f700;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .h6-text {
    font-size: 40px;
  }

  .h6-heading-italic {
    letter-spacing: -1px;
    font-size: 41px;
  }

  .h6-stroke {
    font-size: 80px;
    line-height: 1.2;
  }

  .hl-hl-wrapper {
    grid-column-gap: 13px;
    width: 100%;
  }

  .h6-menu-text-wrapper {
    grid-row-gap: 8px;
  }

  .h6-menu-header {
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .h6-paragraph-16px.menu {
    text-align: left;
  }

  .h6-hr-text {
    font-size: 22px;
    line-height: 27px;
  }

  .h6-hr-content {
    max-width: 330px;
    height: 440px;
  }

  .h6-hero-left {
    height: 620px;
  }

  .h6-hero-right {
    height: 710px;
  }

  .title3 {
    font-size: 2em;
  }

  .p-md-end {
    padding-bottom: 4em;
  }

  .tabs-nav-text {
    font-size: 18px;
  }

  .tag-wrapper-2 {
    margin-right: auto;
  }

  .hero2-2 {
    text-align: center;
    align-items: center;
    height: 420px;
    padding-left: 10%;
    padding-right: 10%;
  }

  .hero-title-3 {
    font-size: 45px;
    line-height: 1.15em;
  }

  .client-logos {
    margin-bottom: 1.875rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .heading-style-h2-3 {
    font-size: 2rem;
  }

  .card-6.is-stat {
    text-align: center;
  }

  .logos-wrapper {
    margin-bottom: -1.875rem;
  }

  ._4-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .modal_icon {
    width: 32px;
    height: 32px;
  }

  .section-28, .section-footer {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .form-success_flex {
    max-width: 340px;
  }

  .btn-2 {
    padding: 7px 15px;
  }

  .btn_label, .start_asset.is-vertical {
    display: none;
  }

  .picto-embed {
    width: 30%;
  }

  .hero_content-3 {
    width: 100%;
  }

  .hero_cta-text {
    justify-content: flex-start;
    width: 50%;
  }

  .chat-wrapper {
    z-index: 99;
    display: flex;
  }

  .form-content {
    width: 90%;
  }

  .form12_checkbox_field {
    width: 48%;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }

  .form-wrapper {
    width: 100%;
  }

  .next {
    z-index: 6;
    position: fixed;
  }

  .mobile-nav-bottom {
    z-index: 5;
    background-color: #fff;
    border-top: 1px solid #8395b126;
    height: 100px;
    display: block;
    position: fixed;
    inset: auto 0% 0%;
  }

  .previous {
    z-index: 6;
    position: fixed;
  }

  .checkbox_wrap {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .icon-svg {
    width: 36px;
  }

  .right-holder {
    flex-direction: column;
    display: flex;
  }

  .recent-wrap {
    grid-template-columns: 1fr;
  }

  .r-cards {
    flex-direction: column;
  }

  .r-card {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
  }

  .r-card.last {
    border-top-color: #6f6f6f00;
    border-left-color: #6f6f6f4d;
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
  }

  .r-card.mid {
    border-top-color: #6f6f6f00;
    border-left-color: #6f6f6f4d;
    border-top-right-radius: 0;
  }

  .right-icons {
    margin-bottom: 20px;
  }

  .overview-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .app-dashboard-body {
    margin-bottom: 0;
  }

  .elite-top-nav {
    margin-bottom: 44px;
  }

  .creative-request-modal {
    padding-top: 55px;
  }

  .scrollbar {
    padding-bottom: 20px;
    padding-right: 10px;
  }

  .popup-wrap {
    padding-left: 0;
  }

  .popup {
    padding-left: 10px;
    padding-right: 10px;
  }

  .content-middle {
    padding: 40px 20px 20px;
  }

  .status-numbers {
    grid-row-gap: 25px;
    flex-direction: column;
    align-items: flex-start;
  }

  .search-field-3 {
    width: 150px;
  }

  .cards-wrap-4 {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .nav-right__heading {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 30px;
  }

  .call-wrap {
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }

  .tasks-wrap {
    margin-bottom: 100px;
  }

  .card-img__wrap {
    align-items: center;
    display: flex;
  }

  .task-description-wrap {
    grid-row-gap: 3px;
    flex-wrap: wrap;
  }

  .nav-left {
    width: 45%;
    padding-top: 30px;
    padding-left: 20px;
  }

  .left-menu__link {
    left: -20px;
  }

  .hero-container {
    width: 95%;
  }

  .hero-container.purple {
    width: 95%;
    margin-top: 30px;
    position: static;
  }

  .nav-right {
    width: 55%;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .collaborators-flex {
    grid-row-gap: 10px;
    flex-wrap: wrap;
  }

  .input-wrapper-5 {
    min-height: auto;
    margin-bottom: 18px;
  }

  .container-42 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .content-wrapper-4 {
    z-index: 5;
  }

  .product-images {
    flex: 0 auto;
    width: 100%;
    margin-bottom: 20px;
  }

  .right-product-column {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .no-top-margin {
    font-size: 24px;
    line-height: 30px;
  }

  .product-description {
    font-size: 16px;
    line-height: 25px;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .heading-style-h1.reveal-type, .heading-style-h4-3 {
    font-size: 2rem;
  }

  .cta_grid-left {
    position: static;
  }

  .heading-style-h2-4 {
    font-size: 2.5rem;
  }

  .cta_grid {
    grid-template-columns: 1fr;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-bottom-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-global-3 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .small-card {
    font-size: 16px;
  }

  .sub-par {
    margin-left: auto;
    margin-right: auto;
    font-size: .75em;
  }

  .sub-par.seo {
    max-width: 350px;
  }

  .experience_available-button {
    justify-content: center;
  }

  .padding-global-4 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .button-62.is-icon {
    justify-content: center;
  }

  .experience_progress-bar-wrapper {
    left: 3.4rem;
  }

  .experience_profile-image {
    margin-left: auto;
    margin-right: auto;
  }

  .experience_timeline-icon-wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .button-group-4 {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
  }

  .experience_component {
    grid-template-columns: 1fr;
  }

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

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .comparison-feature {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .comparison-header-title.feature {
    display: none;
  }

  .comparison-item {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .comparison-row {
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "Feature-Row Feature-Row Feature-Row";
  }

  .comparison-row.header {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .swiper-2.cc-price-table {
    overflow: hidden;
  }

  .price-table {
    flex-direction: row;
    margin-bottom: 0;
  }

  .price-table_options {
    flex: 1;
    width: 50%;
  }

  .pricing-table_mobile-nav-btn {
    background-color: var(--button-black);
  }

  .price-table_cell {
    width: 100%;
    min-height: 100px;
    font-size: 1.3rem;
  }

  .price-table_cell.cc-title {
    text-align: center;
    border-bottom-style: none;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .price-table_cell.cc-callout {
    border-style: none;
    border-top-width: 1px;
    border-top-color: #5950f1;
    border-bottom-color: #5950f1;
  }

  .price-table_cell.cc-callout.cc-last {
    border-right-style: solid;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .price-table_cell.cc-callout.cc-header {
    border-left-style: none;
    border-right-style: solid;
    border-right-color: #49484a1a;
    border-bottom-left-radius: 12px;
  }

  .price-table_cell.cc-header {
    border-bottom-style: solid;
    border-right: 1px solid #49484a1a;
    border-top-left-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    align-items: flex-start;
    padding-top: 30px;
  }

  .pricing-table_mobile-nav {
    z-index: 2;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
    width: 110%;
    margin-left: -5%;
    display: flex;
    top: 30px;
  }

  .section-32 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .price-table_row {
    flex-direction: column;
  }

  .price-table_row.cc-header {
    width: 50%;
  }

  .price-table_cell-last-accent-bg {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
    width: 20px;
    height: 100.5%;
    display: none;
    inset: 0% -20px 0% auto;
  }

  .swiper-wrapper-4.cc-price-table {
    flex-direction: row;
  }

  .trusted-item {
    margin-bottom: 3em;
  }

  .trusted-content {
    padding-top: 0;
    padding-bottom: 3rem;
  }

  .trusted-content.trusted-list {
    padding-top: 0;
  }

  .container-45 {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .partner-grid {
    grid-template-columns: 1fr 1fr;
  }

  .trusted-overlay-container {
    display: none;
  }

  .container-46 {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .comparison-header-title-2.feature {
    display: none;
  }

  .right-nav__img {
    max-width: 50%;
  }

  .right-nav-6 {
    width: auto;
    left: 100px;
  }

  .nav-right__heading-2 {
    margin-bottom: 35px;
  }

  .middle {
    padding: 30px;
  }

  .middle-heading__flex {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 30px;
  }

  .summary {
    margin-bottom: 50px;
  }

  .overview-stats {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .scroll-container {
    width: 100vw;
    overflow: hidden;
  }

  .table-row-2 {
    width: 740px;
  }

  .table-row-2.head {
    width: 650px;
    display: none;
  }

  .table-row-2.head.hide {
    width: 740px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .table-box.action {
    width: 48px;
  }

  .scroll-table-content {
    margin-right: 33px;
  }

  .table-data-wrapper {
    position: relative;
  }

  .table-container {
    position: relative;
    overflow: hidden;
  }

  .table-wrapper {
    overflow: hidden;
  }

  .table-box-client.action {
    width: 48px;
  }

  .heading-small {
    font-size: 1rem;
  }

  .graph-hero {
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .half-text-container {
    width: 100%;
  }

  .container-48 {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .wrapper-4 {
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sign-in__wrap.responsive {
    margin-top: 0;
    display: block;
  }

  .heading-wrap-2 {
    display: none;
  }

  .container-49 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .wrap-bot {
    width: 100%;
  }

  .colorful-section, .short-page-wrapper {
    flex-direction: column;
  }

  .footer-4 {
    padding: 40px 20px;
  }

  .split-page-wrapper {
    flex-direction: column;
  }

  .contact_column {
    padding: 5vw;
  }

  .contact_column.is-left {
    width: 100%;
    height: auto;
    position: relative;
  }

  .contact_column.is-right {
    background-color: #000;
    width: 100%;
    min-height: auto;
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .container-51 {
    display: block;
  }

  .bg-video-2 {
    width: 100%;
  }

  .headline_wrap {
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .side-panel {
    display: none;
  }

  .heading-style-h2-5 {
    font-size: 2rem;
  }

  .form-full-2 {
    z-index: 9000;
    position: relative;
  }

  .form-wrapper-4 {
    width: 100%;
  }

  .next-2, .previous-2 {
    z-index: 6;
    position: fixed;
  }

  .checkbox_wrap-2, .about-input-wrap {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .ipad-screen {
    border-radius: 6px;
  }

  .video-section, .form-section {
    flex-direction: column;
  }

  .form_card.is-wider {
    max-width: 500px;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .footer_tiny.dot {
    display: none;
  }

  .footer_bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-top: 0;
    display: grid;
  }

  .nav_component {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .split-wrapper-about-you {
    flex-direction: column;
  }

  .logo_component-slider {
    grid-row-gap: 2rem;
    flex-direction: row;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
  }

  .padding-vertical-right {
    padding-left: 0;
    padding-right: 0;
  }

  .logo-slider-img {
    width: 45px;
  }

  .logo_component-slide-right {
    grid-row-gap: 2rem;
    flex-direction: row;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
  }

  .libraries-howitworks_tabs-menu {
    display: none;
    position: relative;
    top: 0;
  }

  .libraries-howitworks_video-wrapper {
    width: 100%;
    height: auto;
    margin-left: auto;
    padding-top: 62.5%;
    position: relative;
  }

  .libraries-howitworks_desktop-content-wrapper {
    display: none;
  }

  .libraries-howitworks_tab-link {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .875rem;
  }

  .page-padding-3 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .heading-huge {
    font-size: 2.125rem;
  }

  .libraries-howitworks_mobile-image-wrapper {
    width: 100%;
    height: 100%;
    margin-top: 2rem;
    display: block;
  }

  .libraries-howitworks_content {
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .libraries-howitworks_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .text-size-medium-2 {
    font-size: 1rem;
  }

  .libraries-howitworks_content-right {
    background-position: 0 0, 50% 75%;
    background-size: 18.75rem, 50rem;
    background-attachment: scroll, scroll;
    padding: 2rem;
  }

  .libraries-howitworks_content-right.is-item1 {
    height: auto;
    position: relative;
  }

  .home-h2-header {
    font-size: 2rem;
  }

  .footer_slack-cta {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .footer_slack-text-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    text-align: left;
    flex-flow: row;
    align-items: center;
    margin-bottom: .1rem;
    margin-right: 0;
  }

  .footer_slack-icon {
    margin-bottom: 1.5rem;
    margin-right: 0;
  }

  .max-width-large-2 {
    margin-bottom: 20px;
  }

  .section-container {
    max-width: 500px;
    padding-top: 5vw;
  }

  .left-content-container {
    max-width: 420px;
    margin-top: 82px;
  }

  .stat-container {
    grid-column-gap: 10px;
    grid-row-gap: 5px;
    flex-direction: column;
    align-items: flex-start;
  }

  .subscribe-form-input-wrapper-3 {
    margin-right: 0;
  }

  .hero-paragraph-3 {
    font-size: 16px;
  }

  .subscribe-form-flex-3 {
    flex-direction: column;
    align-items: stretch;
  }

  .button-75 {
    margin-bottom: 5px;
  }

  .button-75.btn-subscribe {
    margin-right: 0;
    bottom: 0;
  }

  .h1-title {
    font-size: 44px;
  }

  .contact-component {
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .intro-logos_logo {
    margin-left: 6px;
    margin-right: 6px;
    transform: scale(.7);
  }

  .hero-bottom-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-123 {
    font-size: 2rem;
  }

  .avatar-image {
    max-width: none;
  }

  .avatar-image.border-accent-1, .avatar-image.border-primary {
    display: block;
  }

  .hero-component {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .avatar-component {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .avatar-wrapper {
    justify-content: center;
    align-items: stretch;
    width: 2.5rem;
  }

  .heading-124 {
    font-size: 2rem;
  }

  .footer-bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 3rem;
  }

  .footer-top-wrapper {
    grid-row-gap: 3rem;
  }

  .navbar-menu-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar-component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer-logo-link {
    margin-bottom: 1.5rem;
    padding-left: 0;
  }

  .footer-form-blog {
    margin-top: 1.5rem;
  }

  .navbar-link-2 {
    font-size: 1rem;
  }

  .footer-menu-wrapper {
    grid-column-gap: 1.5rem;
  }

  .footer-social-link:hover {
    color: #667085;
  }

  .footer-link-2 {
    font-size: 1rem;
  }

  .features_content-bottom {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .testimonial_component {
    grid-template-columns: 1fr;
  }

  .footer_link-list {
    grid-column-gap: 0px;
    grid-row-gap: 1.5rem;
    grid-auto-flow: row;
    justify-items: center;
  }

  .faq_answer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cta_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .hero_dashboard {
    border-width: .5rem;
    border-radius: 1.5rem;
  }

  .footer_bottom-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
    justify-items: center;
  }

  .hero_content-wrapper {
    grid-template-columns: 1fr;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .faq_icon {
    width: 1.75rem;
  }

  .features_right {
    grid-row-gap: 3rem;
  }

  .tabs_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .faq_question {
    padding: 1rem 1.25rem;
  }

  .testimonial_content {
    width: 20rem;
    min-width: 20rem;
    padding: 1.5rem;
  }

  .features_left {
    grid-row-gap: 3rem;
  }

  .padding-section-large-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-large-3.is-hero {
    padding-top: 2rem;
  }

  .cta_card {
    padding: 2rem;
  }

  .footer_credit-text {
    margin-top: 1rem;
  }

  .heading-style-h5-6 {
    font-size: 1.25rem;
  }

  .faq_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial_client {
    width: 100%;
  }

  .padding-global-6 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .heading-stlye-h1 {
    font-size: 2.5rem;
  }

  .slide-heading-2-copy {
    font-size: 48px;
  }

  .slide-heading-2-copy.xl {
    font-size: 80px;
  }

  .video-paragraph {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 13px;
  }

  .video-heading {
    font-size: 34px;
  }

  .video-heading.xl {
    font-size: 80px;
  }

  .video-intro {
    margin-left: 0;
    display: block;
  }

  .libraries-usecases_card3 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    padding: 2.5rem 2rem;
  }

  .heading-large {
    font-size: 1.875rem;
  }

  .libraries-usecases_card2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .heading-xhuge, .libraries-usecases_typed-text {
    font-size: 2.25rem;
  }

  .libraries-usecases_card1 {
    padding-top: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .libraries-usecases_component {
    grid-template-columns: 1fr;
  }

  .section-video-mobile {
    padding-left: 0;
    padding-right: 0;
    bottom: 0;
    left: 0;
  }

  .hero-2 {
    height: auto;
    padding: 10%;
  }

  .product-highlight-3 {
    padding-top: 2rem;
  }

  .home-library_top-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .home-library_image-wrapper {
    margin-right: 0;
  }

  .home-features_image-wrapper.is-2 {
    justify-content: center;
    align-items: flex-start;
  }

  .home-features_image-wrapper.is-4 {
    width: 100%;
    max-width: 22rem;
  }

  .home-features_image-wrapper.is-1 {
    width: 100%;
    max-width: 20rem;
  }

  .home-fatures_component {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .navbar_component {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
    top: .5rem;
  }

  .home-features_item1 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: grid;
  }

  .footer_link-block {
    display: block;
  }

  .footer_content-top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .top-page-space {
    height: 5.5rem;
  }

  .home-routines_sticky-wrapper {
    height: auto;
  }

  .padding-vertical-footer {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_mobile-menu-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .home-library_item-wrapper {
    margin-left: .5em;
    margin-right: .5rem;
    text-decoration: none;
  }

  .navbar_menu-wrapper-mobile-top {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .home-library_class-title {
    color: #000;
  }

  .home-testi_heading-wrapper {
    max-width: 29rem;
  }

  .section_home-hero {
    padding-bottom: 4rem;
  }

  .footer-copyright_legal-link {
    text-decoration: underline;
  }

  .home-download_component {
    max-height: 70rem;
  }

  .home-features_content-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .home-features_content-wrapper.is-1 {
    width: 100%;
    max-width: none;
    margin-right: 0;
  }

  .home-testi_rate-figure {
    font-size: 2.5rem;
    line-height: 1.2;
  }

  .navbar_mobile-dropdown-list.w--open {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .navbar_mobile-dropdown-list.is-new.w--open {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .home-library_list-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .navbar_menu-button.is-main {
    margin-right: -.75rem;
  }

  .navbar_menu-button.is-open {
    width: 3rem;
    height: 3rem;
    margin-right: -.75rem;
  }

  .navbar_dropdown-toggle-mobile, .navbar_dropdown-toggle-mobile.w--open {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .navbar_link-mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_link-mobile.is-new {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_link-mobile.no-dropdown {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .navbar-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .home-hero_component {
    height: auto;
    min-height: 42rem;
  }

  .home-download_list {
    grid-template-columns: 1fr 1fr;
  }

  .home-routines_component {
    min-height: auto;
    padding: 4rem 1.25rem;
    position: static;
    top: 2rem;
  }

  .footer_menu-new {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    grid-template-columns: 1fr;
  }

  .nav_logo-2 {
    position: relative;
  }

  .navbar_menu-wrapper-mobile {
    z-index: 10000;
  }

  .home-testi_icon {
    width: 1.25rem;
    height: 1.25rem;
  }

  .section_home-blog {
    overflow: hidden;
  }

  .padding-section-large-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .footer_menu-column {
    flex-direction: column;
    min-width: 8.5rem;
    margin-right: 0;
    display: block;
  }

  .footer-5 {
    padding-top: 1rem;
  }

  .padding-global-7 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .navbar_menu-space-block {
    width: 100%;
    height: 3rem;
    padding: 0;
  }

  .home-download_h2 {
    font-size: 34px;
  }

  .home-routines_space {
    display: none;
  }

  .navbar_menu-buttons.is-menu-mobile {
    width: 100%;
    margin-top: 2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .home-library_class-description {
    margin-bottom: 20px;
  }

  .footer-copyright_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .footer-copyright_legal-text {
    text-decoration: underline;
  }

  .home-testi_h2 {
    font-size: 2.25rem;
  }

  .footer-menu {
    margin-top: 7px;
  }

  .footer_icon-wrapper {
    justify-content: flex-start;
    margin-top: 0;
  }

  .home-testi_list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .padding-section-large-5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global-8 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-vertical-left {
    padding-left: 0;
    padding-right: 0;
  }

  .comment-image-2 {
    width: 2em;
    height: 2em;
  }

  .comment-name-row-2 {
    min-height: 2em;
    font-size: .9em;
  }

  .comment-text {
    margin-bottom: .5em;
  }

  .comment-row-2 {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .comment-is-typing-section {
    padding-left: 2.5em;
  }

  .comment-h3 {
    font-size: 1.4em;
  }

  .stick-wrapper {
    display: block;
  }

  .blog-hero-image {
    margin-top: -100px;
  }

  .blog-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .content-left_blog {
    grid-column-gap: 16px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .content-right-3 {
    position: static;
  }

  .progress-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .uui-blogpost05_newsletter {
    display: none;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    background-color: #7f56d9;
    border-color: #7f56d9;
  }

  .uui-button.is-button-small:hover {
    border-color: var(--neon-green);
    background-color: var(--neon-green);
  }

  .uui-blogpost05_form-wrapper {
    flex-direction: column;
  }

  .define-id-for-single-article {
    margin-bottom: 0;
  }

  .uui-blogsection04_image-link {
    margin-bottom: 1.5rem;
  }

  .uui-blogsection04_image-link:hover {
    box-shadow: none;
  }

  .uui-heading-xsmall {
    font-size: 1.25rem;
  }

  .uui-blogpost05_divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .uui-button-link-2 {
    font-size: 1rem;
  }

  .uui-button-link-2:hover {
    color: #6941c6;
  }

  .uui-blogsection04_heading-wrapper {
    grid-row-gap: 2rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .uui-blogsection04_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-blogsection04_button-row {
    justify-content: flex-start;
    width: 100%;
  }

  .uui-blogsection04_category-link {
    padding: .125rem .5rem;
    font-size: .75rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-blogsection04_heading {
    margin-right: 0;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .uui-blogsection04_meta-wrapper {
    font-size: .75rem;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-blogsection04_list-wrapper {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .view-more-blogs {
    margin-left: 20px;
    font-family: Helvetica Neue, sans-serif;
    font-size: 12px;
  }

  .view-more-blogs:hover {
    background-color: #7f56d9;
    border-color: #7f56d9;
  }

  .fade-in-on-scroll-image {
    height: 500px;
    margin-left: 0;
    margin-right: 0;
  }

  .team_header-flex {
    display: block;
  }

  .h5-2 {
    font-size: 2.2em;
  }

  .team_grid {
    grid-template-columns: 1fr 1fr;
  }

  .popup_visual {
    flex: 0 auto;
    width: 100%;
    height: 100%;
  }

  .popup_name {
    font-size: 4em;
  }

  .popup_flex {
    flex-direction: column;
    justify-content: flex-end;
  }

  .popup_rich {
    font-size: .9em;
  }

  .popup_contain {
    max-width: 49em;
  }

  .popup_content {
    flex: none;
    width: 100%;
    height: auto;
  }

  .f-h3-heading {
    font-size: 40px;
  }

  .f-team-section {
    padding-top: 72px;
  }

  .f-team-grid, .f-team-grid-two-column, .f-team-grid-large {
    grid-template-columns: 1fr;
  }

  .f-section-large {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .collection-list-wrapper-8 {
    display: flex;
  }

  .slack-access {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .slack-access-text {
    color: #bec3cc;
  }

  .story-wrapper-homev2 {
    grid-row-gap: 60px;
  }

  .feature-overlay-text {
    padding-left: 0;
    padding-right: 0;
    bottom: 0;
    left: 0;
  }

  .feature-background-image {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66ff6a90253a48136063deda_rivalists-sports-medcine-physical-therapy-software_triathlete.jpg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/653b2f679f31d4f7e16f94ba_Athleticus_Don't%20Stop.jpg");
    background-position: 50% 0, 0 60%;
    background-repeat: no-repeat, no-repeat;
    background-size: 1000px, 2400px;
    padding-top: 60.8em;
  }

  .s2-image-homev2 {
    width: 25vw;
    height: 35vw;
  }

  .blog-topic {
    color: #000;
  }

  .button-88 {
    display: none;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .solution-tabs_link {
    min-height: 8rem;
  }

  .solution-tabs_menu {
    overflow: scroll;
  }

  .page-padding-4 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .solutions-tabs_link-image {
    width: 2.5rem;
    height: 2rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .form_section-2 {
    margin-top: 35px;
    padding: 56px 40px;
  }

  .button-89 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .divider-6 {
    display: none;
  }

  .information_header-2 {
    margin-bottom: 56px;
  }

  .demo-text-block {
    background-color: #fff9;
    margin-right: 0;
  }

  .reserve-now-button {
    justify-content: center;
    align-items: center;
    width: 65%;
    padding: 12px 20px;
  }

  .or-schedule-demo {
    text-align: center;
    flex-flow: column;
    margin-top: 60px;
    display: flex;
  }

  .paragraph-70 {
    margin-bottom: 0;
  }

  .privacy_section, .privacy_content_wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .datatable_mobile {
    width: 100%;
    display: block;
  }

  .read_more_data_wrapper {
    padding-left: 16px;
  }

  .content_wrapper-2 {
    padding-left: 40px;
  }

  .container-62 {
    width: 90%;
  }

  .datatable_text.mobile {
    margin-bottom: 24px;
  }

  .small_data_table {
    width: 100%;
    display: block;
  }

  .small_datatable_header_atom {
    flex: 0 auto;
    justify-content: center;
    align-items: flex-end;
    width: 25%;
    padding: 8px 16px;
    display: flex;
  }

  .small_datatable_header_atom.action {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    width: 50%;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .datatable_header_mobile {
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    display: flex;
  }

  .legal_bases_meaning_wrapper {
    padding-left: 16px;
  }

  .list_datatable.mobile {
    margin-bottom: 24px;
  }

  .datatable_wrapper {
    display: none;
  }

  .small_datatable_line {
    justify-content: space-between;
    display: flex;
  }

  .privacy_grid {
    margin-top: 0;
    display: flex;
  }

  .h5_top_margin {
    margin-top: 24px;
  }

  .datatable_category_name.mobile {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .read_more_content_wrapper {
    padding-left: 16px;
  }

  .small_datatable_line_atom {
    justify-content: center;
    align-items: center;
    width: 25%;
    padding: 16px;
    display: flex;
  }

  .small_datatable_line_atom.action {
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 50%;
  }

  .privacy_icon {
    width: auto;
    max-width: 24px;
    max-height: 24px;
  }

  .small_dt_header {
    background-color: #6969691a;
    border-radius: 8px;
    justify-content: space-between;
    display: flex;
  }

  .home-header {
    padding-top: 61px;
  }

  .home-header-container {
    justify-content: flex-start;
    align-items: center;
  }

  .popup-2---brix {
    padding-left: 32px;
    padding-right: 32px;
  }

  .popup---illustration---brix {
    object-position: 50% 50%;
  }

  .column-13 {
    margin-top: 40px;
    margin-left: 0;
  }

  .grid-4 {
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  }

  .card-transition-block {
    display: none;
  }

  .container-63 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .card-content-2 {
    align-items: flex-end;
    display: flex;
  }

  .card-9 {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .filters-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .grid-5 {
    grid-template-columns: 1fr 1fr;
  }

  .card-links {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 20px;
    display: grid;
  }

  .card-img {
    max-width: none;
  }

  .button-92 {
    align-self: stretch;
  }

  .mb-10-5 {
    margin-bottom: 10px;
  }

  .cards-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .card-flex-2.flx {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .card-flex-2.mb-10 {
    margin-bottom: 10px;
  }

  .logo-link-8, .categ-wrap.but {
    border-right-style: none;
  }

  .card-10 {
    flex-direction: column;
  }

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

  .card-buttons-2.flx {
    flex-direction: column;
    width: 100%;
  }

  .button-93 {
    align-self: stretch;
  }

  .mb-10-6 {
    margin-bottom: 10px;
  }

  .card-11 {
    flex-direction: column;
  }

  .card-buttons-3.flx {
    flex-direction: column;
    width: 100%;
  }

  .right-sidebar {
    width: 55%;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-welcome {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .exam-card-graph-container-2 {
    width: 100px;
  }

  .top-links_wrap {
    grid-column-gap: 40px;
    align-items: center;
    display: flex;
  }

  .top-links {
    justify-content: space-between;
  }

  .cards-wrap-5 {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .content-mid {
    grid-row-gap: 40px;
  }

  .content-top-2 {
    grid-row-gap: 20px;
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .content-bot {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .mid-content-wrap {
    padding: 40px 20px 20px;
  }

  .brand-centre {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navigation-side {
    width: 100%;
  }

  .full_left {
    width: 90vw;
    padding-bottom: 5rem;
  }

  .blognav-component {
    min-height: 4rem;
  }

  .heading-168.small {
    font-size: 22px;
  }

  .button-95 {
    display: none;
  }

  .nav-menu-11 {
    width: 70vw;
    display: flex;
  }

  .menu-link-text-3 {
    font-size: 1.4rem;
  }

  .blognav-component-2 {
    min-height: 4rem;
  }

  .navbar3_menu-3 {
    width: 90vw;
    padding-bottom: 5rem;
  }

  .menu-drop-down {
    padding-top: 2.2rem;
  }

  .primary-btn.menu {
    background-color: #000;
  }

  .tag-sm.nav {
    background-color: #000;
    width: 100%;
  }

  .menu-parent {
    background-color: #000;
    left: -1px;
  }

  .menu-parent:hover {
    background-color: #000;
  }

  .nav-flex.hide-mobile {
    display: none;
  }

  .title-name-intro {
    font-size: 24vw;
  }

  .col-content-parent {
    padding-right: 2rem;
  }

  .heading_wrap {
    width: 90%;
  }

  .container-67 {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .trusted-item-2 {
    margin-bottom: 3em;
  }

  .container-68 {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .athlete_nav {
    min-height: 4rem;
  }

  .container-69 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .hero-heading {
    font-size: 2.3rem;
    line-height: 1.1em;
  }

  .container-70 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .hero-heading-2 {
    font-size: 3rem;
  }

  .athletes_nav {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lottie-animation-6 {
    display: none;
  }

  .hero-opening {
    font-size: 48px;
    line-height: 50px;
  }

  .sec1_athletes {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .paragraph-75.centered {
    font-size: 17px;
  }

  .hero-3 {
    height: auto;
  }

  .lottie-animation-7 {
    margin-top: 35px;
  }

  .image-64 {
    width: 400px;
    display: block;
  }

  .hero-text-2 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 80px;
    padding-right: 80px;
    position: static;
  }

  .container-atl {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .flex-horizontal-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .s2_athletes {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .s2_athletes._2 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
    bottom: 0;
  }

  .sec-2-bg {
    display: none;
  }

  .s6_ipad-animation {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .paragraph-76.centered {
    font-size: 17px;
  }

  .zoom-image-2 {
    transform: scale(.7);
  }

  .heading-175 {
    font-size: 48px;
  }

  .animated-header-section {
    height: 50vh;
  }

  .home-hero-header {
    font-size: 2.8rem;
  }

  .home-hero-text-wrap {
    bottom: 6.6rem;
  }

  .thin-hero-header-2 {
    letter-spacing: 2px;
  }

  .team-circles {
    flex-wrap: wrap;
    display: flex;
  }

  .page-padding-5 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .team-avatar {
    width: 4rem;
    height: 4rem;
  }

  .text-size-large-4 {
    font-size: 1.25rem;
  }

  .heading-large-2 {
    font-size: 2.3rem;
    line-height: 1.1;
  }

  .page-padding-6 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .text-size-large-5 {
    font-size: 1.25rem;
  }

  .heading-large-3 {
    font-size: 2.75rem;
  }

  .text-size-large-6 {
    font-size: 1.25rem;
  }

  .heading-large-4 {
    font-size: 2.75rem;
  }

  .faq-intro {
    padding-bottom: 2.5rem;
  }

  .faq-bottom-content {
    grid-template-columns: 1fr;
    padding-bottom: 2rem;
    padding-left: 2rem;
  }

  .faq-text {
    padding-left: 1.5rem;
  }

  .text-size-large-7 {
    font-size: 1.25rem;
  }

  .heading-large-5 {
    font-size: 2.75rem;
  }

  .faq-icon {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
  }

  .lottie-icon {
    width: .9rem;
    height: .9rem;
  }

  .tab-link-4 {
    padding-right: 24px;
  }

  .grid-8-col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .animated-subtext {
    justify-content: flex-start;
    align-items: center;
  }

  .text-effect-text {
    font-size: 2.3em;
  }

  .column-14 {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-image {
    object-fit: contain;
  }

  .footer-6 {
    padding: 40px 20px;
  }

  .howtocolumn {
    padding-left: 0;
    padding-right: 0;
  }

  .topheading {
    letter-spacing: 0;
    margin-top: 23%;
    font-size: 16px;
    line-height: 16.5px;
  }

  .topheading.first {
    letter-spacing: 0;
    font-size: 50px;
    line-height: 50px;
  }

  .athletes-hero {
    overflow: visible;
  }

  .rotatosection {
    height: 3500px;
    overflow: visible;
  }

  .column-15 {
    padding-left: 0;
    padding-right: 0;
  }

  .lottie-animation-8 {
    width: 100%;
    height: 1000px;
  }

  .floatingsection {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .floatingsection.float2 {
    margin-right: 0%;
  }

  .headlinesection, .container-77 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-77.sidebyside {
    padding-left: 20px;
    padding-right: 21px;
  }

  .floattext {
    padding-right: 0;
    font-size: 13.5px;
    line-height: 14.5px;
  }

  .lottie-animation-9 {
    display: none;
  }

  .hero-opening-2 {
    font-size: 48px;
    line-height: 50px;
  }

  .section-45 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .paragraph-77.centered {
    font-size: 17px;
  }

  .lottie-animation-10 {
    margin-top: 35px;
  }

  .image-67 {
    width: 400px;
    display: block;
  }

  .container-79 {
    justify-content: center;
    align-items: stretch;
    display: block;
  }

  .timeline_centre {
    justify-content: flex-start;
  }

  .timeline_date-text {
    margin-bottom: 24px;
    font-size: 24px;
  }

  .timeline_quote-wrapper {
    flex-direction: column-reverse;
  }

  .timeline_text {
    font-size: 20px;
  }

  .timeline_progress-bar {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .timeline_component {
    width: 100%;
    display: block;
  }

  .timeline_quote-image {
    margin-top: 24px;
    margin-right: 0;
  }

  .timeline_left {
    text-align: left;
  }

  .margin-bottom-xlarge {
    margin-bottom: 48px;
  }

  .timeline_item {
    grid-template-columns: 64px 1fr;
    width: 100%;
  }

  .timeline_progress {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
    left: 6px;
    right: auto;
  }

  .s5_timeline {
    justify-content: center;
    align-items: stretch;
    display: block;
  }

  .floatingsection-left.float2 {
    margin-right: 0%;
  }

  .topheading-copy {
    letter-spacing: 0;
    margin-top: 23%;
    font-size: 16px;
    line-height: 16.5px;
  }

  .topheading-copy.first {
    letter-spacing: 0;
    font-size: 50px;
    line-height: 50px;
  }

  .floattext-copy {
    padding-left: 0;
    font-size: 12px;
    line-height: 1.2em;
  }

  .circle-7, .circle-8 {
    height: 80vh;
  }

  .zoom-image-1 {
    transform: scale(.7);
  }

  .stage---item.x-04 {
    font-size: 3rem;
  }

  .stage {
    width: 10rem;
    height: 10rem;
  }

  .about-content-block {
    font-size: 48px;
    line-height: 56px;
  }

  .service-button.cta-button {
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .text-50-athletes.theme-1-text-c {
    color: #757575;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 13.5px;
    line-height: 15.5px;
  }

  .nav-link-10 {
    display: none;
  }

  .nav-link-10.logo, .nav-link-10.logo1 {
    display: block;
  }

  .nav-link-10.logo1.nope {
    display: none;
  }

  .mobile-burger {
    height: 30px;
    display: block;
  }

  .paragraph-78 {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 41px;
  }

  .hero-headline {
    font-size: 62px;
  }

  .watch-the-film {
    font-size: 17px;
  }

  .sticky-container-4 {
    width: 87.5%;
  }

  .paragraph-79 {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 41px;
  }

  .hero-headline-2 {
    font-size: 62px;
  }

  .watch-the-film-2 {
    font-size: 17px;
  }

  .section-headline {
    font-size: 56px;
  }

  .paragraph1 {
    max-width: 100%;
  }

  .stikcy-container {
    width: 87.5%;
  }

  .tip.small {
    font-size: 12px;
  }

  .tip.large {
    width: 70px;
    margin-left: 50px;
    font-size: 12px;
  }

  .tip.medium {
    font-size: 12px;
  }

  .section-eyebrow {
    font-size: 17px;
  }

  .anc-intro-paragraph-text {
    font-size: 22px;
  }

  .section-heading {
    font-size: 56px;
  }

  .anc-external-sound, .anc-continously {
    display: none;
  }

  .s2_iphone {
    overflow: visible;
  }

  .headline-text {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lottie-section {
    height: 3500px;
    overflow: visible;
  }

  .ios-app-lottie {
    width: 100%;
    height: 1000px;
  }

  .video-card-1-body-container-copy, .main-header-container {
    justify-content: flex-start;
    align-items: center;
  }

  .mainheading_h1 {
    font-size: 26px;
    line-height: 30px;
  }

  .mainheading_h1.theme-1-text-a {
    font-size: 48px;
    line-height: 1.1em;
  }

  .browser-demo {
    width: 400px;
  }

  .instructions-wrapper {
    margin-left: 0;
  }

  .demo-container {
    align-items: center;
    min-height: 100vh;
    display: block;
  }

  .instructions-wrapper-3 {
    margin-left: 0;
  }

  .demo-container-3, .demo-container-4 {
    align-items: center;
    min-height: 100vh;
    display: block;
  }

  .floatingsection-left-2.float2 {
    margin-right: 0%;
  }

  .headeliners.float2 {
    width: 90%;
  }

  .topheading-2 {
    text-align: center;
    max-width: 680px;
    font-size: 50px;
    line-height: 50px;
  }

  .topheading-2.first {
    font-size: 50px;
    line-height: 50px;
  }

  .section-headliner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .stickydiv-2 {
    justify-content: center;
  }

  .main-header-container-sticky {
    justify-content: flex-start;
    align-items: center;
  }

  .hero-bullet-text {
    font-size: 28px;
  }

  .hero-6 {
    display: block;
  }

  .sticky-container-5 {
    width: 100%;
    max-width: 100%;
  }

  .dummy-hero-button---brix-2 {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .column-16, .column-17 {
    margin-top: 40px;
    margin-left: 0;
  }

  .cloneable-header-grid {
    grid-template-columns: 1fr;
  }

  .tab-dark {
    padding: 8px 24px;
  }

  .paragraph-big {
    font-size: 18px;
  }

  .plan-wrapper-dark {
    width: 100%;
    margin-bottom: 24px;
    margin-left: 0;
    margin-right: 0;
    padding: 32px;
  }

  .heading-179 {
    font-size: 36px;
    line-height: 1.2;
  }

  .tabs-menu-dark {
    position: relative;
  }

  .pricing-wrapper {
    flex-direction: column;
  }

  .tabs-content-6 {
    width: 100%;
  }

  .heading-180 {
    font-size: 36px;
    line-height: 1.2;
  }

  .paragraph-big-2 {
    font-size: 18px;
  }

  .right-header {
    font-size: 36px;
    line-height: 1.2;
  }

  .card-13.is-stat {
    text-align: center;
  }

  .cta_grid-2 {
    grid-template-columns: 1fr;
  }

  .footer3_credit-text {
    margin-top: 2rem;
  }

  .heading-style-h2-6 {
    font-size: 2rem;
  }

  .container-medium-3.is-home-hero {
    margin-top: -5rem;
  }

  .footer3_legal-list {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
  }

  .footer3_top-wrapper {
    grid-row-gap: 3rem;
  }

  .logos-wrapper-2 {
    margin-bottom: -1.875rem;
  }

  .hero_paragraph {
    font-size: 1rem;
  }

  .section_hero-5 {
    height: 100vh;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .footer3_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .footer3_menu-wrapper {
    grid-column-gap: 1.5rem;
  }

  .heading-style-h4-4 {
    font-size: 1rem;
  }

  .padding-global-9 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  ._4-grid-3 {
    grid-template-columns: 1fr 1fr;
  }

  .tag-canvas {
    width: 100%;
    height: 100vh;
    position: absolute;
    inset: 0%;
  }

  .card-14.is-stat {
    text-align: center;
  }

  .heading-style-h2-7 {
    font-size: 2rem;
  }

  .logos-wrapper-3 {
    margin-bottom: -1.875rem;
  }

  .section_hero-6 {
    height: 100vh;
  }

  .heading-style-h4-5 {
    font-size: 1rem;
  }

  .padding-global-10 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  ._4-grid-4, .support-grid-layout {
    grid-template-columns: 1fr 1fr;
  }

  .blue-card-background {
    height: auto;
  }

  .small-container-2 {
    margin-bottom: -301px;
  }

  .iphone-overlay, .iphone-overlay.light-blue {
    inset: auto 0% 0%;
  }

  .support-button {
    margin-bottom: 5px;
  }

  .menu-button-5 {
    background-image: linear-gradient(132deg, #1b3254, #1b3254 57%);
  }

  .menu-button-5.w--open {
    color: #000;
  }

  .nav-menu-13 {
    flex-direction: column;
    display: flex;
  }

  .iphone-holder.cta {
    width: 100%;
    margin-top: 2em;
  }

  .grid-10-columns {
    grid-template-columns: 1fr 1fr;
  }

  .container-83 {
    padding-top: 0;
    padding-bottom: 2rem;
  }

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

  .button-100 {
    margin-bottom: 5px;
  }

  .button-100.btn-subscribe {
    margin-right: 0;
    bottom: 0;
  }

  .subscribe-form-flex-4 {
    flex-direction: column;
    align-items: stretch;
  }

  .subscribe-form-input-wrapper-4 {
    margin-right: 0;
  }

  .container-85 {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .demo-form_block {
    width: 100%;
  }

  .oversized-quotation {
    font-size: 36px;
    line-height: 1.2;
  }

  .image-79 {
    top: 591px;
  }

  .trusted-item-3 {
    margin-bottom: 3em;
  }

  .container-86 {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .grid-6 {
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 80px;
  }

  .section_home-faq {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-feature-content {
    grid-template-columns: 1fr 1fr;
  }

  .section-large, .section-pricing-cta {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading-3 {
    font-size: 44px;
  }

  .section-large-3 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column, .feature-card-grid-top, .feature-card-grid-bottom {
    grid-template-columns: 1fr;
  }

  .super-text {
    font-size: 27.5vw;
  }

  .hero-text-parent {
    bottom: -7%;
  }

  .scroll-h-child {
    flex: 0 auto;
  }

  .scroll-h-child.flex-cc.end {
    margin-bottom: 2rem;
  }

  .slide-prev.desktop-arrow {
    display: none;
  }

  .slide-prev.mobile-prev {
    width: 100%;
    height: 100%;
  }

  .inner-swipe {
    z-index: 1;
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    display: grid;
    position: absolute;
    top: 0;
    left: 0;
  }

  .slide-item-wrapper {
    border-radius: 0;
    width: 100vw;
    height: 100%;
  }

  .content-wrapper-6, .image-82 {
    object-fit: cover;
  }

  .slide-next.mobile-next {
    width: 100%;
    height: 100%;
  }

  .slide-next.desktop-arrow {
    display: none;
  }

  .wrapper-6 {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .slide-item {
    border-radius: 0;
    width: 100vw;
    height: 100%;
    transform: scale(1);
  }

  .div-organized-produce {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .section-silent-tongue {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .div-court-sight {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .h1-mysterious-somewhere {
    font-size: 3.75rem;
    line-height: 1;
  }

  .p-calm-independent {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  ._2-column-page {
    flex-direction: column;
  }

  .div-mix-advice, .div-give-village {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .h1-death-remarkable {
    font-size: 3.75rem;
    line-height: 1;
  }

  .form-limited-friend {
    background-color: #0000;
  }

  .div-coat-dear {
    background-color: #fff;
    border-width: 2px;
    border-color: #0000;
    border-radius: 9999px;
    padding: .5rem;
  }

  .div-tales-here {
    flex-direction: row;
  }

  .input-sky-opinion {
    text-align: left;
  }

  .a-torn-noun {
    width: auto;
    margin-top: 0;
    margin-left: 1rem;
  }

  .div-carefully-lion {
    padding: 1.5rem;
  }

  .hero-grid_unlocks-shoe {
    width: 150px;
    margin-left: -10px;
  }

  .hero-grid-block {
    flex: 1;
    padding: 20px;
  }

  .button-arrow-2.small {
    min-width: 100px;
    height: 34px;
    font-size: 14px;
  }

  .hero-logo {
    width: 180px;
  }

  .hero-heading-3 {
    margin-bottom: 20px;
    font-size: 50px;
  }

  .hero-h3-heading {
    font-size: 18px;
  }

  .hero-h2-heading {
    font-size: 42px;
  }

  .hero-paragraph-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-dollar-indeed {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .div-direct-perfect {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .section-frequently-join {
    padding-bottom: 4rem;
  }

  .div-become-bent {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .div-tent-met {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-couple-happen {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .h1-team-nation {
    font-size: 3rem;
    line-height: 1;
  }

  .img-weather-work, .img-uncle-consist {
    width: 3.5rem;
    height: 3.5rem;
  }

  .input-taken-teeth, .a-correctly-she {
    padding-top: .875rem;
    padding-bottom: .875rem;
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .div-rocket-begun {
    margin-top: 3rem;
  }

  .providers {
    justify-content: center;
    align-items: stretch;
    width: 2.5rem;
  }

  .pro-img {
    max-width: none;
  }

  .pro-img.border-accent-1, .pro-img.border-primary {
    display: block;
  }

  .grid-7 {
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  }

  .container-87 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .blog-hero-header {
    padding-left: 0;
    padding-right: 0;
    bottom: 0;
    left: 0;
  }

  .blog-hero-container {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
  }

  .blog-hero-h1-header {
    padding-right: 0;
    font-size: 45px;
  }

  .blog-eyebrow.theme-1-text-c {
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-text-box.theme-1-text-c {
    color: #757575;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 13.5px;
    line-height: 15.5px;
  }

  .feature-card-7-image-2, .feature-card-7-media-2 {
    min-height: 10rem;
  }

  .video-card-1-body-container-2 {
    align-items: flex-start;
  }

  .video-card-1-body-2 {
    text-align: left;
    align-items: flex-start;
    padding-top: 2.25rem;
  }

  .feature-card-7-header-link-2 {
    bottom: 1.5rem;
    left: 1.5rem;
  }

  .blog-hero-h1-eyebrow {
    padding-right: 0;
    font-size: 11.5px;
  }

  .blog-slider_wrapper {
    padding-top: 55px;
  }

  .builder_feature-5_ui-section_header1 {
    transform-origin: 50% 67%;
    transform: scale(.35);
  }

  .builder_feature-4-left {
    grid-row-gap: 2rem;
  }

  .builder_feature-3-left {
    text-align: center;
    padding: 1.5rem;
  }

  .builder_feature-card.feature-2 {
    flex-direction: column;
    align-items: center;
  }

  .builder_feature-card.feature-4 {
    flex-direction: column;
  }

  .builder_feature-card.feature-11 {
    flex-direction: column;
    align-items: stretch;
  }

  .builder_feature-4_ui-left {
    margin-right: 3rem;
  }

  .builder_feature-11_ui {
    grid-column-gap: 1rem;
  }

  .builder_feature-grid-6 {
    grid-template-columns: 1fr;
  }

  .site-builder-form-icon {
    top: 1.75rem;
  }

  .builder_feature-grid-2 {
    grid-template-columns: 1fr;
  }

  .text-size-large-8 {
    font-size: 1.125rem;
  }

  .builder_feature-8_ui-block {
    grid-row-gap: 4.5rem;
  }

  .builder_feature-8_ui-bottom {
    width: 80%;
  }

  .builder_feature-4_ui-right {
    padding-top: 2rem;
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .sb-header_play-button {
    width: 4rem;
  }

  .builder_feature-4-left-top {
    text-align: center;
    align-items: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
  }

  .site-builder-text-field {
    height: 3.5rem;
  }

  .builder_feature-bottom.feature-11 {
    flex: 0 auto;
  }

  .builder_feature-bottom.feature-7 {
    align-items: center;
  }

  .site-builder-form {
    flex-direction: column;
  }

  .logo1_logo {
    max-height: 3rem;
  }

  .heading-huge-2 {
    font-size: 2.125rem;
  }

  .builder_feature-5_ui {
    padding-top: 3rem;
  }

  .sb-header-ai-text {
    background-size: 18px;
    margin-right: -1rem;
    padding-right: 1rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .builder_feature-3-right {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .logo1_component {
    padding-top: 1rem;
  }

  .star-pattern-layer {
    height: 240px;
  }

  .heading-large-6 {
    font-size: 1.875rem;
  }

  .builder_feature-2_ui-block {
    max-height: 24rem;
  }

  .builder_feature-top {
    padding: 1.5rem;
  }

  .builder_feature-top.feature-11 {
    text-align: center;
    align-self: center;
  }

  .uk-overlay-image {
    max-width: 100%;
    margin-top: -73px;
    padding-left: 10px;
    padding-right: 10px;
    top: 591px;
  }

  .feature-background-image_uk {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6757cffd82af58acebe76969_friends-trail-running-in-the-mountains.jpg");
    background-position: 50% 0;
    background-size: cover;
    max-height: 680px;
    padding-top: 50em;
  }

  .eyebrow-20-copy.theme-1-text-c, .eyebrow-20-copy.theme-1-text-uk, .eyebrow-20-copy.theme-1-text-uk-2 {
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-50-uk.theme-1-text-c {
    color: #757575;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 13.5px;
    line-height: 15.5px;
  }

  .heading-100-uk {
    font-size: 48px;
    line-height: 56px;
  }

  .heading-100-uk.theme-1-text-a {
    font-size: 38px;
    line-height: 1.1em;
  }

  .slack-access-text-uk {
    color: #bec3cc;
  }

  .avatar-image-uk {
    max-width: none;
  }

  .avatar-image-uk.border-accent-1, .avatar-image-uk.border-primary {
    display: block;
  }

  .navbar_divider {
    display: none;
  }

  .navbar_flex {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .image_grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .navbar_menu {
    margin-left: auto;
  }

  .swiper-slide-8 {
    width: 100%;
  }

  .footer__follow {
    text-align: center;
    margin-top: 22px;
  }

  .footer__soc-link {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer__copyright-logo {
    width: 30px;
  }

  .remodal.remodal--global {
    max-width: 30rem;
    height: 100%;
  }

  .remodal__content {
    padding: 6rem 1.5rem 3.5rem;
  }

  .remodal__close {
    top: 1rem;
  }

  .footer__social {
    margin-bottom: 24px;
  }

  .health-team-images {
    justify-content: flex-start;
    align-items: stretch;
    width: 2.5rem;
  }

  .profile-image {
    max-width: none;
  }

  .profile-image.border-accent-1, .profile-image.border-primary {
    display: block;
  }

  .health-team {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .swiper-slide-9 {
    width: 100%;
  }

  .builder_feature-card-2.feature-2 {
    flex-direction: column;
    align-items: center;
  }

  .builder_feature-card-2.feature-4 {
    flex-direction: column;
  }

  .builder_feature-card-2.feature-11 {
    flex-direction: column;
    align-items: stretch;
  }

  .text-size-large-9 {
    font-size: 1.125rem;
  }

  .site-builder-text-field-2 {
    height: 3.5rem;
  }

  .site-builder-form-2 {
    flex-direction: column;
  }

  .heading-huge-3 {
    font-size: 2.125rem;
  }

  .heading-large-7 {
    font-size: 1.875rem;
  }

  .h2-heading-5 {
    font-size: 48px;
  }

  .section-large-4 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .pricing-grid-large {
    grid-template-columns: 1fr;
  }

  .ths08-logo-separator {
    background-color: var(--neon-green);
  }

  .ths08-logo-text {
    letter-spacing: -1px;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 800;
  }

  .heading-198 {
    font-size: 46px;
  }

  .image-cta {
    width: auto;
    max-width: 100%;
  }

  .image-86 {
    width: 100%;
    overflow: visible;
  }

  .button-secondary-2 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .button-secondary-2:hover {
    color: #344054;
    background-color: #fff;
  }

  .layout-list-item {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }

  .hero-subheading {
    font-size: 46px;
  }

  .testimonial-cms-item {
    width: 100%;
  }

  .section-51 {
    padding: 60px 15px;
  }

  .button-row {
    align-self: stretch;
  }

  .feature-card-image {
    opacity: .4;
  }

  .header-image-wrapper {
    justify-content: center;
    align-items: flex-start;
    min-height: auto;
    display: flex;
  }

  .button-106 {
    font-size: 1rem;
  }

  .button-106:hover {
    background-color: #7f56d9;
    border-color: #7f56d9;
  }

  .cta-layout {
    min-height: 490px;
  }

  .hero-heading-4, .h1-heading-stats {
    font-size: 46px;
  }

  .header-section {
    flex-flow: column;
    margin-top: 126px;
    padding-left: 60px;
    padding-right: 0;
  }

  .right-frame {
    flex-flow: row;
    margin-top: 20px;
    margin-left: 0;
    padding-left: 0;
  }

  .feature-image-2 {
    width: 500px;
    min-height: 700px;
  }

  .content-style-21 {
    grid-row-gap: 0px;
  }

  .content-style-22 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-bold-header {
    font-size: 44px;
  }

  .text-380 {
    font-size: 14.5px;
    line-height: 1.25em;
  }

  .floating-product-image {
    max-width: 100%;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    top: 152px;
  }

  .f6-background-box {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6757cffd82af58acebe76969_friends-trail-running-in-the-mountains.jpg");
    background-position: 50% 100%;
    background-size: cover;
    height: 325px;
    max-height: none;
    padding-top: 0;
  }

  .content-style-23 {
    width: 80%;
  }

  .feature-cards-container {
    width: 100%;
  }

  .feature-cards-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    justify-items: center;
  }

  .section-large-5 {
    padding-top: 72px;
    padding-bottom: 72px;
    overflow: hidden;
  }

  .h2-heading-6 {
    font-size: 40px;
  }

  .h4-heading {
    font-size: 1.08rem;
  }

  .section-52 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .eyebrow-2 {
    font-size: .8rem;
  }

  .libraries-howitworks_tabs-menu-2 {
    display: none;
    position: relative;
    top: 0;
  }

  .libraries-howitworks_tab-link-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .875rem;
  }

  .heading-huge-4 {
    font-size: 2.125rem;
  }

  .page-padding-9 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .content-grid-2 {
    grid-template-columns: 1fr;
  }

  .section-large-6 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-header-titles {
    width: 100%;
    font-size: 26px;
  }

  .wearable-carousel {
    text-align: left;
    align-items: flex-start;
    padding-top: .125rem;
  }

  .block-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .blocks-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .product-highlight-blocks {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .product-highlight-1 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 2rem .125rem 0;
    display: grid;
  }

  .product-highlight-2 {
    padding-top: 2rem;
  }

  .bold-block_chart-image {
    width: 80%;
    margin-top: -26px;
  }

  .content-style-28 {
    text-align: center;
  }

  .product-1-image.is-4 {
    width: 100%;
    max-width: 22rem;
  }

  .product-1-image.is-1 {
    width: 100%;
    max-width: 20rem;
  }

  .product-1-image-insert {
    width: 100%;
  }

  .section-6-container {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
    grid-auto-flow: column;
    justify-items: stretch;
  }

  .accordion-arrow-wrap---brix {
    width: 40px;
    min-height: 40px;
  }

  .question-response {
    max-width: 100%;
    font-size: 13.5px;
    line-height: 1.5;
  }

  .cloneable-container-default-3 {
    padding: 80px 24px;
  }

  .question-text {
    max-width: 80%;
    font-size: 16px;
  }

  .accordion-item---brix.accordion-1---brix {
    margin-bottom: 16px;
    padding: 32px;
  }

  .gradient-text, .hero-text-5 {
    font-size: 35px;
  }

  .big-hero-text {
    font-size: 70px;
  }

  .section-features {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .banner-header-title {
    font-size: 34px;
  }

  .home-bottom-banner {
    max-height: 70rem;
  }

  .bottom-banner-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .banner-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  ._2025-sportos-nav {
    min-height: 4rem;
  }

  .sport0snav_button {
    display: none;
  }

  .howitworks_image {
    width: 100%;
    height: auto;
    margin-left: auto;
    padding-top: 62.5%;
    position: relative;
  }

  .mfooter-container {
    grid-template-columns: 1fr;
  }

  .faqs-acc-body-container {
    max-width: 60ch;
  }

  .cloneable__item {
    min-width: 0;
    max-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .section-hero {
    min-height: 93vh;
  }

  .slider.clip {
    max-width: none;
  }

  .slide-content.flex-bottom {
    padding-top: 60vw;
    padding-bottom: 100px;
  }

  .slide-heading {
    font-size: 40px;
  }

  .slide-heading.xl {
    font-size: 60px;
  }

  .section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .nav-content {
    grid-template-columns: 1fr 1fr;
  }

  .default-state {
    height: 100%;
  }

  .cart-footer {
    padding-top: 18px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .cart-top {
    padding: 9px 24px;
  }

  .cart-item-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .cart-list {
    margin-left: 24px;
    margin-right: 12px;
  }

  .cart-line-item {
    margin-bottom: 24px;
    padding-bottom: 18px;
  }

  .cart-container {
    width: 93%;
    min-width: auto;
  }

  .quantity-cart-item {
    margin-bottom: 9px;
  }

  .cart-item-top {
    margin-bottom: 24px;
  }

  .stacked-content, .stacked-content.medium.centered {
    grid-row-gap: 36px;
  }

  .stacked-content.small {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-auto-flow: column;
    place-content: space-between flex-start;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    display: block;
  }

  .card-info {
    padding-left: 12px;
    padding-right: 12px;
  }

  .card-image.extra-large {
    height: 120vw;
  }

  .card-image.large {
    height: 75vw;
  }

  .related-products {
    padding-left: 5vw;
    overflow: auto;
  }

  .action-heading-wrapper {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .dual-button {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }

  .product-mask {
    width: 90%;
  }

  .dark-slide-arrow {
    width: 40px;
    height: 40px;
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .heading {
    font-size: 26px;
  }

  .heading.large {
    font-size: 32px;
  }

  .heading.small {
    font-size: 20px;
  }

  .heading.extra-large {
    font-size: 38px;
  }

  .basic-slide-wrapper {
    min-height: 70vw;
    padding: 36px 24px;
  }

  .footer-content {
    grid-row-gap: 36px;
  }

  .shop-hero {
    min-height: 350px;
    padding-top: 160px;
    padding-bottom: 48px;
  }

  .tab-bottom-content {
    padding: 36px 24px;
  }

  .shop-grid {
    grid-row-gap: 18px;
    grid-template-columns: 100%;
    grid-auto-flow: row;
    align-items: stretch;
  }

  .instagram-grid {
    grid-template-columns: 1fr 1fr;
  }

  .instagram-image {
    min-height: 48vw;
  }

  .instagram-image.middle {
    min-height: 20vw;
  }

  .product-showcase {
    overflow: hidden;
  }

  .showcase-products.single-column {
    padding-left: 0;
    padding-right: 0;
  }

  .flying-image-wrapper {
    width: 90vw;
    height: 80vw;
  }

  .flying-image-item {
    width: 55vw;
    height: 55vw;
  }

  .about-us-hero {
    min-height: auto;
  }

  .hero-image-wrapper {
    min-width: 50vw;
    min-height: 65vw;
  }

  .dual-column {
    padding-top: 72px;
  }

  .half-image {
    height: 80vw;
    min-height: 275px;
  }

  .half-content {
    padding-top: 0;
    padding-bottom: 48px;
  }

  .half-content.right {
    padding-top: 48px;
  }

  .checkout-grid {
    grid-row-gap: 36px;
  }

  .checkout-right {
    padding: 30px 24px 80px;
  }

  .checkout-banner {
    min-height: 100px;
    padding-bottom: 36px;
  }

  .checkout-component {
    padding: 30px 24px;
  }

  .contact-hero {
    padding-bottom: 48px;
  }

  .dual-contact {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .contact-form-base {
    padding: 36px 24px;
  }

  .footer-grid {
    grid-template-rows: auto;
    padding-bottom: 12px;
  }

  .footer-navigation {
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
  }

  .legal-text {
    grid-row-gap: 6px;
    grid-template-rows: auto;
  }

  .discount-text {
    margin-top: -1px;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
  }

  .large-collection-item {
    min-width: 85vw;
  }

  .section-banner {
    min-height: 300px;
  }

  .story-image {
    width: 30vw;
    height: 45vw;
  }

  .story-content {
    margin-top: -18px;
  }

  .faq-right {
    padding-top: 36px;
    padding-right: 5vw;
  }

  .shop-collection-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: flex-start;
    place-items: stretch center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .search-result-input {
    min-width: 65vw;
  }

  .search-result-hero {
    padding-top: 120px;
    padding-bottom: 36px;
  }

  .size-guide-bottom {
    padding: 24px 9px 12px;
  }

  .filter-bar {
    padding-top: 48px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .error-message {
    margin-left: 24px;
    margin-right: 24px;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .screen-2 {
    border-radius: 1.2em;
    width: 89%;
    height: 98%;
  }

  .screen-2._3 {
    border-radius: 1.3em;
  }

  .hero-image-2 {
    padding-right: 253px;
  }

  .hero-paragraph-2 {
    margin-bottom: 40px;
    font-size: 13px;
    font-weight: 400;
  }

  .hero-description {
    margin-left: 27px;
    margin-right: 27px;
    padding-left: 0;
    padding-right: 0;
  }

  .page-wrapper-2 {
    overflow: hidden;
  }

  .instagram-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .hero-section-2 {
    padding-bottom: 50px;
  }

  .cta-holder {
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 1em;
  }

  .dark-slide-arrow-copy {
    width: 40px;
    height: 40px;
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .section-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .small-title-2 {
    font-size: 2em;
  }

  .ellipses-holder._30-opacity {
    padding-left: 0;
  }

  .hero-text-holder-3 {
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
  }

  .h2-2 {
    margin-bottom: 35px;
    font-size: 2.1em;
  }

  .heading-2 {
    font-size: 26px;
  }

  .heading-2.large {
    font-size: 32px;
  }

  .iphone-lock-screen-image {
    border-radius: 30px;
  }

  .dark-slide-arrow-fix {
    width: 40px;
    height: 40px;
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .dark-slide-arrow-fix.left {
    margin-left: -2vw;
    margin-right: -2vw;
    display: flex;
  }

  .dark-slide-arrow-2 {
    width: 40px;
    height: 40px;
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .product-phone-content {
    inset: 26px 27px;
  }

  .heading-21 {
    text-align: left;
    letter-spacing: 2px;
    height: auto;
    margin-top: 30px;
    padding-top: 0;
    padding-left: 0;
    font-size: 12px;
  }

  .small-container {
    margin-bottom: 0;
  }

  .stacked-intro-2 {
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .stacked-intro-2.small {
    justify-items: start;
    padding-right: 0;
  }

  .stacked-intro-2.large.centered {
    padding-left: 0;
  }

  .background-video {
    z-index: 1;
    inset: 0%;
  }

  .small-title {
    font-size: 2em;
  }

  .container-21 {
    max-width: 99%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .container-21.sticky.mobile {
    height: auto;
  }

  .product-phone-image-holder {
    width: 300px;
  }

  .subtitle---brix-copy {
    font-size: 16px;
    line-height: 24px;
  }

  .ig-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .hero-product-demo {
    height: 80vh;
  }

  .mobile-section.mobile {
    height: 5500px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .slider-arrow-2 {
    align-self: auto;
  }

  .screenshot-2 {
    border-radius: 20px;
  }

  .section-hero-2 {
    min-height: 93vh;
  }

  .dual-button-2 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-wrap: wrap;
    grid-template-columns: 1fr;
    display: flex;
  }

  .sticky-wrapper-main {
    justify-content: center;
  }

  .sticky-content._3 {
    width: 275px;
    margin-left: 25px;
    margin-right: 25px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .slide-arrow-2.left {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #0000;
    flex-direction: row;
    width: 48px;
    padding: 0;
    display: flex;
  }

  .slide-arrow-2.right {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #0000;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .main-heading {
    letter-spacing: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 9px;
    padding-left: 0;
    padding-right: 0;
    font-size: 50px;
    line-height: 42px;
  }

  .slider-arrow-wrapper-2 {
    padding-top: 0;
  }

  .frame {
    border-radius: 36px;
    width: 200px;
    height: 400px;
  }

  .subtitle---brix {
    font-size: 16px;
    line-height: 24px;
  }

  .phone-wrapper {
    overflow: visible;
  }

  .slide-heading-2 {
    margin-top: 40px;
    font-size: 40px;
    line-height: 1.1em;
  }

  .slide-heading-2.xl {
    font-size: 60px;
  }

  .hero-text {
    font-size: 80px;
  }

  .hero-text._2 {
    font-size: 87px;
  }

  .hero-text._1 {
    font-size: 85px;
  }

  .instagram-grid-3 {
    grid-template-columns: 1fr 1fr;
  }

  .section-5 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .small-title-3 {
    font-size: 2em;
  }

  .heading-22 {
    text-align: left;
    letter-spacing: 2px;
    height: auto;
    margin-top: 30px;
    padding-top: 0;
    padding-left: 0;
    font-size: 12px;
  }

  .stacked-intro-3 {
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .stacked-intro-3.small {
    justify-items: start;
    padding-right: 0;
  }

  .slider-arrow-3 {
    align-self: auto;
  }

  .slider-arrow-wrapper-3 {
    padding-top: 0;
  }

  .instagram-grid-4 {
    grid-template-columns: 1fr 1fr;
  }

  .section-8 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .small-title-4 {
    font-size: 2em;
  }

  .heading-23 {
    font-size: 26px;
  }

  .heading-23.large {
    font-size: 32px;
  }

  .stacked-intro-4 {
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .stacked-intro-4.small {
    justify-items: start;
    padding-right: 0;
  }

  .small-title-5 {
    font-size: 2em;
  }

  .slider-arrow-4 {
    align-self: auto;
  }

  .slider-arrow-wrapper-4 {
    padding-top: 0;
  }

  .navmenu__dropdown-section-link {
    flex-direction: column;
  }

  .navmenu__dropdown-right {
    padding-top: 28px;
    padding-bottom: 12px;
  }

  .error-message-2 {
    margin-left: 24px;
    margin-right: 24px;
  }

  .quantity-cart-item-2 {
    margin-bottom: 9px;
  }

  .cart-footer-2 {
    padding-top: 18px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .navmenu__dropdown-left {
    padding-bottom: 32px;
  }

  .right-nav-2 {
    grid-column-gap: 0px;
    justify-content: center;
    width: auto;
    margin-right: 0;
  }

  .cart-wrapper-2 {
    grid-template-columns: 1fr;
    height: 0;
  }

  .heading-24 {
    font-size: 26px;
  }

  .heading-24.small {
    font-size: 20px;
  }

  .brand-logo-2 {
    width: 100%;
  }

  .stacked-intro-5 {
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .burgermenu {
    width: 35px;
    height: 60%;
    padding-left: 5px;
    display: flex;
  }

  .cart-top-2 {
    padding: 9px 24px;
  }

  .navmenu__dropdown-section-list {
    grid-row-gap: 24px;
  }

  .navmenu__dropdown-section-link-description-2 {
    margin-top: 4px;
  }

  .navmenu__dropdown-container.cc-mobile {
    min-height: auto;
  }

  .new-nav {
    position: fixed;
  }

  .brand-copy.w--current {
    width: 45%;
    margin-left: -137px;
    margin-right: -137px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .navmenu__dropdown {
    height: auto;
    min-height: auto;
    display: none;
    overflow: auto;
  }

  .navmenu__dropdown.w--open {
    position: absolute;
  }

  .navmenu__content-block-overlay-2, .navmenu__dropdown-grid-2 {
    min-height: auto;
  }

  .dynamic-quantity-2 {
    display: none;
  }

  .cart-list-2 {
    margin-left: 24px;
    margin-right: 12px;
  }

  .navmenu__dropdown-block-2 {
    border-bottom-width: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .navmenu__dropdown-section-link-icon {
    margin-bottom: 24px;
    transform: none;
  }

  .nav-link-2 {
    border-bottom: 0 #0000;
  }

  .newsletter_wrapper {
    padding-right: 0;
  }

  .section-11 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .footer-grid-2 {
    grid-template-rows: auto;
    padding-bottom: 12px;
  }

  .newsletter_email {
    width: 100%;
    height: 75%;
  }

  .heading-25 {
    font-size: 26px;
  }

  .heading-25.large {
    font-size: 32px;
  }

  .slider-arrow-5 {
    align-self: auto;
  }

  .testimonial-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .stacked-intro-6 {
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .quantity-cart-item-3 {
    margin-bottom: 9px;
  }

  .right-nav-3 {
    grid-column-gap: 0px;
    grid-row-gap: 2px;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-right: 0;
    font-size: 12px;
  }

  .cart-wrapper-3 {
    grid-template-columns: 1fr;
    height: 0;
  }

  .heading-26 {
    font-size: 26px;
  }

  .heading-26.small {
    font-size: 20px;
  }

  .heading-26.large {
    font-size: 32px;
  }

  .brand-logo-3 {
    width: 100%;
  }

  .stacked-intro-7 {
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .login-brand {
    width: 100%;
  }

  .p-14-copy {
    text-align: right;
  }

  .wrapper-2 {
    align-items: center;
    height: 100vh;
    max-height: none;
    padding-top: 100px;
  }

  .right {
    height: auto;
    min-height: 80vh;
    margin-bottom: 220px;
    padding-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .link-4.w--current {
    text-align: right;
  }

  .or-wrap {
    margin-bottom: 20px;
  }

  .container-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .p-14 {
    text-align: left;
  }

  .form-5 {
    padding: 20px;
  }

  .section-12 {
    min-height: auto;
    max-height: none;
    padding-top: 15px;
    padding-bottom: 15px;
    display: none;
  }

  .form-block-5 {
    height: 100%;
  }

  .form-9 {
    padding: 20px;
  }

  .hero-image-wrapper-2 {
    width: 0;
    min-width: 0;
    max-width: none;
  }

  .abouthero-text-2 {
    font-size: 10vw;
  }

  .abouthero-text {
    top: 45vh;
  }

  .abouthero-text-1 {
    font-size: 10vw;
  }

  .bg-video {
    text-align: left;
    align-self: auto;
    width: auto;
    min-width: 200px;
    max-width: none;
    height: auto;
    margin-right: 0;
  }

  .quantity-cart-item-4 {
    margin-bottom: 9px;
  }

  .black-logo-svg {
    width: 100%;
  }

  .stacked-intro-8 {
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .black-brand.w--current {
    width: auto;
    margin-left: -137px;
    margin-right: -137px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-top-content {
    margin-top: 60px;
  }

  .text-block-27 {
    line-height: 40px;
  }

  .contact-form-container {
    margin-top: 0;
    margin-bottom: 0;
  }

  .input-label {
    margin-bottom: 40px;
  }

  .text-block-19 {
    justify-content: center;
    align-items: center;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    display: flex;
  }

  .subscribe-form {
    margin-left: 0;
    padding-left: 94px;
    padding-right: 94px;
  }

  .button-13.btn-subscribe {
    border-width: 0;
    border-radius: 10px;
    width: 100%;
    height: 50px;
    margin-top: 5px;
    margin-bottom: 0;
    position: relative;
    top: 0;
    right: 0;
  }

  .grey-text-2 {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 13.5px;
    display: flex;
  }

  .subscribe-form-input-wrapper-2 {
    flex: 1;
    align-self: stretch;
    margin-left: -75px;
    margin-right: -75px;
    padding-right: 0;
  }

  .powered-by {
    align-self: center;
    width: 320px;
    margin-top: .5em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 23px;
    display: block;
  }

  .heading-display {
    font-size: 38px;
  }

  .social-media-content {
    flex-direction: row;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: block;
  }

  .footer-social-media-container {
    flex-direction: column;
  }

  .footer-brand-content {
    flex-direction: column;
    margin-left: -32px;
    padding-left: 0;
  }

  .rich-text-block {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-gradient-2 {
    margin-left: 0;
    font-size: 24px;
    line-height: 32px;
  }

  .social-media-link {
    margin-left: 0;
    padding-left: 46px;
    padding-right: 0;
  }

  .container-11 {
    margin-bottom: -41px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-2 {
    text-align: left;
  }

  .made-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-1a-3 {
    float: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 7px;
    padding-right: 7px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .light-grey {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: block;
  }

  .form-input {
    width: 100%;
    min-width: auto;
  }

  .form-input.subscribe-input {
    border-radius: 10px;
    height: 60px;
    font-size: 14px;
  }

  .form-input.subscribe-input::placeholder {
    white-space: normal;
    font-size: 11px;
    font-style: italic;
  }

  .external-link {
    padding-right: 26px;
  }

  .fade-in-on-scroll-4 {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .loading-huge-text {
    letter-spacing: -5px;
    font-size: 20vw;
  }

  .content-wrapper-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .show-note-card-collection {
    grid-template-columns: 1fr;
  }

  .username-wrapper {
    flex-wrap: wrap;
  }

  .main-hero__l {
    margin-top: 0;
  }

  .change-date {
    display: none;
  }

  .h4 {
    margin-bottom: 5px;
  }

  .menu-text {
    display: none;
  }

  .menu-icon-2 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .main-items {
    width: 95%;
  }

  .events {
    width: 100%;
  }

  .collection-list {
    grid-template-columns: minmax(100px, 1fr);
  }

  .meetup-column {
    padding-bottom: 0;
  }

  .main-wrapper {
    flex-direction: column;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .statistics-l {
    padding-left: 15px;
    padding-right: 15px;
  }

  .form-border.upgrade-modal {
    text-align: left;
    text-align: left;
    min-width: auto;
  }

  .image-20, .swiper-bullet-wrapper.is-slider-main {
    display: none;
  }

  .section_hero-bg {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6608c9f29296b283f04cd05f_Triathletes-training-on-sunset-beach.jpg");
    background-position: 84%;
    background-size: cover;
  }

  .swiper-slide.is-places {
    width: 100%;
  }

  .button-group-2.is-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .text-size-large {
    color: silver;
    font-size: 14px;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .swiper-drag-wrapper.is-slider-main {
    height: .625rem;
  }

  .show-note-card {
    padding-left: 30px;
    padding-right: 30px;
  }

  .card-heading-2 {
    margin-top: 0;
  }

  .coming-up {
    display: none;
  }

  .card-heading {
    margin-top: 0;
  }

  .left-2 {
    width: 100%;
    min-height: 150px;
  }

  .ebook-card.thin.transition-trigger {
    flex-direction: column;
  }

  .right-2 {
    width: 100%;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .card-heading-3 {
    margin-top: 0;
  }

  .form-border-copy.upgrade-modal {
    text-align: left;
    min-width: auto;
  }

  .faq-answer {
    object-fit: fill;
  }

  .abouthero-text-3 {
    top: 45vh;
  }

  .abouthero-text-4 {
    font-size: 10vw;
  }

  .badge-primary {
    padding: 14px 22px;
    font-size: 16px;
    line-height: 18px;
  }

  .badge-primary.small {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .small-title-6 {
    font-size: 2em;
  }

  .container-18 {
    max-width: 99%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .small-title-7 {
    font-size: 2em;
  }

  .container-22, .container-23 {
    max-width: 99%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .container-23.sticky.mobile {
    height: auto;
  }

  .nav-wrapper-2.left {
    display: none;
  }

  .bg-video-border-wrapper {
    border-top-width: 25vw;
    border-bottom-width: 25vw;
  }

  .sun-icon {
    width: 75vw;
  }

  .outline-heading, .filled-heading {
    text-align: center;
  }

  .statistics-r {
    grid-template-columns: 1fr;
  }

  ._3-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .info-flex {
    padding-left: 25px;
  }

  .places-card_heading-text {
    font-size: 1.125rem;
  }

  .places-card_desc-text {
    margin-bottom: 0;
  }

  .newsletter_input-blog {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .button-submit-blog {
    width: 100%;
    height: 75%;
    max-height: 100%;
  }

  .button-submit-blog:hover {
    background-color: var(--neon-green);
    color: var(--black);
  }

  .card-heading-4 {
    margin-top: 0;
  }

  .big-header {
    font-size: 30px;
    line-height: 38px;
  }

  .title-small.white {
    font-size: 13px;
  }

  .heading-32 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
  }

  .main-post-wrapper {
    margin-bottom: -41px;
    padding-left: 0;
    padding-right: 0;
  }

  .category-holder {
    margin-bottom: 20px;
  }

  .description-holder {
    align-self: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .profile-block-header {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .profile-picture {
    width: 15%;
  }

  .category-text {
    line-height: 14px;
  }

  .category-text:hover {
    color: #fff;
  }

  .text-center {
    align-items: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-body-wrapper {
    float: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 7px;
    padding-right: 7px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .fade-in-on-scroll {
    align-self: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
  }

  .grid-2-columns-2.author-box---brix {
    grid-column-gap: 56px;
    grid-row-gap: 26px;
  }

  .subtitle---brix-2 {
    font-size: 16px;
    line-height: 18px;
  }

  .button-primary {
    padding: 15px 34px 16px;
  }

  .mg-bottom-12px {
    margin-bottom: 8px;
  }

  .container-default-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading-size-1 {
    font-size: 42px;
    line-height: 54px;
  }

  .topic-title {
    font-size: 16px;
    line-height: 18px;
  }

  .ellipse-left {
    width: 320px;
    height: 350px;
    top: 30%;
    left: -60%;
  }

  .category-list-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .grey-text-3 {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .simple-blog-posts-holder {
    overflow: visible;
  }

  .grid-9-col {
    grid-template-columns: 1fr 1fr;
  }

  .section-13 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .ellipse-right {
    width: 350px;
    height: 350px;
    top: 30%;
    left: 75vw;
    right: auto;
  }

  .category-list {
    flex-flow: column wrap;
    align-items: flex-start;
  }

  .fade-in-on-scroll-5 {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .container-12 {
    margin-bottom: -41px;
    padding-left: 0;
    padding-right: 0;
  }

  .simple-collection-list {
    border-radius: 10px;
    grid-template-columns: 1fr;
    grid-template-areas: ".";
    grid-auto-flow: row;
    place-items: stretch stretch;
  }

  .section-1a-4 {
    float: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 7px;
    padding-right: 7px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .filter-holder {
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .blog-post-holder {
    background-color: #fff0;
    border-radius: 10px;
    flex-direction: column;
    align-items: center;
  }

  .heading-34 {
    line-height: 22px;
  }

  .blog-description-holder-copy {
    padding-top: .125em;
    padding-left: 1em;
    padding-right: 1.1em;
  }

  .blog-item-text-header-2 {
    align-items: center;
    display: block;
  }

  .h1 {
    font-size: 38px;
  }

  .wrap_content-center.mw-800 {
    max-width: 100%;
    display: flex;
  }

  .tabs-content {
    padding-top: 20px;
  }

  .grid_3-1 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .table-field {
    width: 33.1%;
  }

  .pricing-field_sticky {
    width: 100%;
    padding: 15px 21px 15px 15px;
    font-size: 13px;
  }

  .pricing-field_sticky.middle, .pricing-field_sticky.end {
    padding-right: 15px;
  }

  .text_grid-header {
    font-size: 13px;
    display: block;
  }

  .table_pricing-wrap {
    padding-left: 0%;
    padding-right: 0%;
  }

  .table_pricing-field {
    flex: 0 auto;
    align-self: stretch;
    width: 100%;
    height: 100%;
  }

  .grid_outer-chart {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
  }

  .table_field-title {
    text-align: center;
    border-top: 1px solid #333;
    justify-content: center;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .h2 {
    font-size: 30px;
  }

  .table_grid-sticky {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -1px;
    padding-left: 0%;
    padding-right: 0%;
    display: grid;
    overflow: hidden;
  }

  .author-image---brix {
    max-width: 170px;
  }

  .section-16 {
    padding-top: 108px;
    padding-bottom: 108px;
  }

  .card---brix.author-card---brix {
    padding-bottom: 32px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .social-media-item---brix {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .dash_nav-wrap {
    border-radius: 0;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 25px;
    padding-top: 0;
    position: static;
  }

  .dash_page {
    padding-left: 25px;
  }

  .dash_button {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .profile-wrapper, .inbox-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .links-wrap-3 {
    grid-template-columns: 1fr 1fr;
  }

  .right-labele_icon {
    max-width: 250px;
  }

  .personaldash-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .movie-blocks__wrap {
    flex-direction: column;
  }

  .movies-block.margin {
    margin-bottom: 40px;
  }

  .featured-show__item {
    min-height: 450px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabs-menu {
    flex-wrap: wrap;
    display: flex;
  }

  .cell_left-center {
    padding-bottom: 40px;
  }

  .h1-2 {
    font-size: 50px;
  }

  .biowrap {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .profile_image {
    max-width: 60px;
    max-height: 60px;
  }

  .profile_wrapper {
    width: 80px;
    height: 80px;
  }

  .text_wrapper.text_align_center, .content_wrapper.content_align_center {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex_wrapper.flex_center {
    flex-wrap: wrap;
  }

  .spacing_48 {
    height: 32px;
  }

  .expblock {
    padding-left: 10px;
    padding-right: 10px;
  }

  .social-wrapper.flex_center {
    flex-wrap: wrap;
  }

  .section_title {
    text-align: center;
  }

  .graph_bar {
    border-radius: 24px;
    padding: 16px;
  }

  .graph_bar.available {
    font-size: 10px;
    line-height: 130%;
  }

  .externallink-wrap.flex_center {
    flex-wrap: wrap;
  }

  .pg-wrap {
    overflow: visible;
  }

  .content-wrap-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h1-3 {
    font-size: 40px;
  }

  .paragraph-4 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .blog-post-container {
    margin-bottom: -41px;
    padding-left: 0;
    padding-right: 0;
  }

  .simple-collection-list-3 {
    grid-template-columns: 1fr;
  }

  .heading-39 {
    font-size: 16px;
    line-height: 20px;
  }

  .category-holder-3 {
    background-color: #fff0;
    border-radius: 2px;
    display: flex;
  }

  .h1-memberships {
    font-size: 38px;
  }

  .image-wrap {
    height: 200px;
    padding-bottom: 0;
    display: flex;
  }

  .form-block-16 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-24._100w {
    width: 40%;
  }

  .section_big {
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    display: flex;
  }

  .modboxes {
    flex-wrap: wrap;
  }

  .load-logo-2 {
    min-width: 220px;
    top: 12px;
  }

  .load-content {
    min-width: 240px;
    min-height: 350px;
  }

  .load-frame {
    border-width: 5px;
  }

  .tabs-content-3 {
    background-color: #fff;
    padding-top: 40px;
  }

  .blog-tab-menu {
    z-index: 10;
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px 29px;
  }

  .blog-cards-tabs {
    background-color: #fff;
  }

  .blog-nav-tab {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .tab-link-tab-1.w--current {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .tab-link-tab-1.blog-nav-tab {
    margin-top: 0;
    margin-bottom: 0;
  }

  .card {
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog_link {
    height: 350px;
    min-height: auto;
  }

  .blog_image_wrap {
    height: 50%;
  }

  .card_written_content {
    padding-bottom: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordion-item-q-text {
    font-size: 1.1em;
    line-height: 1.3em;
  }

  .cl {
    grid-template-columns: 1fr;
  }

  .div-block-18 {
    margin-top: 0;
    padding-left: 0;
  }

  .swiper-slide-3.is-places {
    width: 100%;
  }

  .swiper-slide-3.is-team {
    width: 80%;
  }

  .places-card_heading-text-2 {
    font-size: 1.125rem;
  }

  .places-card_desc-text-2 {
    margin-bottom: 0;
  }

  .list-header-1 {
    text-align: center;
  }

  .nav-1-menu-header {
    padding-bottom: 2.5rem;
    padding-left: 2rem;
  }

  .section-21 {
    margin-top: 60px;
  }

  .heading-50.theme-1-text-a {
    text-align: center;
    font-size: 24px;
  }

  .heading-100.theme-1-text-a {
    justify-content: center;
    align-items: stretch;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
    line-height: 1.1em;
    display: block;
  }

  .feature-card-7-header {
    flex-flow: column;
    margin-left: 4px;
    margin-right: 4px;
    display: block;
  }

  .list-header-2-tablet {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .video-card-1-controls {
    width: 2.5rem;
    height: 2.5rem;
    bottom: .25rem;
    right: .25rem;
  }

  .slider-1-arrow {
    display: none;
  }

  .nav-1-menu-secondary-link {
    padding-left: 2rem;
  }

  .breadcrumb-1-wrap {
    text-align: left;
    flex-wrap: wrap;
  }

  .feature-card-4-title {
    display: block;
  }

  .text-50 {
    font-size: 16px;
    line-height: 20px;
  }

  .text-50.theme-1-text-c {
    color: #444;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }

  .text-50.tablet-size-is--static {
    padding-right: 10px;
    line-height: 19px;
    display: block;
  }

  .list-header-1-title {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
  }

  .list-header-1-title.heading-50 {
    justify-content: center;
    align-items: flex-start;
  }

  .button-body.is--sm {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 20px;
  }

  .card-16-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .breadcrumb-1-list.theme-3-text-c.text-30.text-weight-is--strong {
    text-align: left;
  }

  .feature-card-5-image {
    min-height: 31.25rem;
  }

  .nav-1-menu-cta {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .eyebrow-20 {
    font-size: 12px;
  }

  .eyebrow-20.theme-1-text-c {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-1-top-list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .video-card-1-link {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .arrow-icon-wrapper.is--theme-1 {
    z-index: 9999;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    position: static;
    top: 40px;
  }

  .nav-1-menu-toggle.is--theme-1 {
    display: block;
  }

  .feature-card-4-body {
    grid-row-gap: 1.75rem;
  }

  .feature-card-5-content {
    padding: 1.25rem 1.25rem 1.5rem;
  }

  .modal-1-active-content {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .video-card-1-body {
    grid-row-gap: 1.75rem;
  }

  .feature-card-7-header-link {
    display: flex;
  }

  .section-video {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section-video.is--huge {
    display: none;
  }

  .template_image, .template_image-2 {
    min-width: 4rem;
  }

  .section_ai-responses.padding-global.padding-section-small.ovf-none {
    padding-left: 1%;
    padding-right: 1%;
  }

  ._2-field-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .testimonial-author.is-auth {
    flex-direction: column;
    align-items: flex-start;
  }

  .template_image-3 {
    min-width: 4rem;
  }

  .navigation-item {
    width: 100%;
    font-size: 12px;
  }

  .navigation-item.logout-link {
    margin-top: 0;
  }

  .navigation-item.profile-nav {
    width: 34px;
    height: 34px;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navigation-icon {
    z-index: 999;
    margin-bottom: 3px;
    font-size: 16px;
  }

  .nav-drop-list-padding {
    background-color: #fff;
    margin-left: 60px;
  }

  .nav-dropdown-list.w--open {
    background-color: #fff0;
    margin-left: 0;
  }

  .exams-container {
    flex-wrap: wrap;
    align-content: stretch;
  }

  .search-bar.hidden {
    flex: 0 auto;
    justify-content: center;
    margin-left: 22px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .float-users-two, .float-users-one {
    align-items: center;
  }

  .toolbar-upgrade-button {
    margin-left: 10px;
  }

  .search-bar-text {
    display: none;
  }

  .upgrade-card-text {
    font-size: 24px;
    line-height: 32px;
  }

  .notifications.hidden {
    display: none;
  }

  .container-29 {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .search-icon-3 {
    margin-right: 0;
  }

  .user-image.hidden {
    width: 34px;
    height: 34px;
    display: block;
  }

  .toolbar {
    flex-direction: row-reverse;
    margin-bottom: 44px;
  }

  .text-block-78 {
    font-size: 10px;
    line-height: 12px;
  }

  .request-wrapper {
    max-width: 100%;
  }

  .paragraph-small.width-60percent {
    width: 100%;
  }

  .form_field-label {
    font-size: 1em;
  }

  .button-34 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 19px;
  }

  .button-34.is--secondary {
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
  }

  .information_footer-links {
    display: none;
  }

  .form_section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-_icon {
    margin-left: 6px;
  }

  .display-1.width-90percent {
    margin-top: 122px;
    margin-bottom: 40px;
    padding-right: 40px;
  }

  .information_section.background-color.neutral-200 {
    background-image: linear-gradient(0deg, #0006, #fff0), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6608c9f29296b283f04cd05f_Triathletes-training-on-sunset-beach.jpg");
    background-position: 0 0, 100% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-right: 0;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-wrapper-video {
    padding-left: 15px;
    padding-right: 15px;
  }

  .button-37.theme-1-fill-a {
    margin-left: 40px;
    margin-right: 40px;
  }

  .container-30 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .container-30.is--huge, .container-30.is--huge.tablet-has--nopadding {
    padding-left: 0;
    padding-right: 0;
  }

  .nike-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .search-bar-2 {
    flex: none;
    justify-content: space-between;
  }

  .tab {
    width: 20vw;
  }

  .search__overflow-gradient {
    padding-left: 20px;
  }

  .denied-button {
    width: 100%;
    min-height: auto;
    padding: .6em 1.3em;
    font-size: 14px;
    font-style: normal;
  }

  .tab__close-wrapper {
    padding-left: 20px;
  }

  .flex-row.stack-on-mobile {
    flex-direction: column;
  }

  .browser__wrapper.light {
    display: none;
  }

  .denied-link {
    width: 100%;
    padding-left: 1.3em;
  }

  .search__input {
    flex-wrap: nowrap;
  }

  .search__value {
    width: 220%;
  }

  .search__value-wrapper {
    width: 1000px;
    position: relative;
  }

  .favicon {
    position: relative;
  }

  .return2dash {
    width: 100%;
    padding-left: 1.3em;
  }

  .edit-profile-button {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 19px;
  }

  .edit-profile-button.is--secondary {
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
  }

  .publicpro-wrapper {
    max-width: 100%;
  }

  .publicpro-content-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .profile-display {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pro-network-h1 {
    font-size: 38px;
  }

  .paragraph-17 {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .subheader-3.text-brand {
    text-align: center;
  }

  .tabs-content-4 {
    padding-top: 20px;
  }

  .grid_outer-chart-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
  }

  .table-field-2 {
    width: 33.1%;
  }

  .table_field-title-2 {
    text-align: center;
    border-top: 1px solid #f2f3ff;
    justify-content: center;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-field_sticky-2 {
    width: 100%;
    padding: 15px 21px 15px 15px;
    font-size: 13px;
  }

  .pricing-field_sticky-2.end, .pricing-field_sticky-2.middle {
    padding-right: 15px;
  }

  .h2-4 {
    font-size: 30px;
  }

  .table_pricing-field-2 {
    flex: 0 auto;
    align-self: stretch;
    width: 100%;
    height: 100%;
  }

  .text_grid-header-2 {
    font-size: 13px;
    display: block;
  }

  .table_grid-sticky-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -1px;
    padding-left: 0%;
    padding-right: 0%;
    display: grid;
    overflow: hidden;
  }

  .account-settings-box, .account-settings-box-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .upgrade-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .slide_item {
    width: 104%;
    padding-right: 4%;
  }

  .container-36 {
    padding-left: 7%;
    padding-right: 7%;
  }

  .nav-1-menu-2 {
    display: block;
  }

  .nav-1-menu-3 {
    display: none;
  }

  .navmenu__dropdown-section-link-2 {
    flex-direction: column;
  }

  .navmenu__dropdown-right-2 {
    padding-top: 28px;
    padding-bottom: 12px;
  }

  .navmenu__dropdown-section-link-description {
    margin-top: 4px;
  }

  .navmenu__dropdown-section-list-2 {
    grid-row-gap: 24px;
  }

  .navmenu__dropdown-2 {
    display: none;
  }

  .navmenu__dropdown-left-2 {
    padding-bottom: 32px;
  }

  .navmenu__dropdown-block {
    border-bottom-width: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .burgermenu--mobile, .burgermenu--desktop {
    width: 35px;
    height: 60%;
    padding-left: 5px;
    display: flex;
  }

  .navmenu__dropdown-section-link-3, .navmenu__cta-wrapper {
    flex-direction: column;
  }

  .navmenu__dropdown-section-list-3 {
    grid-row-gap: 24px;
  }

  .button-46.cc-navbar.cc-secondary {
    margin-bottom: 12px;
    margin-right: 0;
  }

  .navmenu__dropdown-left-3 {
    padding-bottom: 32px;
  }

  .navmenu__dropdown-block-3 {
    border-bottom-width: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .menu-link-text-2:focus {
    opacity: 1;
  }

  .nav-menu-button {
    top: 3%;
    right: 6%;
  }

  .nav-menu-5 {
    width: 95vw;
    min-height: 100vh;
  }

  .form-block-17 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal {
    padding: 20px;
  }

  .return2dash-main {
    width: 100%;
    padding-left: 1.3em;
  }

  .input-3 {
    font-size: .9rem;
  }

  .column-2 {
    margin-top: 32px;
  }

  .popup-content-wrapper---brix {
    border-radius: 24px;
  }

  .popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
    background-color: #fff;
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 16px;
    right: 16px;
  }

  .popup-content-wrapper---brix.popup-4-content-wrapper---brix {
    left: 16px;
    right: 16px;
  }

  .popup-content-wrapper---brix.popup-2-content-wrapper---brix {
    border-radius: 16px;
    bottom: 16px;
    left: 16px;
    right: 16px;
  }

  .dummy-hero-wrapper---brix.preview-page---brix {
    max-width: 100%;
  }

  .subscribe-button---brix {
    text-align: center;
    background-position: 247px;
    padding: 15px 34px 16px 38px;
  }

  .subscribe-button---brix.ebook-button---brix {
    background-position: 85%;
  }

  .popup-1---brix {
    border-radius: 0;
    width: 100%;
    padding: 40px 16px 32px;
  }

  .popup-1-illustration---brix {
    max-width: 40%;
    height: auto;
    display: block;
  }

  .popup-wrapper---brix {
    padding-left: 16px;
    padding-right: 16px;
  }

  .popup-wrapper---brix.preview-page {
    display: none;
  }

  .dummy-hero-button---brix {
    padding: 15px 34px 16px;
  }

  .column-3 {
    margin-top: 32px;
  }

  .popup-4-image-wrapper---brix {
    justify-content: center;
    max-height: 240px;
  }

  .popup-4---illustration---brix {
    width: 110%;
    max-width: 200%;
  }

  .popup-title---brix {
    font-size: 22px;
    line-height: 1.2;
  }

  .popup-4---brix {
    padding: 32px 16px;
  }

  .div-block-67 {
    align-items: center;
    display: none;
  }

  .image-31 {
    max-width: 50%;
  }

  .content-hero {
    grid-row-gap: 35px;
    flex-direction: column;
  }

  .options-grid {
    grid-template-columns: 1fr 1fr;
  }

  .tagline.white-hero-tagline {
    color: silver;
    font-size: 12px;
  }

  .sticky-dashbar {
    flex-direction: row-reverse;
    margin-bottom: 44px;
  }

  .hero-content-wrapper-2 {
    flex-flow: column;
    align-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    overflow: visible;
  }

  .hero2 {
    height: 500px;
    padding-top: 4%;
    padding-bottom: 4%;
  }

  .hero {
    height: 500px;
    padding: 14% 6%;
  }

  .larger-paragraph.white-hero-paragraph {
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
  }

  .hero-feed-card {
    height: 500px;
    padding: 35% 6% 14%;
  }

  .title-section-blog {
    margin-bottom: -41px;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-section {
    float: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 7px;
    padding-right: 7px;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .c-section {
    padding-top: 96px;
    padding-bottom: 32px;
  }

  .c-title-3 {
    font-size: 20px;
    line-height: 34px;
  }

  .c-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tabs-menu-4 {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .tab-link-all {
    width: 100%;
    margin-left: 7px;
    margin-right: 7px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-link-all.w--current {
    background-color: #c8c8c812;
    width: 100%;
    padding-left: 10px;
  }

  .tab-link-news {
    width: 100%;
  }

  .tab-link-news.w--current {
    background-color: #dddddd12;
  }

  .tab-link-wellness {
    width: 100%;
  }

  .tab-link-wellness.w--current {
    background-color: #dddddd12;
  }

  .tab-link-fitness {
    width: 100%;
  }

  .tab-link-fitness.w--current {
    background-color: #dddddd12;
  }

  .current-plan {
    font-size: 10px;
    line-height: 12px;
  }

  .h6-text {
    font-size: 24px;
  }

  .h6-hl-text-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 0px;
    flex-direction: column;
  }

  .h6-heading-italic {
    font-size: 34px;
  }

  .h6-stroke {
    white-space: normal;
    font-size: 57px;
    line-height: 1.3;
  }

  .hl-hl-wrapper {
    grid-column-gap: 7px;
    margin-bottom: 0;
  }

  .h6-hr-image {
    width: 120px;
    height: 180px;
  }

  .h6-hl-text {
    color: var(--white);
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 500;
  }

  .h6-text-field::placeholder {
    font-size: 14px;
  }

  .h6-hr-text {
    font-size: 20px;
    line-height: 24px;
  }

  .h6-hl-line {
    margin-bottom: 20px;
  }

  .h6-mask.heading {
    top: -16px;
    left: -5px;
  }

  .h6-menu {
    height: auto;
    padding-top: 200px;
    padding-bottom: 100px;
    display: flex;
    position: static;
  }

  .h6-navbar {
    padding: 0;
  }

  .h6-hr-content {
    height: 410px;
  }

  .h6-hero-left {
    height: 100vh;
  }

  .h6-navbar-wrapper {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    position: absolute;
    inset: 0% 0% auto;
  }

  .h6-hero-right {
    height: 100vh;
  }

  .text-block-100 {
    color: var(--white);
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 800;
  }

  .tabs-nav-item-underline, .tabs-nav-item-underline2 {
    grid-row-gap: .5em;
    flex-direction: column;
  }

  .tabs-menu-underline-wrapper {
    padding: .8em 1em 1em;
  }

  .tabs-nav-text {
    font-size: 12px;
  }

  .tag-wrapper-2 {
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .hero2-2 {
    height: 500px;
    padding-top: 4%;
    padding-bottom: 4%;
  }

  .hero-title-3 {
    font-size: 35px;
    line-height: 1.1em;
  }

  .text-block-6 {
    font-size: 200px;
  }

  .text-block-6.dessous {
    padding-right: 0;
    font-size: 45px;
    line-height: 44px;
  }

  .vue-telephone.frostedcard {
    background-color: #000c;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .tabs-content-5 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .client-logos {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h2-3 {
    text-align: center;
  }

  .content-left {
    padding-left: 10px;
    padding-right: 10px;
  }

  .logos-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.875rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    margin-bottom: 0;
    display: grid;
  }

  ._4-grid-2 {
    grid-template-columns: 1fr;
  }

  .message {
    max-width: 100%;
  }

  .section-28 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .container-37 {
    width: 86%;
  }

  .section-footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .dropdown_label {
    display: none;
  }

  .col {
    flex-basis: 100%;
    order: 1;
    max-width: 100%;
  }

  .action-buttons {
    justify-content: center;
  }

  .sidebar_left {
    padding: 0;
  }

  .button_link {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .button_link.nop {
    width: auto;
  }

  .arrow-2 {
    display: inline-block;
    transform: rotate(90deg);
  }

  .button-53 {
    justify-content: center;
    width: 100%;
  }

  .button-53.newsletter.nop {
    width: auto;
  }

  .section_hero_support.is--open {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .picto-embed {
    justify-content: flex-start;
    width: auto;
  }

  .start {
    display: none;
  }

  .hero_cta {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-wrap: wrap;
  }

  .hero_content-3 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .chat_wrapper {
    padding: 1rem .5rem;
  }

  .chat_input {
    align-items: center;
  }

  .heading-109 {
    font-size: 2.5rem;
  }

  .wrapper-btn {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .wrapper-btn.hide, .hero_media {
    width: 100%;
  }

  .text-color-white {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 42px;
  }

  .hero-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .section_hero-3.lead {
    padding: 2rem 1.25rem;
  }

  .hero_cta-text {
    justify-content: flex-start;
    width: 100%;
  }

  .personna_item {
    width: 100%;
  }

  .hero_img-wrapper {
    display: none;
  }

  .text-weight-medium {
    color: #333;
    font-weight: 400;
  }

  .chat-wrapper {
    width: 285px;
    bottom: 9%;
  }

  .subscribe-form-input-wrapper {
    flex: 1;
    align-self: stretch;
  }

  .section-29 {
    height: 100vh;
  }

  .chat-button {
    bottom: 4%;
    right: 4%;
  }

  .subscribe-form-input {
    width: 100%;
  }

  .slider-content-wrap {
    justify-content: center;
    width: 100%;
    margin-bottom: 140px;
    padding: 50px 10px;
  }

  .form-content {
    width: 100%;
  }

  .form12_checkbox_field {
    width: 49%;
    min-width: auto;
    height: 130px;
    margin-bottom: 15px;
    margin-right: 0;
  }

  .form-section-title {
    font-size: 2em;
    line-height: 1.3em;
  }

  .mask-3 {
    height: 100%;
    position: static;
  }

  .previous {
    max-width: 75px;
    display: flex;
  }

  .submit-button-10 {
    margin-bottom: -85px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .slider-5 {
    height: auto;
  }

  .checkbox_wrap {
    flex-wrap: wrap;
  }

  .verified-dashboard {
    width: 100%;
    padding-left: 1.3em;
  }

  .container-40 {
    padding: 20px;
  }

  .revenue-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .overview-wrap {
    grid-template-columns: 1fr;
  }

  .plus-request {
    font-size: 10px;
    line-height: 12px;
  }

  .elite-top-nav {
    flex-direction: row-reverse;
    justify-content: flex-start;
    margin-bottom: 44px;
  }

  .submit-request-text {
    display: flex;
  }

  .creative-request-modal {
    padding-left: 15px;
    padding-right: 15px;
  }

  .scrollbar {
    padding: 20px;
  }

  .form-row-2 {
    flex-direction: column;
  }

  .form-border-2 {
    min-width: auto;
    padding: 20px;
  }

  .input-wrapper-4.mr-15 {
    margin-right: 0;
  }

  .popup-close {
    top: 30px;
    right: 30px;
  }

  .content-middle {
    padding-top: 22px;
  }

  .tabs-menu-5 {
    margin-bottom: 45px;
  }

  .tasks-heading {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .search-field-3 {
    width: 100%;
  }

  .img-abs.hand {
    width: 120px;
  }

  .task-block {
    grid-row-gap: 25px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .nav-left {
    width: 100%;
    bottom: -64px;
  }

  .tab-link-3.w--current {
    margin-bottom: 15px;
  }

  .content-heading-4 {
    grid-row-gap: 20px;
    flex-direction: column;
    margin-bottom: 40px;
  }

  .task-block__l {
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }

  .form-block-21 {
    margin-bottom: 40px;
    position: static;
  }

  .nav-right {
    width: 100%;
    top: 110vh;
  }

  .container-42 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .intro-product-items {
    flex-direction: column;
    width: 100%;
    max-width: 350px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .store-perks {
    border-bottom: 1px solid #a2a3a3;
    border-right-style: none;
    width: 100%;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
  }

  .right-product-column {
    width: 100%;
  }

  .no-top-margin {
    font-size: 22px;
    line-height: 28px;
  }

  .section_text-animation.padding-global.padding-section-large {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }

  .heading-style-h1.reveal-type {
    font-size: 1.9rem;
    line-height: 1.5;
  }

  .text-size-medium.text-color-grey {
    font-size: .8rem;
  }

  .header_sticky-wrapper {
    width: 90%;
    height: auto;
  }

  .margin-bottom-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .header_3d-video-wrapper {
    width: 100%;
  }

  .section_elite {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-seo-service {
    max-width: 90vw;
  }

  .small-card-header {
    font-size: 1.1em;
  }

  .small-card {
    width: auto;
    min-width: auto;
    max-width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    font-size: 15px;
  }

  .header-2-center-wrap {
    width: 100%;
    min-width: 300px;
    max-width: 400px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-website-maintenace {
    max-width: 90vw;
  }

  .benefits-description {
    min-width: auto;
    font-size: 1em;
  }

  .sub-par {
    color: #1e1e21;
    max-width: 275px;
  }

  .benefits-header {
    max-width: none;
    font-size: 1.9em;
    font-weight: 600;
  }

  .experience_timeline-left {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: .5rem;
  }

  .experience_timeline-step {
    z-index: 1;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    text-align: center;
    background-color: #0d0d0d;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0;
    position: relative;
  }

  .experience_progress-bar-wrapper {
    height: 90%;
    left: 50%;
    transform: translate(-50%);
  }

  .experience_component {
    grid-template-columns: 1fr;
  }

  .experience_timeline-right {
    padding-bottom: 0;
    padding-left: 0;
  }

  .experience_timeline-wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .price-table_cell {
    padding: 20px;
    font-size: 16px;
  }

  .price-table_cell.cc-title {
    padding-top: 20px;
  }

  .price-table_cell.cc-header {
    text-align: left;
    padding-top: 20px;
  }

  .container-44 {
    width: 86%;
  }

  .pricing-table_mobile-nav {
    width: 120%;
    margin-left: -10%;
  }

  .section-32 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .grid_2-2 {
    flex-direction: column;
    display: flex;
  }

  .h2-5 {
    font-size: 30px;
  }

  .paragraph-37 {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-9 {
    font-size: 12px;
  }

  .container-45 {
    margin-bottom: -41px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-10 {
    font-size: 12px;
  }

  .section_pro {
    float: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 7px;
    padding-right: 7px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .heading-5, .heading-6 {
    font-size: 12px;
  }

  .fade-in-on-scroll-6 {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .heading-114 {
    font-size: 12px;
  }

  .container-46 {
    margin-bottom: -41px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-115 {
    font-size: 12px;
  }

  .fade-in-on-scroll-7 {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .paragraph-37-copy {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-38 {
    padding-left: 0;
    padding-right: 0;
  }

  .stats-top {
    grid-template-columns: 1fr;
  }

  .summary-border {
    width: 100%;
    height: 1px;
  }

  .buttons-wrap-3 {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: stretch;
  }

  .navigation-2 {
    width: 75px;
  }

  .stats-bot {
    grid-template-columns: 1fr 1fr;
  }

  .right-nav-6 {
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    left: 75px;
  }

  .middle-heading {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .members-flex {
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .summary {
    grid-row-gap: 25px;
    flex-direction: column;
  }

  .overview-stats {
    grid-template-columns: 1fr;
  }

  .div-block-412 {
    margin-bottom: 15px;
  }

  .scroll-table-content {
    margin-right: 30px;
  }

  .table-details-box {
    flex-wrap: wrap;
  }

  .graph-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sales-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .stats-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .grey-text {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .container-48 {
    margin-bottom: -41px;
    padding-left: 0;
    padding-right: 0;
  }

  .text-center-2 {
    align-items: center;
    margin-left: 0;
    padding-left: 11px;
    padding-right: 11px;
  }

  .fade-in-on-scroll-8 {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .wrapper-4 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-34 {
    background-position: 41%;
  }

  .burger-menu {
    width: 35px;
    height: 60%;
    padding-left: 5px;
    display: flex;
  }

  .form-wrapper-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .colorful-section {
    display: none;
  }

  .tab-2 {
    width: 20vw;
  }

  .footer-4 {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-field-wrapper.half {
    width: 100%;
  }

  .margin-bottom-3 {
    justify-content: center;
    display: flex;
  }

  .form-divider {
    width: 100%;
  }

  .signup-header {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-flex-container {
    flex-direction: column;
  }

  ._150-image-wrapper-inner {
    width: 300vw;
  }

  .form-block-23 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-wrap-2 {
    padding-bottom: 0;
    display: none;
  }

  .form-block-24 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section_big-4 {
    flex-direction: column;
    align-items: start;
    display: flex;
  }

  .form-full-2 {
    z-index: 9000;
    position: relative;
  }

  .slider-content-wrap-2 {
    justify-content: center;
    width: 100%;
    margin-bottom: 140px;
    padding: 50px 10px;
  }

  .form-section-title-2 {
    font-size: 2em;
    line-height: 1.3em;
  }

  .previous-2 {
    max-width: 75px;
    display: flex;
  }

  .submit-button-11 {
    margin-bottom: -85px;
    margin-right: 20px;
    display: block;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .slider-7 {
    height: auto;
  }

  .checkbox_wrap-2, .about-input-wrap {
    flex-wrap: wrap;
  }

  .submit-box {
    display: flex;
  }

  ._3d-tablet-wrap {
    perspective-origin: 50% 0;
  }

  .ipad-screen {
    border-radius: 4px;
  }

  .signup-button {
    border-radius: 20em;
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .input-label-7 {
    font-size: .8rem;
  }

  .signup_h1 {
    font-size: 1.4rem;
  }

  .form_card {
    padding-left: 8%;
    padding-right: 8%;
    font-size: .8rem;
  }

  .form_card.is-wider {
    max-width: 90vw;
  }

  .page-padding {
    padding-left: 5%;
    padding-right: 5%;
  }

  .button-70 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .nav_component {
    height: auto;
  }

  .nav_component.no-mobile {
    flex-wrap: wrap;
    justify-content: center;
  }

  .input-6 {
    font-size: .9rem;
  }

  .input-label-8 {
    font-size: .8rem;
  }

  .signup_h1-2 {
    font-size: 1.4rem;
  }

  .button-71 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .input-7 {
    font-size: .9rem;
  }

  .logo_component-slider {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    overflow: hidden;
  }

  .padding-vertical-right {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical-right.padding-xxlarge {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .logo-slider-img {
    width: 40px;
  }

  .page-padding-2.s0 {
    margin-bottom: 0;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .logo_component-slide-right {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    overflow: hidden;
  }

  .section_elite-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .libraries-howitworks_tabs-menu {
    justify-content: flex-start;
    width: 90vw;
    overflow: scroll;
  }

  .libraries-howitworks_content {
    height: auto;
  }

  .libraries-howitworks_component {
    grid-template-columns: 1fr;
  }

  .libraries-howitworks_content-right {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .subtext-h2 {
    padding-left: 0;
    padding-right: 0;
  }

  .home-h2-header, .subheader-2-copy.text-brand {
    text-align: center;
  }

  .content-left-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer_slack-cta {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .footer_slack-text-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-bottom: .6rem;
  }

  .footer_slack-icon {
    width: .5rem;
    height: .5rem;
  }

  .section-container {
    max-width: none;
    padding-top: 6vw;
  }

  .botton-container {
    grid-column-gap: 10px;
  }

  .left-content-container {
    max-width: 380px;
  }

  .stat-container {
    font-size: 9px;
  }

  .homepage-input {
    margin-left: 0;
    padding-left: 94px;
    padding-right: 94px;
  }

  .subscribe-form-input-wrapper-3 {
    flex: 1;
    align-self: stretch;
    margin-left: -75px;
    margin-right: -75px;
    padding-right: 0;
  }

  .hero-paragraph-3 {
    margin-bottom: 40px;
    font-size: 14px;
  }

  .content-wrapper-5 {
    margin-top: 50px;
  }

  .hero-stats-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 0;
  }

  .form-input-2 {
    width: 100%;
    min-width: auto;
  }

  .form-input-2.subscribe-input {
    border-radius: 10px;
    height: 60px;
    font-size: 14px;
  }

  .form-input-2.subscribe-input::placeholder {
    white-space: normal;
    font-size: 11px;
    font-style: italic;
  }

  .stat-title {
    font-size: 25px;
  }

  .button-75.btn-subscribe {
    border-width: 0;
    border-radius: 10px;
    width: 100%;
    height: 50px;
    margin-top: 5px;
    margin-bottom: 0;
    position: relative;
    top: 0;
    right: 0;
  }

  .h1-title {
    margin-bottom: 25px;
    font-size: 36px;
  }

  .contact-component {
    justify-content: flex-end;
  }

  .button-wrapper.padding-top-2 {
    flex-direction: column;
    width: 100%;
  }

  .hero-bottom-content {
    margin-top: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-123 {
    font-size: 1.5rem;
  }

  .avatar-image {
    max-width: none;
  }

  .container-52, .container-52.hero {
    width: 85%;
  }

  .hero-component {
    border-radius: 1.5rem;
    padding: 2rem;
  }

  .button-76 {
    text-align: center;
    justify-content: center;
  }

  .avatar-component {
    padding-left: 10px;
    padding-right: 10px;
  }

  .avatar-wrapper {
    justify-content: flex-end;
  }

  .heading-124 {
    font-size: 1.5rem;
  }

  .container-53, .container-53.hero {
    width: 85%;
  }

  .button-77 {
    text-align: center;
    justify-content: center;
  }

  .container-54, .container-54.hero {
    width: 85%;
  }

  .button-78 {
    text-align: center;
    justify-content: center;
  }

  .footer-top-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .footer-logo-link {
    margin-bottom: 1rem;
  }

  .footer-form {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .section-heading-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-left-wrapper, .footer-form-blog {
    max-width: none;
  }

  .container-55, .container-55.hero {
    width: 85%;
  }

  .footer-menu-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .h3-6 {
    font-size: 1.5rem;
  }

  .article-cards-overflow {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .button-79 {
    text-align: center;
    justify-content: center;
  }

  .footer-link-2:hover {
    color: #efffef;
  }

  .container-56 {
    width: 100%;
  }

  .container-56.hero {
    width: 85%;
  }

  .button-80 {
    text-align: center;
    justify-content: center;
  }

  .button-80.text-only {
    justify-content: center;
    align-items: center;
  }

  .container-57 {
    width: 85%;
  }

  .h3-7 {
    font-size: 1.5rem;
  }

  .button-82 {
    text-align: center;
    justify-content: center;
  }

  .image-47 {
    max-width: 100%;
  }

  .article-card {
    height: 100%;
  }

  .article-image-component {
    width: 10rem;
  }

  .button-83 {
    text-align: center;
    justify-content: center;
  }

  .heading-125 {
    font-size: 22px;
  }

  .features_content-bottom {
    grid-template-columns: 1fr;
  }

  .hero_dashboard {
    border-width: .25rem;
    border-radius: 1rem;
  }

  .hero_content-wrapper {
    grid-template-columns: 1fr;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs_component {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .testimonial_content {
    width: 16rem;
    min-width: 16rem;
  }

  .hero_backdrop-solid {
    height: 25%;
  }

  .faq_component {
    grid-template-columns: 1fr;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom-40 {
    margin-bottom: 1.5rem;
  }

  .button-group-6.margin-bottom-40 {
    justify-content: center;
    align-items: center;
  }

  .padding-section-hero {
    padding-top: 7rem;
  }

  .subtitle-home-left {
    font-size: 16px;
    line-height: 24px;
  }

  .slide-heading-2-copy {
    margin-top: 40px;
    font-size: 40px;
    line-height: 1.1em;
  }

  .slide-heading-2-copy.xl {
    font-size: 60px;
  }

  .video-paragraph {
    margin-bottom: 40px;
    font-size: 13px;
    font-weight: 400;
  }

  .video-heading {
    margin-top: 40px;
    font-size: 22px;
    line-height: 1.1em;
  }

  .video-heading.xl {
    font-size: 60px;
  }

  .video-intro {
    background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6532e727161dde3834001a18_rivalists-network-memberships.jpg");
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    border-radius: 0;
    padding: 10px;
  }

  .libraries-usecases_card3, .libraries-usecases_card2, .libraries-usecases_card1 {
    padding: 2rem 1.5rem;
  }

  .section-video-mobile {
    display: flex;
    position: static;
  }

  .join-mission-header {
    padding-left: 10px;
    padding-right: 10px;
  }

  .join-mission-body-text {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-2 {
    height: 150px;
    padding: 14% 6%;
  }

  .home-testi_rating-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: max-content;
  }

  .product-highlight-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .home-download_item-title {
    font-size: .85rem;
  }

  .navbar_component {
    padding-left: .75rem;
    padding-right: .75rem;
    display: flex;
  }

  .home-features_item1 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .navbar_logo-wrapper {
    width: 7rem;
  }

  .home-testi_stars-wrapper {
    max-width: 6.7rem;
  }

  .home-routines_h2 {
    font-size: 2rem;
  }

  .footer_logo-link-block {
    width: 7rem;
  }

  .footer_content-top {
    flex-direction: column;
    margin-bottom: 2rem;
  }

  .top-page-space {
    height: 4.875rem;
  }

  .home-library_h2 {
    color: var(--black);
    text-align: center;
    font-size: 2rem;
  }

  .home-routines_sticky-wrapper {
    height: auto;
  }

  .navbar_menu-wrapper-desktop {
    display: none;
  }

  .padding-vertical-footer {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_menu-wrapper-mobile-top {
    height: 4.375rem;
    min-height: auto;
  }

  .home-testi_rate-description {
    justify-items: center;
  }

  .home-download_icon-wrapper {
    width: 2rem;
    height: 2rem;
  }

  .home-library_component {
    grid-column-gap: 4rem;
    grid-row-gap: 2rem;
  }

  .section_home-hero {
    position: relative;
  }

  .home-download_component {
    max-height: 58rem;
    padding: 2rem 1.5rem;
  }

  .home-testi_rate-figure {
    font-size: 2rem;
    line-height: 1.1;
  }

  .navbar_mobile-dropdown-list {
    margin-top: 20px;
    display: none;
  }

  .navbar_mobile-dropdown-list.w--open {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .home-library_list-wrapper {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .navbar_menu-button.is-main {
    color: #000;
    margin-right: -.5rem;
  }

  .navbar_link-mobile {
    display: block;
  }

  .navbar-wrapper {
    height: 4.375rem;
  }

  .home-hero_component {
    padding-top: 3rem;
  }

  .home-download_list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer_menu-new {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: max-content;
  }

  .navbar_menu-wrapper-mobile {
    padding-top: 4.375rem;
    top: 0;
  }

  .footer_menu-column {
    margin-left: 0;
  }

  .home-download_item-description {
    display: none;
  }

  .home-download_h2 {
    font-size: 2rem;
    line-height: 1.2em;
  }

  .home-routines_space {
    display: none;
  }

  .home-library_class-description {
    margin-bottom: 20px;
    display: none;
  }

  .home-download_image-wrapper {
    width: 80%;
  }

  .home-testi_h2 {
    font-size: 2rem;
  }

  .footer_content-left {
    width: auto;
    max-width: none;
  }

  .home-hero_image-list {
    justify-content: flex-start;
  }

  .footer-menu {
    margin-bottom: 20px;
  }

  .home-hero_image-wrapper {
    width: 20rem;
    margin-right: 2rem;
  }

  .home-testi_list {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .navbar_container {
    min-width: 0;
    max-width: none;
  }

  .main-wrapper-13 {
    background-position: 40% 0;
    background-size: auto 1500px;
  }

  .padding-vertical-left {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical-left.padding-xxlarge {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .comment-reply-section {
    margin-left: -1em;
  }

  .comment-is-typing-section {
    padding-left: 0;
  }

  .rich-text-block-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .uui-text-rich-text {
    padding-left: 0;
  }

  .blog-grid {
    margin-left: 15px;
    margin-right: 15px;
  }

  .uui-blogpost05_form-wrapper {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .view-more-blogs {
    margin-left: 0;
    margin-right: 0;
    font-size: 10px;
    font-weight: 500;
  }

  .view-more-blogs:hover {
    background-color: var(--deon-green);
    border-style: none;
  }

  .fade-in-on-scroll-image {
    background-size: cover;
    align-self: flex-start;
    height: 400px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
  }

  .card-1 {
    align-items: center;
  }

  .team-member-shot {
    align-self: stretch;
    height: auto;
  }

  .card-1-2 {
    align-items: center;
  }

  .main-wrapper-15 {
    margin-bottom: 0;
    padding-top: 60px;
  }

  .team-member-shot-2 {
    align-self: stretch;
    height: auto;
  }

  .popup_name {
    font-size: 3.4em;
  }

  .f-team-social-circle {
    margin-bottom: 16px;
  }

  .f-team-card-small {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .f-team-card-wrapper {
    padding-left: 14px;
    padding-right: 14px;
  }

  .card-1-3 {
    align-items: center;
  }

  .flex-row-6 {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }

  .card-2-4 {
    padding-left: 11px;
    padding-right: 5px;
  }

  .team-member-shot-3 {
    align-self: stretch;
    height: auto;
  }

  .card-1-4 {
    align-items: center;
  }

  .flex-row-7 {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }

  .card-2-5 {
    padding-left: 11px;
    padding-right: 5px;
  }

  .card-1-5 {
    align-items: center;
  }

  .flex-row-8 {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }

  .card-2-6 {
    padding-left: 11px;
    padding-right: 5px;
  }

  .collection-list-wrapper-8 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    margin-bottom: 0;
  }

  .text-block-145 {
    font-size: 12.5px;
  }

  .slack-access {
    margin-top: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .slack-access-text {
    color: #cfd4dd;
  }

  .text-block-146 {
    font-size: 12.5px;
  }

  .feature-overlay-text {
    display: flex;
  }

  .feature-background-image {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66ff6a90253a48136063deda_rivalists-sports-medcine-physical-therapy-software_triathlete.jpg"), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/653b2f679f31d4f7e16f94ba_Athleticus_Don't%20Stop.jpg");
    background-position: 50% 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: cover, auto;
    padding-top: 54.9em;
  }

  .image-53 {
    width: 70px;
    max-width: none;
  }

  .s2-image-homev2 {
    width: 30vw;
    height: 45vw;
  }

  .home-email-capture {
    grid-column-gap: 1.3rem;
    grid-row-gap: 1.3rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .home_email {
    width: 75%;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 2px;
  }

  .home_submit-button {
    width: 70%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_submit-button:hover {
    color: var(--white);
    background-color: #000000a6;
  }

  .home-email-signups {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: none;
  }

  .tab-link-physical-therapy {
    background-color: #c8c8c800;
    width: 100%;
  }

  .button-88 {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 10px;
    line-height: 12px;
    display: none;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .form_section-2 {
    margin-top: 28px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-89 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 19px;
  }

  .button-89.mg-top-36px {
    justify-content: center;
    align-items: center;
  }

  .button-89.is--secondary {
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
  }

  .form-32 {
    margin-top: 10px;
  }

  .divider-6 {
    display: none;
  }

  .width-60percent-2 {
    color: #000;
    width: 100%;
    margin-bottom: 10px;
  }

  .demo-text-block {
    border-color: var(--neon-green);
    background-color: #ffffff94;
    flex-flow: column;
    padding-right: 20px;
  }

  .reserve-now-button {
    width: 100%;
    padding: 12px 10px;
  }

  .reserve-now-button.is--secondary {
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
  }

  .link-27.w--current {
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: var(--neon-green);
    font-weight: 500;
  }

  .or-schedule-demo {
    text-align: center;
    flex-flow: column;
    margin-top: 60px;
    display: flex;
  }

  .heading-160 {
    margin-bottom: 3px;
  }

  .privacy_section {
    margin-top: 78px;
    padding-left: 0;
    padding-right: 0;
  }

  .privacy_content_wrapper {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .datatable_mobile {
    width: auto;
  }

  .header_section_wrapper {
    align-items: flex-start;
  }

  .read_more_data_wrapper {
    padding-left: 24px;
  }

  .content_wrapper-2 {
    flex: 1;
    padding-left: 24px;
  }

  .container-62 {
    width: 90%;
  }

  .legal_bases_meaning_wrapper {
    padding-left: 24px;
  }

  .item_icon_header {
    flex-direction: row-reverse;
    align-items: flex-start;
    display: flex;
  }

  .item_icon_wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 12px;
    margin-bottom: 4px;
  }

  .read_more_line {
    margin-left: 0;
  }

  .privacy_grid {
    margin-top: 0;
    display: flex;
  }

  .datatable_category_name, .datatable_category_name.center {
    font-size: 9px;
  }

  .read_more_content_wrapper {
    padding-left: 24px;
  }

  .privacy_icon {
    max-width: 16px;
    max-height: 16px;
    margin-right: 8px;
  }

  .privacy_icon.top-margin {
    margin-top: 12px;
  }

  .privacy_icon.top-margin.big {
    margin-top: 15px;
  }

  .home-header {
    margin-left: 0;
    padding-top: 62px;
    padding-left: 0;
  }

  .home-description {
    padding-left: 1em;
    padding-right: 1em;
  }

  .home-waitlist {
    width: 300px;
    max-width: 300px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .popup-2---brix {
    padding-left: 24px;
    padding-right: 24px;
  }

  .popup---illustration---brix {
    object-position: 50% 50%;
  }

  .column-13 {
    margin-top: 32px;
  }

  .grid-wrapper-4 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .display-s {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 1.1rem;
  }

  .card-button-wrapper {
    top: 1rem;
    left: 1rem;
    right: 1rem;
  }

  .card-button-2 {
    width: 2rem;
    height: 2rem;
  }

  .grid-4 {
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  }

  .card-transition-block {
    display: none;
  }

  .card-transition-image {
    top: 35%;
    left: 60%;
  }

  .container-63 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .card-content-2 {
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
  }

  .card-9 {
    margin-bottom: 10px;
    margin-right: 0;
  }

  ._3-word-features {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 0;
  }

  .image-author-info-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-block-170, .text-block-171 {
    display: none;
  }

  .categ-icon {
    justify-content: center;
  }

  .nav-profile {
    border-left-style: none;
    padding-left: 0;
  }

  .nav-profile.mobile {
    flex-direction: row;
  }

  .content-13 {
    padding-top: 40px;
  }

  .grid-5 {
    grid-template-columns: 1fr;
  }

  .card-links {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 20px;
    display: grid;
  }

  .button-92 {
    width: 100%;
  }

  .card-flex-2.mb-10 {
    margin-bottom: 10px;
  }

  .logo-link-8 {
    border-right-style: none;
  }

  .categ-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    border-bottom: 1px solid #00000026;
    border-right-style: none;
    align-self: stretch;
    align-items: center;
    padding-bottom: 10px;
  }

  .categ-wrap.last {
    border-bottom-style: none;
  }

  .categ-wrap.but {
    border-bottom-style: none;
    border-right-style: none;
  }

  .card-10 {
    min-height: auto;
  }

  .nav-right-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .content-categ {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .card-buttons-2 {
    width: 100%;
  }

  .profile-img-2 {
    border-style: none;
  }

  .content-14 {
    padding-top: 40px;
  }

  .button-93 {
    width: 100%;
  }

  .card-11 {
    min-height: auto;
  }

  .card-buttons-3 {
    width: 100%;
  }

  .right-sidebar {
    width: 100%;
    top: 110vh;
  }

  .dash-link-text {
    display: flex;
  }

  .top-links_wrap {
    grid-column-gap: 20px;
  }

  .content-15 {
    padding: 20px 10px;
  }

  .mobile-nav-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mid-content-wrap {
    padding-top: 22px;
  }

  .heading-168 {
    font-size: 26px;
  }

  .heading-168.small {
    font-size: 20px;
  }

  .button-95 {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 10px;
    line-height: 12px;
    display: none;
  }

  .nav-menu-11 {
    width: 95vw;
    min-height: 100vh;
  }

  .stacked-intro-9 {
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-link-text-3:focus {
    opacity: 1;
  }

  .flex-menu {
    width: 100%;
  }

  .nav-bar {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .logo-9 {
    height: 2.6rem;
    margin-top: .8rem;
  }

  .title-name-intro {
    font-size: 26vw;
  }

  .col-left {
    position: sticky;
    top: 0;
  }

  .col-left:hover {
    padding: 0;
  }

  .col-content-parent {
    padding-bottom: 1.4rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }

  .info-col-child {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 100%;
  }

  .col-right:hover {
    padding: 0;
  }

  .img-child.flip {
    grid-column-gap: 1.8rem;
    grid-row-gap: 1.8rem;
  }

  .heading_wrap {
    width: 90%;
  }

  .container-67 {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .heading-170, .heading-171, .heading-172 {
    font-size: 12px;
  }

  .fade-in-on-scroll-9 {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .heading-173 {
    font-size: 12px;
  }

  .container-68 {
    margin-bottom: -41px;
    padding-left: 0;
    padding-right: 0;
  }

  .s1_athletes {
    min-height: 93vh;
  }

  .title-wrapper-2 {
    text-align: left;
    align-items: flex-start;
  }

  .hero-heading {
    font-size: 2rem;
  }

  .title-wrapper-3 {
    text-align: left;
    align-items: flex-start;
  }

  .hero-heading-2 {
    font-size: 2rem;
  }

  .nav-item.nav-menu {
    display: none;
  }

  .nav-item.nav-brand {
    justify-content: flex-start;
  }

  .nav-item.nav-menu-left {
    display: none;
  }

  .container-71 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero-opening {
    font-size: 48px;
    line-height: 50px;
  }

  .hero-text-2 {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .container-atl, .container-72, .container-73 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading-175 {
    font-size: 48px;
  }

  .container-74 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .s0_hero-section {
    background-image: linear-gradient(#00000073, #00000073), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66bc1bbf8aa4933fefe30266_82386829_1244793252381319_2127189983360974848_n.jpg");
    background-position: 0 0, 35%;
    border-radius: 30px;
    height: 100vh;
  }

  .scroll-down-lottie {
    width: 20px;
  }

  .stage-button-wrap.margin-top {
    justify-content: flex-start;
    width: 100%;
  }

  .home-hero-header {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 2.2rem;
  }

  .stage-btn-text {
    margin-bottom: 0;
    font-weight: 400;
  }

  .home-hero-text-wrap {
    bottom: 6rem;
    left: 1rem;
  }

  .thin-hero-header-2 {
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 5px;
    padding-right: 50px;
    line-height: 1.5;
  }

  .stage-button {
    padding-left: 1.7em;
    padding-right: 1.7em;
  }

  .team-avatar {
    width: 3.5rem;
    height: 3.5rem;
  }

  .team-basic {
    padding-top: 0;
  }

  .faq-intro {
    padding-bottom: 2.5rem;
  }

  .faq-bottom-content {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .faq-text {
    padding-left: 1.25rem;
    padding-right: .75rem;
  }

  .faq-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    border-radius: .5rem;
    flex-direction: column;
    justify-content: center;
    padding-top: 1.5rem;
    padding-bottom: 1.25rem;
  }

  .faq-icon {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
  }

  .mobile-link {
    z-index: 1;
    background-color: #fff0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .tab-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    align-items: flex-start;
  }

  .tab-link-4 {
    padding: 10px;
    position: relative;
  }

  .tab-paragraph {
    font-size: 14px;
  }

  .stacked-gradient {
    display: none;
  }

  .stacked-tabs-pane-holder {
    width: 80%;
  }

  .stacked-tab-image {
    border-radius: 8px;
    box-shadow: 6px 6px 8px #56565626;
  }

  .container-76 {
    padding: 1em;
  }

  .stacked-tabs-holder {
    margin-top: 40px;
  }

  .tab-circle {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    box-shadow: 6px 6px 15px #65656542, inset -6px -6px 15px #7978781a;
  }

  .grid-8-col {
    grid-template-columns: 1fr 1fr;
  }

  .tab-title-3 {
    font-size: 18px;
  }

  .tab-icon {
    width: 20px;
    height: 20px;
  }

  .grey-paragraph {
    font-size: 14px;
  }

  .eyebrow_athletes {
    text-align: center;
    font-size: 9px;
  }

  .eyebrow_athletes.theme-1-text-c {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .animated-buttons {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .sticky-explainer {
    width: 100%;
  }

  .toptext {
    margin-left: 23px;
    margin-right: 23px;
  }

  .footer-flex-container-2 {
    flex-direction: column;
  }

  .topbuttons {
    margin-top: 20px;
  }

  .stickydiv {
    display: flex;
  }

  .footer-6 {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .howtocolumn {
    margin-top: 53px;
    padding-left: 0;
  }

  .topheading {
    margin-top: 44%;
    font-size: 18px;
    line-height: 1.1em;
  }

  .topheading.first {
    margin-top: 0;
    font-size: 40px;
    line-height: 45px;
  }

  .columns {
    overflow: visible;
  }

  .rotatosection {
    height: 3500px;
  }

  .floatingsection.float2 {
    width: 100%;
    min-height: 1500px;
    display: flex;
  }

  .footer-heading {
    margin-top: 20px;
  }

  .footer-logo-link-2 {
    height: 60px;
  }

  .container-77, .container-77.sidebyside {
    padding-left: 0;
    padding-right: 0;
  }

  .floattext {
    line-height: 1.2em;
  }

  .container-78 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero-opening-2 {
    font-size: 48px;
    line-height: 50px;
  }

  .timeline_date-text {
    font-size: 20px;
  }

  .margin-bottom-medium {
    margin-bottom: 24px;
  }

  .timeline_item {
    grid-template-columns: 48px 1fr;
  }

  .floatingsection-left.float2 {
    width: 100%;
    min-height: 1500px;
    display: flex;
  }

  .topheading-copy {
    margin-top: 44%;
    font-size: 18px;
    line-height: 50px;
  }

  .topheading-copy.first {
    margin-top: 22vh;
  }

  .floattext-copy {
    text-align: left;
    font-size: 13.5px;
    line-height: 1.2em;
  }

  .sticky-explainer-copy {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
  }

  .sticky-explainer-right {
    width: 100%;
  }

  .about-content-block {
    font-size: 32px;
    line-height: 40px;
  }

  .text-50-athletes {
    text-align: center;
    font-size: 13px;
    line-height: 20px;
  }

  .text-50-athletes.theme-1-text-c {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }

  .text-50-athletes.tablet-size-is--static {
    padding-right: 10px;
    line-height: 19px;
    display: block;
  }

  .lottie-animation-12 {
    max-width: 414px;
  }

  .lottie-animation-13, .lottie-animation-14, .lottie-animation-15, .lottie-animation-17 {
    width: 414px;
  }

  .link-32, .nav-link-10 {
    display: none;
  }

  .nav-link-10.logo, .nav-link-10.logo1 {
    display: block;
  }

  .nav-link-10.logo1.nope {
    display: none;
  }

  .mobile-burger {
    display: flex;
  }

  .hero-headline {
    line-height: 1.2;
  }

  .lottie-animation-18 {
    max-width: 414px;
  }

  .lottie-animation-19, .lottie-animation-20, .lottie-animation-21, .lottie-animation-23 {
    width: 414px;
  }

  .hero-headline-2 {
    line-height: 1.2;
  }

  .comfort-intro-text-wrapper {
    opacity: 0;
  }

  .comfort-tips {
    opacity: 1;
  }

  .comfort-tip-text, .choose-size {
    opacity: 0;
  }

  .tip.small {
    margin-left: -50px;
  }

  .tip.large {
    margin-left: 20px;
  }

  .paragraph-80 {
    width: 310px;
    max-width: 220px;
  }

  .comfort-heading-wrapper {
    opacity: 0;
  }

  .anc-intro-paragraph-text {
    margin-left: 30%;
  }

  .paragraph-3 {
    width: 100%;
  }

  .anc-paragraph-right {
    margin-left: 40%;
  }

  .lottie-section {
    height: 3500px;
  }

  .sticky-box {
    display: flex;
  }

  .mainheadereyebrow {
    font-size: 11px;
  }

  .mainheadereyebrow.theme-1-text-c {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mainheading_h1 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    line-height: 1.1em;
  }

  .mainheading_h1.theme-1-text-a {
    justify-content: center;
    align-items: stretch;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
    line-height: 1.1em;
    display: block;
  }

  .notify-button-box {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .image-70 {
    margin-top: 0;
    margin-right: 0;
  }

  .browser-demo {
    width: 90%;
  }

  .instructions-wrapper {
    align-self: auto;
    margin-left: 0;
  }

  .demo-wrapper {
    align-items: center;
    margin-right: 0;
  }

  .image-71 {
    margin-top: 0;
    margin-right: 32px;
  }

  .demo-wrapper-2 {
    margin-top: 30px;
  }

  .image-72 {
    margin-top: 0;
    margin-right: 0;
  }

  .instructions-wrapper-3 {
    align-self: auto;
    margin-left: 0;
  }

  .demo-wrapper-3 {
    align-items: center;
    margin-right: 0;
  }

  .image-73, .image-74 {
    margin-top: 0;
    margin-right: 0;
  }

  .floatingsection-left-2.float2 {
    width: 100%;
    min-height: 1500px;
    display: flex;
  }

  .topbuttons-2 {
    flex-direction: column;
  }

  .headeliners.first {
    margin-top: 5vh;
  }

  .topheading-2 {
    max-width: 280px;
    font-size: 40px;
    line-height: 40px;
  }

  .topbutton-2 {
    margin-bottom: 19px;
  }

  .toptext-2 {
    color: #ffffff82;
    margin-left: 23px;
    margin-right: 23px;
  }

  .stickydiv-2 {
    justify-content: center;
    display: flex;
  }

  .hero-bullet-text {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 28px;
  }

  .hero-headline-3 {
    font-size: 62px;
    line-height: 1.09;
  }

  .watch-the-film-3 {
    font-size: 17px;
  }

  .hero-6 {
    display: block;
  }

  .sticky-container-5 {
    width: 87.5%;
  }

  .fade-in-on-scroll-10 {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .dummy-hero-button---brix-2 {
    padding: 15px 34px 16px;
  }

  .column-16, .column-17 {
    margin-top: 32px;
  }

  .container-default-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .plan-wrapper-dark {
    padding: 24px;
  }

  .heading-179, .heading-180, .right-header {
    font-size: 32px;
  }

  .container-medium-3.is-home-hero {
    padding-left: 5%;
    padding-right: 5%;
  }

  .logos-wrapper-2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.875rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    margin-bottom: 0;
    display: grid;
  }

  .footer3_menu-wrapper {
    grid-row-gap: 2.5rem;
  }

  ._4-grid-3, .testimonials-wrapper {
    grid-template-columns: 1fr;
  }

  .logos-wrapper-3 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.875rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    margin-bottom: 0;
    display: grid;
  }

  ._4-grid-4 {
    grid-template-columns: 1fr;
  }

  .blue-card-background {
    padding: 20px 1em;
  }

  .fixed-nav {
    padding-left: 0;
    padding-right: 0;
  }

  .small-container-2 {
    margin-bottom: 0;
  }

  .iphone-overlay.light-blue {
    inset: auto 0% -1%;
  }

  .nav-link-11 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-logo-3 {
    margin-left: 0;
    padding-left: 11px;
  }

  .app-icon-holder {
    width: 80px;
    height: 80px;
  }

  .fade-in-on-scroll-11 {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .container-83 {
    margin-bottom: -41px;
    padding-left: 0;
    padding-right: 0;
  }

  .faq-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .related-posts {
    float: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 7px;
    padding-right: 7px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .form-input-4 {
    width: 100%;
    min-width: auto;
  }

  .form-input-4.subscribe-input {
    border-radius: 10px;
    height: 60px;
    font-size: 14px;
  }

  .form-input-4.subscribe-input::placeholder {
    white-space: normal;
    font-size: 11px;
    font-style: italic;
  }

  .heading-13 {
    font-size: 28px;
  }

  .button-100.btn-subscribe {
    border-width: 0;
    border-radius: 10px;
    width: 100%;
    height: 50px;
    margin-top: 5px;
    margin-bottom: 0;
    position: relative;
    top: 0;
    right: 0;
  }

  .simple-blog-posts-holder-3 {
    overflow: visible;
  }

  .subscribe-form-input-wrapper-4 {
    flex: 1;
    align-self: stretch;
    margin-left: -75px;
    margin-right: -75px;
    padding-right: 0;
  }

  .container-85 {
    margin-bottom: -41px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .oversized-quotation {
    font-size: 32px;
  }

  .image-79 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-185, .heading-186 {
    font-size: 12px;
  }

  .related-posts-2 {
    float: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 7px;
    padding-right: 7px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .heading-187 {
    font-size: 12px;
  }

  .fade-in-on-scroll-12 {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .h5-left-scroll {
    font-size: 12px;
  }

  .container-86 {
    margin-bottom: -41px;
    padding-left: 0;
    padding-right: 0;
  }

  .section_left-scroll {
    float: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 7px;
    padding-right: 7px;
    display: none;
    position: relative;
    overflow: visible;
  }

  .intro-parent {
    margin-top: 36px;
  }

  .image-81 {
    width: 80px;
    display: none;
  }

  .btn-txt-2 {
    font-size: 12px;
  }

  .grid-6 {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-txt-1 {
    font-size: 12px;
  }

  .link-2 {
    font-size: 11px;
    top: 40px;
    right: 20px;
  }

  .grid-feature-content {
    grid-template-columns: 1fr;
  }

  .pricing-newsletter {
    padding: 24px;
  }

  .grid-pricing-large {
    grid-template-columns: 1fr;
  }

  .div-hide-4.pad-two {
    margin-left: -1rem;
  }

  .scroll-child {
    display: none;
  }

  .super-text {
    font-size: 31vw;
  }

  .hero-text-parent {
    bottom: -2%;
  }

  .scroll-h-child.flex-cc.end {
    padding-bottom: 3rem;
  }

  .sticky-child.page-padding {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .inner-swipe {
    position: absolute;
  }

  .wrapper-6 {
    width: 100%;
    height: 100%;
  }

  .text-block-198 {
    text-align: center;
    line-height: 12px;
  }

  .div-organized-produce {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-himself-customs {
    flex-direction: column;
    height: 4rem;
  }

  .a-truck-house {
    display: inline-flex;
  }

  .div-clear-classroom, .a-own-go {
    flex-direction: column;
    display: none;
  }

  .section-silent-tongue {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .div-court-sight {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-vertical-evidence {
    grid-template-columns: 1fr;
  }

  .h1-mysterious-somewhere {
    margin-top: 1rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .p-calm-independent {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .a-surprise-blank {
    flex-direction: column;
    margin-top: 2rem;
  }

  .div-mix-advice {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-went-primitive {
    flex-direction: column;
    height: 4rem;
  }

  .a-pay-course {
    display: inline-flex;
  }

  .div-potatoes-tropical {
    flex-direction: column;
    display: none;
  }

  .a-planning-apart, .div-belt-fallen {
    flex-direction: column;
  }

  .div-vote-carried {
    flex-direction: column;
    width: 100%;
  }

  .div-unless-enter {
    display: none;
  }

  .div-give-village {
    text-align: center;
    padding: 6rem 1rem 4rem;
  }

  .h1-death-remarkable {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .form-limited-friend {
    background-color: #fff;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
  }

  .div-coat-dear {
    padding: 1rem;
  }

  .div-tales-here {
    flex-direction: column;
  }

  .input-sky-opinion {
    text-align: center;
  }

  .a-torn-noun {
    flex-direction: column;
    width: 100%;
    margin-top: 1rem;
  }

  .img-dog-or {
    width: 8rem;
    height: 8rem;
  }

  .div-train-court {
    width: 100%;
    height: 24rem;
  }

  .div-carefully-lion {
    padding: 1rem;
  }

  .button-arrow-2 {
    min-width: 140px;
    height: 54px;
    font-size: 15px;
  }

  .button-arrow-2.small {
    min-width: auto;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
  }

  .section_hero-7 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero_inner-grid {
    flex-direction: column;
  }

  .hero-logo {
    width: 130px;
  }

  .hero-heading-3.is-primary {
    font-size: 40px;
  }

  .hero-stack_image-wrap.is-half-size {
    width: 100%;
  }

  .div-dollar-indeed {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .div-direct-perfect {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-passage-create {
    display: flex;
  }

  .div-seed-rabbit {
    flex-direction: column;
    display: none;
  }

  .section-frequently-join {
    padding-bottom: 3rem;
  }

  .div-become-bent {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .div-tent-met {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-couple-happen {
    grid-template-columns: minmax(0, 1fr);
  }

  .div-frog-path {
    grid-column: auto;
  }

  .h1-team-nation {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .img-weather-work, .img-uncle-consist {
    width: 3rem;
    height: 3rem;
  }

  .div-forty-saw {
    grid-column: auto;
  }

  .input-taken-teeth {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .a-correctly-she {
    flex-direction: column;
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .div-rocket-begun {
    margin-top: 2rem;
  }

  .div-bus-gift {
    grid-column-gap: 2rem;
  }

  .providers {
    justify-content: flex-end;
  }

  .pro-img {
    max-width: none;
  }

  .grid-7 {
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  }

  .container-87 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .blog-hero-header {
    display: flex;
  }

  .blog-email-entry {
    width: 100%;
    height: 75%;
  }

  .blog-eyebrow {
    font-size: 12px;
  }

  .blog-eyebrow.theme-1-text-c {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-header-card-title {
    display: block;
  }

  .blog-text-box {
    font-size: 16px;
    line-height: 20px;
  }

  .blog-text-box.theme-1-text-c {
    color: #444;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
  }

  .blog-text-box.tablet-size-is--static {
    padding-right: 10px;
    line-height: 19px;
    display: block;
  }

  .video-card-1-body-2 {
    grid-row-gap: 1.75rem;
  }

  .breadcrumb-1-wrap-2 {
    flex-wrap: wrap;
  }

  .blog-hero-h1-eyebrow {
    font-size: 11px;
  }

  .blog-slider_wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .star-pattern-wrapper {
    align-items: flex-start;
  }

  .logo-slider_slide {
    height: 9rem;
  }

  .builder_feature-5_ui-section_header1 {
    transform-origin: 50% 72%;
    transform: scale(.24);
  }

  .builder_feature-3-left {
    padding: 1.5rem 1rem;
  }

  .builder_feature-4_ui-left {
    margin-right: 1rem;
  }

  .builder_feature-8_overlay {
    padding: 1rem;
  }

  .builder_feature-8_ui-bottom {
    width: 90%;
  }

  .logo-slider_mask {
    height: 9rem;
  }

  .builder_feature-4_ui-right {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sb-header_image-wrapper {
    border-radius: .75rem;
  }

  .logo-slider_component {
    height: 9rem;
  }

  .builder_feature-4-left-top {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .builder_feature-bottom.feature-6 {
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .builder_feature-bottom.feature-2 {
    padding: 1rem 1rem 1.5rem;
  }

  .builder_feature-bottom.feature-5 {
    height: 20rem;
  }

  .builder_feature-bottom.feature-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .builder_feature-7_ui-image-container {
    width: 150%;
  }

  .builder_feature-5_ui {
    padding-top: 1rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .builder_feature-8_ui-top {
    transform: scale3d(1none, 1none, 1none);
  }

  .builder_feature-3-right {
    padding: 1rem 1rem 1.5rem;
  }

  .logo1_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1.25rem;
    justify-content: center;
    padding-top: .5rem;
  }

  .star-pattern-layer {
    height: 160px;
  }

  .builder_feature-top {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-custom-h3 {
    font-size: 1.5rem;
  }

  .uk-overlay-image {
    margin-top: 29px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .feature-background-image_uk {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6757cffd82af58acebe76969_friends-trail-running-in-the-mountains.jpg");
    background-position: 50% 0;
    background-size: cover;
    border-radius: 15px;
    max-height: 100%;
    padding-top: 56em;
    display: block;
  }

  .eyebrow-20-copy {
    font-size: 12px;
  }

  .eyebrow-20-copy.theme-1-text-c, .eyebrow-20-copy.theme-1-text-uk, .eyebrow-20-copy.theme-1-text-uk-2 {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-50-uk {
    font-size: 16px;
    line-height: 20px;
  }

  .text-50-uk.theme-1-text-c {
    color: #c4c4c4;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Helvetica Neue, sans-serif;
    font-size: 13px;
  }

  .text-50-uk.tablet-size-is--static {
    padding-right: 10px;
    line-height: 19px;
    display: block;
  }

  .heading-100-uk.theme-1-text-a {
    justify-content: center;
    align-items: stretch;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
    line-height: 1.1em;
    display: block;
  }

  .slack-access-text-uk {
    color: #cfd4dd;
  }

  .avatar-image-uk {
    max-width: none;
  }

  .blue_dashboard-card {
    padding: 16px;
  }

  .blue_dashboard-card.card-item {
    height: 100%;
  }

  .graph_number {
    top: 53px;
  }

  .dashboard_grid {
    grid-template-columns: 1fr;
  }

  .custom_dashboard {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
    padding-top: 20px;
  }

  .graph_chart {
    width: 100%;
    height: 80%;
  }

  .navbar_watchlist-wrap {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .slider_card {
    height: 342px;
  }

  .section_hero-8 {
    margin-bottom: 0;
  }

  .navbar_flex {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    grid-template-columns: 1fr;
    place-items: center;
  }

  .card_head {
    flex-flow: row;
  }

  .card_graph-wrap {
    max-width: 100%;
    height: 80%;
  }

  .navbar-5 {
    padding-bottom: 0;
  }

  .card_graph {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 40px;
    margin-bottom: 0;
    padding-bottom: 20px;
  }

  .dark_dashboard-card.item-center {
    height: 253px;
  }

  .dark_dashboard-card.item-center:hover {
    background-color: #e7e7e7;
  }

  .time_text {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }

  .navbar_menu {
    margin-left: 0;
    margin-right: auto;
  }

  .dashboard_grid-lite {
    grid-template-columns: 1fr;
  }

  .lite_dashboard-card.item-center {
    height: 253px;
  }

  .custom_dashboard-lite {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 20px;
  }

  .footer__follow-heart {
    top: -7px;
    right: -3px;
  }

  .swiper-slide-8 {
    width: 100%;
  }

  .swiper-slide-8.slide--stories {
    width: auto;
  }

  .footer__follow {
    align-items: flex-start;
    max-width: 230px;
  }

  .footer__copyright {
    max-width: 160px;
  }

  .swiper-4.swiper--stories2, .swiper-4.swiper--stories {
    margin-left: auto;
    margin-right: auto;
  }

  .remodal.remodal--global {
    max-width: 100%;
  }

  .remodal__content {
    justify-content: flex-start;
    align-items: center;
    height: 100%;
  }

  .navbar_health-team {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .health-team-images {
    justify-content: flex-start;
    align-items: stretch;
  }

  .athlete-profile-wrapper {
    margin-bottom: 0;
    padding-top: 60px;
  }

  .section_health-cards {
    margin-bottom: 0;
  }

  .athlete-proffile_nav-area {
    padding-bottom: 0;
  }

  .athlete-profile_grid {
    grid-template-columns: 1fr;
  }

  .feature-health-card {
    padding: 16px;
  }

  .feature-health-card.card-item {
    height: 100%;
  }

  .health-card-goal.item-center {
    height: 253px;
  }

  .health-card-goal.item-center:hover {
    background-color: #e7e7e7;
  }

  .profile-health-card.item-center {
    height: 253px;
  }

  .profile-health-card.item-center:hover {
    background-color: #e7e7e7;
  }

  .health-card-checkins {
    padding: 16px;
  }

  .health-card-checkins.card-item {
    height: 100%;
  }

  .profile-image {
    max-width: none;
  }

  .client-sidebar {
    display: none;
  }

  .swiper-slide-9 {
    width: 100%;
  }

  .swiper-slide-9.slide--stories {
    width: auto;
  }

  .swiper-5.swiper--stories2, .swiper-5.swiper--stories {
    margin-left: auto;
    margin-right: auto;
  }

  .h2-heading-5 {
    font-size: 44px;
  }

  .button-outline-small {
    flex: none;
    width: 100%;
  }

  .section--coach-hero {
    background-image: linear-gradient(#00000073, #00000073), url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/66bc1bbf8aa4933fefe30266_82386829_1244793252381319_2127189983360974848_n.jpg");
    background-position: 0 0, 35%;
    border-radius: 30px;
    height: 100vh;
  }

  .heading-198 {
    font-size: 28px;
  }

  .cta-header-component, .layout-list-item {
    grid-template-columns: 1fr;
  }

  .hero-subheading {
    font-size: 28px;
  }

  .container-88 {
    max-width: none;
  }

  .testimonial-cms-item {
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .feature-card-image {
    z-index: -1;
  }

  .header-image-wrapper {
    height: 16rem;
  }

  .layout-wrapper {
    padding: 24px;
  }

  .cta-layout {
    min-height: 380px;
  }

  .hero-heading-4, .h1-heading-stats {
    font-size: 28px;
  }

  .header-section {
    padding-left: 10px;
    overflow: hidden;
  }

  .hero-text-4 {
    padding-right: 20px;
  }

  .hero-eyebrow-text {
    font-size: 14px;
  }

  .optimize-athlete-health-performance {
    font-size: 32px;
  }

  .extreme-comfort-hyper-durable-max-volume-introducing-the-air-max-pulse-designed-to-push-you-past-you {
    font-size: 14px;
    line-height: 1.1rem;
  }

  .right-frame {
    overflow: hidden;
  }

  .feature-image-2 {
    min-height: 450px;
  }

  .hero-bold-header {
    font-size: 32px;
  }

  .text-380 {
    letter-spacing: 0;
    font-size: 13px;
  }

  .content-groups-11 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    flex-flow: column;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
  }

  .home-button_text.dark {
    font-size: 12px;
  }

  .floating-product-image {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    top: 103px;
  }

  .f6-background-box {
    background-image: url("https://cdn.prod.website-files.com/6532e0cf08dbadb67b8041ed/6757cffd82af58acebe76969_friends-trail-running-in-the-mountains.jpg");
    background-position: 50% 0;
    background-size: cover;
    border-radius: 15px;
    height: 225px;
    max-height: 100%;
    padding-top: 0;
    display: block;
  }

  .content-style-23 {
    width: 85%;
  }

  .content-style-25 {
    width: auto;
  }

  .section-header {
    font-size: 28px;
  }

  .sectioin-subtext {
    color: var(--subtext);
    font-size: 14.5px;
  }

  .feature-cards-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    justify-items: center;
  }

  .core-home-wrapper {
    overflow: hidden;
  }

  .tab-link-horizontal {
    flex-flow: column;
  }

  .h4-heading {
    font-size: .97rem;
  }

  .section-52 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .eyebrow-2 {
    font-size: .8rem;
  }

  .libraries-howitworks_tabs-menu-2 {
    justify-content: flex-start;
    width: 90vw;
    overflow: scroll;
  }

  .content-image-block {
    min-height: auto;
    padding: 24px;
  }

  .content-feature-grid {
    grid-template-columns: 1fr;
  }

  .wearable-carousel {
    grid-row-gap: 1.75rem;
  }

  .product-highlight-1 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .product-highlight-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .block-header-title {
    text-align: center;
  }

  .block-header-title.large {
    font-size: 28px;
  }

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

  .feature-block-subtext {
    width: 100%;
    line-height: 1.2em;
  }

  .bold-block_chart-image {
    margin-top: 14px;
  }

  .section-6-integrations {
    height: auto;
  }

  .content-style-28 {
    margin-top: 15px;
    padding-left: 0;
  }

  .product-1-image {
    width: 100%;
  }

  .product-1-image-insert {
    width: 350px;
  }

  .question-response {
    max-width: 100%;
  }

  .cloneable-container-default-3 {
    padding: 64px 16px;
  }

  .container-default-4 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .question-text {
    max-width: 70%;
    font-size: 20px;
  }

  .gradient-text {
    font-size: 20px;
  }

  .hero-p {
    margin-left: 0;
    font-size: 14px;
  }

  .hero-text-wrapper-2 {
    padding: 0;
  }

  .bg-circle._4 {
    background-color: #20c788;
  }

  .bg-circle._5 {
    background-color: #ffab9d;
  }

  .bg-circle._3 {
    background-color: #3fa1f7;
  }

  .bg-circle._6 {
    background-color: #ff6382;
  }

  .bg-circle._2 {
    background-color: #4353ff;
  }

  .hero-text-5 {
    font-size: 20px;
  }

  .big-hero-text {
    font-size: 50px;
  }

  .section-break-strip {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 0;
  }

  .footer-sportos {
    margin-bottom: 20px;
    padding: 20px 10px;
  }

  .footer-container {
    width: 100%;
  }

  .footer-columns {
    flex-flow: column;
  }

  .footer-web {
    display: none;
  }

  .banner-header-title {
    font-size: 2rem;
    line-height: 1.2em;
  }

  .home-bottom-banner {
    max-height: 58rem;
    padding: 2rem 1.5rem;
  }

  .angle-image-float_left {
    top: 300px;
    left: 20px;
  }

  .angle-image-float_right {
    top: 180px;
  }

  .image-101 {
    max-width: 35%;
  }

  .banner-subtext {
    color: var(--subtext);
    width: 80%;
  }

  .sport0snav_button {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 10px;
    line-height: 12px;
    display: none;
  }

  .image-104 {
    max-width: 40%;
  }

  .section-53 {
    width: 100%;
  }

  .drop {
    border-top: 1px #d9d9d9;
    border-bottom-color: #d9d9d9;
    width: 100%;
  }

  .text-block-215 {
    color: var(--black);
    font-family: Helvetica Neue, sans-serif;
  }

  .icon-25 {
    color: var(--black);
  }

  .mobile-drop-wrapper {
    height: 200px;
    padding: 10px;
  }

  .mobile-drop-title {
    color: var(--black);
    font-family: Helvetica Neue, sans-serif;
    font-weight: 500;
  }

  .faqs-acc-header {
    padding-right: 3rem;
  }

  .faqs-acc-header.text-colour-c {
    border-bottom: 1px solid #d9d9d9;
  }

  .faqs-brow-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .faqs-acc-body-content {
    display: block;
  }

  .mfooter-div.is--md {
    margin-bottom: 40px;
  }

  .mfooter-container {
    grid-template-columns: 1fr;
  }

  .faqs-acc-header-icon-wrap {
    margin-right: .75rem;
  }

  .mfooter-title {
    font-family: Helvetica Neue, sans-serif;
    font-weight: 500;
  }

  .mfooter-reveal {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    padding: 10px;
    display: flex;
  }

  .accordion__item-header {
    padding-left: 1.25rem;
    padding-right: 1rem;
  }

  .accordion__item, .accordion__item.is-active-accordion {
    border-bottom-color: #d9d9d9;
  }

  .accordion__item.is-active-accordion {
    -webkit-text-stroke-color: #d9d9d9;
  }

  .accordion_title {
    font-family: Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 500;
  }

  .accordion_title-2 {
    font-family: Helvetica Neue, sans-serif;
    font-size: 14.5px;
    font-weight: 500;
  }
}

#w-node-_61a7f3f99c97ebc4ce4a9a27an-7b8042ac {
  grid-area: 1 / 2 / 2 / 4;
  align-self: start;
}

#w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e61933e5-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e61933e8-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e61933ea-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e61933ed-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e61933ef-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e61933f2-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e61933f5-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e61933f8-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e61933fa-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e61933fd-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e61933ff-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e6193402-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e6193408-e61933e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e6193419-e61933e1 {
  place-self: center end;
}

#w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e6193473-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e619347a-e61933e1, #w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e61934a0-e61933e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1fd1b257-c0fe-a4ff-0a67-1a28e61934d9-e61933e1 {
  place-self: center end;
}

#w-node-f5f6516b-fc44-2d50-083e-0cf5b4a02932-b4a0292f, #w-node-bfdd4a9c-cdc2-fcf7-e491-95e918d3e960-b4a0292f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ccacc0f4-c805-e8db-1fbd-ef0a6489c848-b4a0292f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac115d56-a478-e0bd-2eeb-37ae40630fc8-b4a0292f {
  justify-self: start;
}

#w-node-b8c5c6e6-420f-3f0c-6bdd-112fcd957e69-54f26e21, #w-node-b8c5c6e6-420f-3f0c-6bdd-112fcd957e6c-54f26e21, #w-node-_06110056-c59d-ef92-9dbe-4bf7ba920a26-54f26e21, #w-node-_06110056-c59d-ef92-9dbe-4bf7ba920a29-54f26e21, #w-node-c3571064-bb0a-496d-32a8-1b9558ce71b5-54f26e21, #w-node-c3571064-bb0a-496d-32a8-1b9558ce71b8-54f26e21, #w-node-_2b5a3c36-9194-ce50-9f45-e9a7c30f05b5-54f26e21, #w-node-_2b5a3c36-9194-ce50-9f45-e9a7c30f05b8-54f26e21, #w-node-a30f9c32-066c-4339-7999-cfc1de681cf1-54f26e21, #w-node-a30f9c32-066c-4339-7999-cfc1de681cf4-54f26e21, #w-node-_7e27a1ac-e4ea-ad1f-3879-654e78598972-54f26e21, #w-node-_7e27a1ac-e4ea-ad1f-3879-654e78598975-54f26e21, #w-node-_5ce3307a-1a13-e9a0-f818-674e54f26e48-54f26e21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5ce3307a-1a13-e9a0-f818-674e54f26ea0-54f26e21 {
  place-self: center end;
}

#w-node-_833e2cf0-a821-9f63-309e-ec3cfa64d947-54f26e21, #w-node-_833e2cf0-a821-9f63-309e-ec3cfa64d94e-54f26e21, #w-node-_833e2cf0-a821-9f63-309e-ec3cfa64d974-54f26e21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_833e2cf0-a821-9f63-309e-ec3cfa64d9ad-54f26e21 {
  place-self: center end;
}

#w-node-e877e891-5068-35be-8ab0-dfbb5ddbe59c-7b8042af, #w-node-_355f5000-32a2-9e14-df96-1cda1d318b38-7b8042af {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_355f5000-32a2-9e14-df96-1cda1d318b48-7b8042af {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_355f5000-32a2-9e14-df96-1cda1d318b55-7b8042af {
  justify-self: stretch;
}

#w-node-_93ca5de0-540c-2688-b405-63a583e2cc6a-83e2cc68 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_93ca5de0-540c-2688-b405-63a583e2cc73-83e2cc68, #w-node-b7d17d7e-9b5d-8b35-0f68-cb1a030115f5-83e2cc68, #w-node-e0d8752f-0075-4fae-143d-639067f3c1c3-83e2cc68, #w-node-_02461483-a2a7-4af0-4fb5-e76cb3b0e89e-83e2cc68 {
  justify-self: center;
}

#w-node-_1514a677-da13-10fe-8ee9-15c5c59d8014-c59d8011 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1514a677-da13-10fe-8ee9-15c5c59d8015-c59d8011 {
  justify-self: start;
}

#w-node-_1514a677-da13-10fe-8ee9-15c5c59d8018-c59d8011 {
  justify-self: stretch;
}

#w-node-_1514a677-da13-10fe-8ee9-15c5c59d8019-c59d8011 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_1514a677-da13-10fe-8ee9-15c5c59d801b-c59d8011, #w-node-_1514a677-da13-10fe-8ee9-15c5c59d801f-c59d8011, #w-node-_1514a677-da13-10fe-8ee9-15c5c59d8023-c59d8011 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e9bea2f9-eaf7-7cba-0310-7bf28540b64f-c59d8011 {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: stretch;
}

#w-node-_1514a677-da13-10fe-8ee9-15c5c59d8029-c59d8011 {
  place-self: center end;
}

#w-node-_1ea3cb08-ff9e-e395-3141-02fc606e6dad-7b8042b0 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-d2cc985d-8e17-f051-f5f0-46b74bdf91b4-7b8042b0, #w-node-_3c0c03e9-7338-a2ba-78b2-2779391bd4e8-7b8042b0 {
  grid-area: 1 / 1 / 2 / 2;
}

#buy.w-node-_563ff434-1443-2db3-f482-0ca148565d8a-7b8042b0 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: start;
}

#w-node-ffa86c75-f896-198a-f483-766bd5ccffe8-7b8042b0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ffa86c75-f896-198a-f483-766bd5ccffee-7b8042b0 {
  justify-self: end;
}

#w-node-ffa86c75-f896-198a-f483-766bd5ccfff6-7b8042b0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ffa86c75-f896-198a-f483-766bd5ccfff7-7b8042b0 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ffa86c75-f896-198a-f483-766bd5cd0004-7b8042b0 {
  justify-self: stretch;
}

#w-node-de7707f3-e5b4-ff2b-1394-afce62924387-62924384 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-de7707f3-e5b4-ff2b-1394-afce62924389-62924384 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-de7707f3-e5b4-ff2b-1394-afce62924396-62924384 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-de7707f3-e5b4-ff2b-1394-afce629243c4-62924384 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-de7707f3-e5b4-ff2b-1394-afce629243df-62924384 {
  place-self: center;
}

#w-node-de7707f3-e5b4-ff2b-1394-afce629243e1-62924384 {
  justify-self: start;
}

#w-node-db0dfc68-8dc0-5c4d-fbc1-b8d9d59f1201-7b8042c9 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_632c4189-6cb9-87d2-1a91-482b2ac5a0a7-7b8042c9 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: end;
}

#w-node-_632c4189-6cb9-87d2-1a91-482b2ac5a0a8-7b8042c9, #w-node-_747cb034-5ffa-44e7-9670-ef5e30d1cc68-7b8042c9 {
  justify-self: center;
}

#w-node-_61a7f3f99c97eb119a4a9a2dan-7b8042c9 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_803b050a-d54e-408c-6a8b-b05009f14480-7b8042e0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_61a7f3f99c97eb70974a9a2aan-7b8042e0 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-ac335ec4-fbb2-80ee-abe4-ab75201e5d91-7b8042e1 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: end;
}

#w-node-aeace4a0-ba05-f582-866c-a1b2fcd8abc6-7b8042e1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7abbd18a-eca1-04f0-5efc-2c1a59d57757-59d57752, #w-node-_7abbd18a-eca1-04f0-5efc-2c1a59d5775a-59d57752, #w-node-_7abbd18a-eca1-04f0-5efc-2c1a59d5775c-59d57752, #w-node-_7abbd18a-eca1-04f0-5efc-2c1a59d5775f-59d57752, #w-node-_7abbd18a-eca1-04f0-5efc-2c1a59d57761-59d57752, #w-node-_7abbd18a-eca1-04f0-5efc-2c1a59d57764-59d57752, #w-node-_801c58ac-e8fb-ec55-a9fc-2298a303080a-59d57752, #w-node-_801c58ac-e8fb-ec55-a9fc-2298a303080d-59d57752, #w-node-_801c58ac-e8fb-ec55-a9fc-2298a303080f-59d57752, #w-node-_801c58ac-e8fb-ec55-a9fc-2298a3030812-59d57752, #w-node-_801c58ac-e8fb-ec55-a9fc-2298a3030814-59d57752, #w-node-_801c58ac-e8fb-ec55-a9fc-2298a3030817-59d57752 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7abbd18a-eca1-04f0-5efc-2c1a59d57778-59d57752 {
  justify-self: start;
}

#w-node-_7abbd18a-eca1-04f0-5efc-2c1a59d57781-59d57752 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7abbd18a-eca1-04f0-5efc-2c1a59d57788-59d57752 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_7abbd18a-eca1-04f0-5efc-2c1a59d577d6-59d57752 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7abbd18a-eca1-04f0-5efc-2c1a59d577f1-59d57752 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_7abbd18a-eca1-04f0-5efc-2c1a59d577f2-59d57752 {
  place-self: center end;
}

#w-node-c4338bc9-d054-d5a7-e93b-2a0255b7b6ed-cc009549 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c4338bc9-d054-d5a7-e93b-2a0255b7b6ee-cc009549, #w-node-c4338bc9-d054-d5a7-e93b-2a0255b7b6ef-cc009549 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c4338bc9-d054-d5a7-e93b-2a0255b7b6f0-cc009549 {
  justify-self: center;
}

#w-node-c4338bc9-d054-d5a7-e93b-2a0255b7b6f7-cc009549, #w-node-d1e0dad2-b4bc-12c7-35a1-3534bcdfb6b3-cc009549, #w-node-d1e0dad2-b4bc-12c7-35a1-3534bcdfb6c2-cc009549, #w-node-d1e0dad2-b4bc-12c7-35a1-3534bcdfb6d6-cc009549 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2e650ae7-427a-8f4a-ea03-d014135381a9-cc009549 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_2e650ae7-427a-8f4a-ea03-d014135381ac-cc009549 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_2e650ae7-427a-8f4a-ea03-d014135381af-cc009549, #w-node-_2e650ae7-427a-8f4a-ea03-d014135381b2-cc009549, #w-node-_2e650ae7-427a-8f4a-ea03-d014135381b5-cc009549 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4cb32007-6a2d-e0fa-ff85-147fa0e01328-9e02efc4 {
  justify-self: end;
}

#w-node-d8733574-128d-f168-b965-067303b63e6c-0a19523c, #w-node-d8733574-128d-f168-b965-067303b63e6d-0a19523c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec954f99-6893-8bb7-0005-5a17fe77c1a3-39fbbb50 {
  grid-area: 1 / 3 / 2 / 8;
}

#w-node-_0b0d1678-0dde-b2a8-5fe9-1c5ab366a55f-c3338647 {
  align-self: stretch;
}

#w-node-_0b0d1678-0dde-b2a8-5fe9-1c5ab366a54f-c3338647, #w-node-_0b0d1678-0dde-b2a8-5fe9-1c5ab366a550-c3338647 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4a53ab59-0971-41f0-7272-f7e082e0316d-5d5c756e {
  grid-area: Lateral-Menu;
}

#w-node-_4a53ab59-0971-41f0-7272-f7e082e03184-5d5c756e {
  grid-area: Content;
}

#w-node-_4a53ab59-0971-41f0-7272-f7e082e0316d-7c5fe9f2 {
  grid-area: Lateral-Menu;
}

#w-node-_4a53ab59-0971-41f0-7272-f7e082e03184-7c5fe9f2 {
  grid-area: Content;
}

#w-node-d2a378e7-ac97-bd21-8122-3f4b7442c68a-8bc5a201 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2a378e7-ac97-bd21-8122-3f4b7442c693-8bc5a201 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-d2a378e7-ac97-bd21-8122-3f4b7442c6a3-8bc5a201 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-d2a378e7-ac97-bd21-8122-3f4b7442c6c9-8bc5a201, #w-node-d2a378e7-ac97-bd21-8122-3f4b7442c6de-8bc5a201 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-d2a378e7-ac97-bd21-8122-3f4b7442c6fe-8bc5a201, #w-node-d2a378e7-ac97-bd21-8122-3f4b7442c708-8bc5a201 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-d2a378e7-ac97-bd21-8122-3f4b7442c70e-8bc5a201 {
  grid-area: 6 / 3 / 7 / 5;
}

#w-node-b766ee7f-c8b7-b4be-2837-815e0ea7d2a4-101f20fd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-b766ee7f-c8b7-b4be-2837-815e0ea7d2ad-101f20fd, #w-node-b766ee7f-c8b7-b4be-2837-815e0ea7d2b6-101f20fd, #w-node-b766ee7f-c8b7-b4be-2837-815e0ea7d2bf-101f20fd, #w-node-b766ee7f-c8b7-b4be-2837-815e0ea7d2c8-101f20fd {
  justify-self: center;
}

#w-node-bdf0dcc6-d2be-d785-7c73-9056f63a2357-f63a2351 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bdf0dcc6-d2be-d785-7c73-9056f63a2366-f63a2351 {
  place-self: center end;
}

#w-node-bdf0dcc6-d2be-d785-7c73-9056f63a23c2-f63a2351, #w-node-bdf0dcc6-d2be-d785-7c73-9056f63a23c9-f63a2351, #w-node-bdf0dcc6-d2be-d785-7c73-9056f63a23ef-f63a2351 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bdf0dcc6-d2be-d785-7c73-9056f63a2428-f63a2351 {
  place-self: center end;
}

#w-node-d2a378e7-ac97-bd21-8122-3f4b7442c6a3-f6012f55 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-d2a378e7-ac97-bd21-8122-3f4b7442c693-f6012f55 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-d2a378e7-ac97-bd21-8122-3f4b7442c6c9-f6012f55 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-d2a378e7-ac97-bd21-8122-3f4b7442c6de-f6012f55, #w-node-d2a378e7-ac97-bd21-8122-3f4b7442c6fe-f6012f55 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-d2a378e7-ac97-bd21-8122-3f4b7442c68a-f6012f55, #w-node-_6c295ade-23fa-55be-40b0-05976d95e652-f6012f55, #w-node-_5c2bbcc6-67a7-8c5c-1fdd-d3fc2b12a561-34a795a4, #w-node-b2818c41-dba8-99b3-0bf6-2c1131873e8b-34a795a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c965b363-2602-e15e-0b70-2a0b59a11764-34a795a4, #w-node-c965b363-2602-e15e-0b70-2a0b59a11774-34a795a4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_08cc1d8d-9efc-c93e-58d7-ad93b72fec4e-34a795a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_08cc1d8d-9efc-c93e-58d7-ad93b72fec56-34a795a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_08cc1d8d-9efc-c93e-58d7-ad93b72fec5d-34a795a4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_08cc1d8d-9efc-c93e-58d7-ad93b72fec70-34a795a4, #w-node-_08cc1d8d-9efc-c93e-58d7-ad93b72fec86-34a795a4, #w-node-a7039b22-6309-e0c5-92e2-2f6abf7cb688-342d4e98, #w-node-a7039b22-6309-e0c5-92e2-2f6abf7cb68f-342d4e98, #w-node-a7039b22-6309-e0c5-92e2-2f6abf7cb696-342d4e98, #w-node-a7039b22-6309-e0c5-92e2-2f6abf7cb69d-342d4e98 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2300b4dd-cef5-5482-af57-cccb72e96978-342d4e98 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2300b4dd-cef5-5482-af57-cccb72e96976-342d4e98, #w-node-_2300b4dd-cef5-5482-af57-cccb72e9696e-342d4e98 {
  justify-self: center;
}

#w-node-ff2ff47a-286b-16ae-c510-b3de55724acd-342d4e98, #w-node-ff2ff47a-286b-16ae-c510-b3de55724adc-342d4e98, #w-node-ff2ff47a-286b-16ae-c510-b3de55724aeb-342d4e98, #w-node-ff2ff47a-286b-16ae-c510-b3de55724afa-342d4e98, #w-node-ff2ff47a-286b-16ae-c510-b3de55724b09-342d4e98, #w-node-ff2ff47a-286b-16ae-c510-b3de55724b18-342d4e98 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bd7ca3cb-f531-f414-58d4-daf72c7e94d7-342d4e98, #w-node-bd7ca3cb-f531-f414-58d4-daf72c7e94df-342d4e98 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_9e3c2108-6334-befa-7ad9-51a53305b915-342d4e98 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9e3c2108-6334-befa-7ad9-51a53305b91e-342d4e98, #w-node-_9e3c2108-6334-befa-7ad9-51a53305b927-342d4e98, #w-node-_9ac5c749-cd4f-691c-85a3-14626f357d80-342d4e98, #w-node-_9e3c2108-6334-befa-7ad9-51a53305b930-342d4e98 {
  justify-self: center;
}

#w-node-_1e02b885-8cd4-1539-74f2-81447d06db39-342d4e98 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1e02b885-8cd4-1539-74f2-81447d06db41-342d4e98 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_1e02b885-8cd4-1539-74f2-81447d06db48-342d4e98 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1e02b885-8cd4-1539-74f2-81447d06db5b-342d4e98, #w-node-_1e02b885-8cd4-1539-74f2-81447d06db71-342d4e98 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-c4338bc9-d054-d5a7-e93b-2a0255b7b6ed-cc009549 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 991px) {
  #w-node-bfdd4a9c-cdc2-fcf7-e491-95e918d3e960-b4a0292f, #w-node-_1514a677-da13-10fe-8ee9-15c5c59d8019-c59d8011 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e9bea2f9-eaf7-7cba-0310-7bf28540b64f-c59d8011 {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1ea3cb08-ff9e-e395-3141-02fc606e6dad-7b8042b0 {
    grid-column-end: 4;
  }

  #w-node-_3c0c03e9-7338-a2ba-78b2-2779391bd4e8-7b8042b0, #buy.w-node-_563ff434-1443-2db3-f482-0ca148565d8a-7b8042b0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ffa86c75-f896-198a-f483-766bd5ccfff6-7b8042b0 {
    grid-column: 1 / 4;
  }

  #w-node-de7707f3-e5b4-ff2b-1394-afce62924396-62924384 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c4338bc9-d054-d5a7-e93b-2a0255b7b6ed-cc009549 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #single-article.w-node-_28e36332-22b8-b966-9e48-11af2ee7f3b1-60598154 {
    order: -9999;
  }

  #w-node-d2a378e7-ac97-bd21-8122-3f4b7442c693-8bc5a201 {
    grid-row: span 2 / span 2;
  }

  #w-node-d2a378e7-ac97-bd21-8122-3f4b7442c6a3-8bc5a201 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d2a378e7-ac97-bd21-8122-3f4b7442c6c0-8bc5a201 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d2a378e7-ac97-bd21-8122-3f4b7442c70e-8bc5a201, #w-node-d2a378e7-ac97-bd21-8122-3f4b7442c6a3-f6012f55 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d2a378e7-ac97-bd21-8122-3f4b7442c693-f6012f55 {
    grid-row: span 2 / span 2;
  }

  #w-node-_08cc1d8d-9efc-c93e-58d7-ad93b72fec56-34a795a4 {
    justify-self: start;
  }

  #w-node-_2300b4dd-cef5-5482-af57-cccb72e96976-342d4e98, #w-node-_6880b3a7-9ab3-5337-d54f-9c79ba22b30c-342d4e98 {
    align-self: center;
  }

  #w-node-_1e02b885-8cd4-1539-74f2-81447d06db41-342d4e98 {
    justify-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ac115d56-a478-e0bd-2eeb-37ae40630fc8-b4a0292f {
    justify-self: center;
  }

  #w-node-b7b03c9d-13c9-e902-1a21-48f013a5f5f2-13a5f5ea {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_93ca5de0-540c-2688-b405-63a583e2cc6a-83e2cc68 {
    grid-column: 1 / 4;
  }

  #w-node-ffa86c75-f896-198a-f483-766bd5ccffee-7b8042b0 {
    justify-self: start;
  }

  #w-node-de7707f3-e5b4-ff2b-1394-afce629243e1-62924384 {
    justify-self: center;
  }

  #w-node-_655e045a-f917-11c9-358d-eb37cabe5eb4-101f20fd {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_655e045a-f917-11c9-358d-eb37cabe5eb9-101f20fd {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_655e045a-f917-11c9-358d-eb37cabe5ebb-101f20fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_655e045a-f917-11c9-358d-eb37cabe5ec1-101f20fd {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_655e045a-f917-11c9-358d-eb37cabe5ec2-101f20fd {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-b766ee7f-c8b7-b4be-2837-815e0ea7d2a4-101f20fd {
    grid-column: 1 / 4;
  }

  #w-node-c965b363-2602-e15e-0b70-2a0b59a11764-34a795a4, #w-node-c965b363-2602-e15e-0b70-2a0b59a11774-34a795a4, #w-node-_2300b4dd-cef5-5482-af57-cccb72e96978-342d4e98 {
    grid-column: span 1 / span 1;
  }

  #w-node-_9e3c2108-6334-befa-7ad9-51a53305b915-342d4e98 {
    grid-column: 1 / 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4df58692-2d24-f2f0-39a9-87f51380a5b2-b4a0292f {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_355f5000-32a2-9e14-df96-1cda1d318b38-7b8042af {
    grid-column: 1 / 4;
  }

  #w-node-b7b03c9d-13c9-e902-1a21-48f013a5f5f2-13a5f5ea {
    grid-row: 2 / 3;
    grid-column-end: 3;
  }

  #w-node-ffa86c75-f896-198a-f483-766bd5ccfff6-7b8042b0 {
    grid-column-start: 1;
  }

  #w-node-de7707f3-e5b4-ff2b-1394-afce629243e8-62924384 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d2a378e7-ac97-bd21-8122-3f4b7442c6a3-8bc5a201 {
    grid-area: span 5 / span 1 / span 5 / span 1;
  }

  #w-node-d2a378e7-ac97-bd21-8122-3f4b7442c70e-8bc5a201 {
    grid-column: span 1 / span 1;
  }

  #w-node-d2a378e7-ac97-bd21-8122-3f4b7442c6a3-f6012f55 {
    grid-area: span 5 / span 1 / span 5 / span 1;
  }

  #w-node-_08cc1d8d-9efc-c93e-58d7-ad93b72fec5d-34a795a4, #w-node-_1e02b885-8cd4-1539-74f2-81447d06db48-342d4e98 {
    grid-column: span 1 / span 1;
  }
}