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

body {
  margin: 0;
}

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

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

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

[hidden], template {
  display: none;
}

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

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

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

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

@font-face {
  font-family: 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 {
  min-height: 100%;
  color: #333;
  background-color: #fff;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

html.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: rgba(0, 0, 0, 0) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

figure {
  margin: 0 0 10px;
}

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

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

.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 {
  width: 100%;
  height: 100%;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
}

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

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

.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 {
  width: 100%;
  height: 38px;
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

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

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

.w-input::-webkit-input-placeholder, .w-select::-webkit-input-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 {
  width: .1px;
  height: .1px;
  opacity: 0;
  z-index: -100;
  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 {
  width: auto;
  height: auto;
  cursor: pointer;
  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;
  width: 28px;
  height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-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: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border: solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  left: 0;
}

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

.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: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  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: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border: solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  left: 50%;
}

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

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  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 {
  height: 500px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
  width: 80px;
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: auto;
  font-size: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.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;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  border: 0;
  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;
  -ms-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 {
  min-width: 100%;
  background: #ddd;
  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: rgba(0, 0, 0, .9);
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate(0);
}

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

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

.w-lightbox-view {
  width: 100vw;
  height: 100vh;
  opacity: 0;
  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;
  height: auto;
  max-width: none;
}

.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: rgba(0, 0, 0, .4);
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

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

.w-lightbox-control {
  width: 4em;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  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 {
  height: 2.6em;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  right: 0;
}

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

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

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

.w-lightbox-thumbnail {
  height: 10vh;
  background: #222;
  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;
  width: 40px;
  height: 40px;
  border: 5px solid rgba(0, 0, 0, .4);
  border-radius: 50%;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

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

.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;
  top: 0;
  bottom: 0;
  left: 0;
  right: 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: rgba(0, 0, 0, 0);
  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 {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  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;
  min-width: 200px;
  background: #c8c8c8;
  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: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

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

:root {
  --black: #0e0e0f;
  --white-smoke: #f7f6f7;
  --off-white: #edeaf1;
  --gray-400: #adaab0;
  --gray-500: #939098;
  --primary-purple: #6400e6;
  --alert: #f7c74a;
  --neutral: white;
  --secondary-pink: #e68cff;
  --navy-300: #19224c;
  --orange-300: #657cff;
  --gray-50: #f7f7f8;
  --gray-100: #ededee;
  --gray-200: #e0dfe1;
  --gray-300: #c6c5c9;
  --error: #f84a4a;
  --success: #31d36c;
  --grey-600: #79767f;
  --secondary-purple: #5001b8;
  --bg-blue-100: #dee3ff;
  --gray-900: #141415;
  --gray-800: #28272a;
  --gray-700: #605e64;
  --grey-grey-400: #9d9d9f;
  --primary-orchid: #c06cf7;
  --gray-gray-500: #7b7b7e;
  --bg-blue-200: #c7cfff;
}

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

.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-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  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-pagination-previous-icon {
  margin-right: 4px;
}

.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-pagination-next-icon {
  margin-left: 4px;
}

body {
  background-color: var(--black);
  color: var(--white-smoke);
  font-family: Polysans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3em;
}

h1 {
  color: var(--off-white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Polysans, sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.07;
}

h2 {
  color: var(--off-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.875rem;
  font-weight: 600;
  line-height: 1.2em;
}

h3 {
  color: var(--off-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2em;
}

h4 {
  color: var(--off-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2em;
}

h5 {
  color: var(--off-white);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2em;
}

h6 {
  color: var(--off-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2em;
}

p {
  color: var(--gray-400);
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5em;
}

a {
  color: var(--white-smoke);
  text-decoration: none;
  transition: opacity .2s, color .2s;
}

a:hover {
  color: var(--gray-400);
}

ul, ol {
  margin-bottom: 0;
  padding-left: 2rem;
  font-size: 1rem;
  line-height: 1.1em;
}

li {
  margin-bottom: .75rem;
}

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

strong {
  font-weight: bold;
}

blockquote {
  border-left: 5px #e2e2e2;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1em;
}

figure {
  margin-bottom: 20px;
}

figcaption {
  text-align: center;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.3em;
}

.section-s {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.section-s.hero {
  padding-top: 7rem;
  padding-bottom: 2.5rem;
  position: relative;
  overflow: hidden;
}

.section-s.designers {
  justify-content: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.section-s.stories {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.section-s.newsletter {
  padding-top: 5rem;
  padding-bottom: 7.25rem;
}

.section-s.resource {
  padding-top: 9.675rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.section-s.second-nav {
  z-index: 997;
  max-width: none;
  padding-top: 2.125rem;
  padding-bottom: 0;
  position: fixed;
  top: 4.625rem;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.section-s.blog-hero {
  padding-top: 9rem;
  padding-bottom: 4rem;
  position: relative;
  overflow: hidden;
}

.section-s.blog-section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section-s.blog-section.overflow-hidden.hidden {
  display: none;
}

.section-s.courses-hero {
  padding-top: 9.625rem;
}

.section-s.terms {
  padding-top: 12.85rem;
  padding-bottom: 8.5625rem;
}

.section-s.outline {
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 4rem;
  position: relative;
  overflow: hidden;
}

.section-s.newsletter-section {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.section-s.blog-content-section {
  background-image: linear-gradient(to bottom, var(--black), var(--black));
  padding-top: 4rem;
  padding-bottom: 3.5rem;
}

.section-s.courses-hero {
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64dca283fde5ecc6d45299e4_grid.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 12rem;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.section-s.product-hero-section {
  padding-top: 4.6rem;
  padding-bottom: 0;
}

.section-s.courses-hero-new {
  padding-top: 9.6rem;
}

.section-s.spotlight-hero {
  padding-top: 11.375rem;
  padding-bottom: 6.75rem;
}

.section-s.spotlight-content-section {
  padding-top: 3.75rem;
}

.section-s.shipfaster-section {
  padding-top: 8.125rem;
}

.section-s.thank-you-hero {
  padding-top: 17.85rem;
  padding-bottom: 12.75rem;
  overflow: hidden;
}

.section-s.newslatter-hero {
  padding-top: 9.5rem;
}

.section-s.about-us-hero {
  justify-content: flex-start;
  align-items: center;
  padding-top: 9rem;
  padding-bottom: 0;
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: 80rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container.grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: static;
  top: 0;
}

.container.grid.margin-xl {
  margin-bottom: 5rem;
}

.container.grid.text-center {
  grid-row-gap: .75rem;
}

.container.grid.absolute {
  position: absolute;
  top: auto;
}

.container.grid.gap-0 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.container.grid.gap-0.relative-2 {
  z-index: 2;
  position: relative;
}

.container.grid.hero {
  z-index: 1;
  max-width: 80rem;
  position: relative;
}

.container.grid.custom-gap {
  grid-column-gap: 1rem;
}

.container.grid.blog-hero-container {
  grid-column-gap: 1.25rem;
  grid-row-gap: 6.25rem;
}

.container.grid.students-swiper-wrapper {
  max-width: none;
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.container.flex-center {
  border-radius: 8px;
}

.container.testimonial-margin {
  margin-bottom: 5rem;
}

.kickoff-classes-wrap {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.kickoff-classes-wrap.margin-top-m {
  margin-top: 32px;
}

.kickoff-classes-wrap.margin-left-s {
  margin-left: 20px;
}

.kickoff-classes-wrap.margin-left-m {
  margin-left: 36px;
}

.kickoff-class-icon {
  width: 1.8rem;
  height: 1.5rem;
  object-fit: cover;
  border-radius: 4px;
  flex: none;
  overflow: hidden;
}

.kickoff-class-label {
  height: 1.5rem;
  background-color: var(--gray-500);
  color: #fff;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .75rem;
  line-height: 1.6em;
  display: flex;
}

.column {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.column.flex-center.text-center.margin-b-2 {
  grid-row-gap: 1rem;
  margin-bottom: 2rem;
}

.column.custom-max-width {
  justify-content: center;
  align-items: center;
}

.column.custom-slider-wrap {
  width: 100%;
  max-width: 1200px;
  justify-content: center;
  align-items: center;
}

.column.custom-flex {
  max-width: 792px;
  grid-row-gap: 20px;
}

.column.about-us-card-column {
  text-align: right;
  align-items: flex-end;
}

.column.students-column {
  grid-column-gap: .45rem;
  grid-row-gap: .45rem;
}

.column.max-width-l {
  max-width: 320px;
}

.main-wrapper {
  width: 100%;
}

.label {
  color: var(--primary-purple);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1em;
}

.jumbo-h {
  font-size: 5rem;
}

.text-xl {
  color: var(--off-white);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4em;
}

.text-xl.text-neutral-400.max-tablet-21rem.margin-s {
  margin-bottom: 1.5rem;
}

.text-xl.text-neutral-400.max-desktop-26rem {
  max-width: 26rem;
}

.text-xl.text-neutral-400.margin-s.max-800 {
  max-width: 800px;
}

.text-xl.text-neutral-400.max-554 {
  max-width: 554px;
}

.text-xl.text-neutral-400.hero-blurb {
  margin-bottom: 2rem;
}

.text-xl.margin-s-0-75.blog-title {
  flex: 1;
}

.text-xl.text-semi-bold {
  font-weight: 600;
}

.text-xs {
  font-size: .75rem;
  line-height: 1.17em;
}

.text-xs.text-alert {
  color: var(--alert);
}

.label-xs {
  font-size: .75rem;
  font-weight: 400;
}

.kickoff-styles-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 40px;
  display: grid;
}

.bg-primary-blue {
  background-color: var(--primary-purple);
}

.kickoff-color-helper {
  color: var(--neutral);
  text-align: center;
  margin: 16px;
}

.margin-l {
  margin-bottom: 2.5rem;
}

.bg-secondary-pink {
  background-color: var(--secondary-pink);
}

.bg-navy-300 {
  background-color: var(--navy-300);
}

.bg-blue-300 {
  background-color: var(--orange-300);
}

.bg-neutral {
  background-color: var(--neutral);
}

.bg-gray-50 {
  background-color: var(--gray-50);
}

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

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

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

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

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

.bg-error {
  background-color: var(--error);
}

.bg-success {
  background-color: var(--success);
}

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

.text-neutral {
  color: var(--neutral);
}

.text-neutral-200 {
  color: var(--gray-200);
}

.text-neutral-400 {
  color: var(--gray-400);
  overflow: hidden;
}

.text-neutral-600 {
  color: var(--grey-600);
}

.text-navy-300 {
  color: var(--navy-300);
}

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

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

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

.padding-xxs {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.kickoff-padding-helper {
  color: var(--navy-300);
}

.padding-xs {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.padding-s {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.padding-m {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.padding-l {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padding-xl {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-xxl {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.padding-3xl {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

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

.margin-xxs {
  margin-bottom: .25rem;
}

.margin-xs {
  margin-bottom: .5rem;
}

.margin-s {
  margin-bottom: 1.25rem;
}

.margin-s.texy-gray-300 {
  color: var(--gray-300);
}

.margin-m {
  margin-bottom: 1.2rem;
}

.margin-m.heading-semi-bold {
  font-weight: 600;
}

.margin-xl {
  margin-bottom: 5rem;
}

.margin-xxl {
  margin-bottom: 8rem;
}

.margin-3xl {
  margin-bottom: 10rem;
}

.max-width-m {
  max-width: 256px;
}

.max-width-xl {
  max-width: 512px;
}

.button {
  background-color: var(--primary-purple);
  color: var(--off-white);
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  transition: background-color .2s, color .2s;
  display: flex;
}

.button:hover {
  background-color: var(--secondary-purple);
  color: var(--off-white);
}

.button:active {
  background-color: var(--secondary-purple);
}

.button.hero {
  background-color: var(--primary-purple);
  padding-top: .875rem;
  padding-bottom: .875rem;
  line-height: 20px;
  transition-duration: .2s, .25s;
}

.button.hero:hover {
  background-color: var(--secondary-purple);
}

.button.subscribe {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.button.pricing-button {
  z-index: 2;
  text-decoration: none;
  position: relative;
}

.button.pricing-button.full-width {
  width: 100%;
}

.button.outline {
  text-decoration: none;
}

.button.full-width-mobile.higher-z {
  z-index: 55;
  position: relative;
}

.pulsing-star-wrap {
  z-index: 1;
  width: 160px;
  height: 160px;
  padding: 34px;
  position: relative;
}

.pulsing-star-wrap.student-card-star {
  width: 100px;
  height: 100px;
}

.blog-search {
  width: 100%;
  max-width: 28rem;
  min-height: 50px;
  color: var(--grey-600);
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64a5c80a3c0d78e971226d2d_Search.svg");
  background-position: 18px 48%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 8px;
  margin-bottom: 1.85rem;
  padding: .75rem .75rem .75rem 3rem;
  font-size: 16px;
  line-height: 1em;
  transition: padding .2s, border-width .2s, border-radius .2s, color .2s, background-color .2s, border-color .2s;
}

.blog-search:hover {
  color: var(--grey-600);
}

.blog-search:focus {
  border-width: 1px;
  border-color: var(--neutral);
  color: var(--neutral);
}

.blog-search::-ms-input-placeholder {
  color: var(--grey-600);
}

.blog-search::placeholder {
  color: var(--grey-600);
}

.blog-search.courses {
  min-height: 2rem;
  background-position: 12px 48%;
  background-size: .75rem .75rem;
  margin-bottom: 1rem;
  padding-left: 2rem;
  font-size: .75rem;
}

.input-label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
}

.kickoff-block {
  height: 80px;
  min-width: 80px;
  border: 1px solid var(--gray-200);
  background-color: var(--gray-50);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.flex-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.flex-right {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

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

.button-wrapper.margin-s.courses-buttons-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.icon-l {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
  display: block;
}

.icon-m {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
  display: block;
}

.icon-s {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
  display: block;
}

.component-swiper {
  z-index: 1;
  width: 100%;
  justify-content: flex-start;
  display: flex;
  overflow: hidden;
}

.swiper-wrapper {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: none;
  display: flex;
}

.swiper-wrapper.component-list {
  flex-direction: row;
  justify-content: flex-start;
}

.swiper-wrapper.component-list.studen-story {
  width: 100%;
  flex: none;
}

.swiper-wrapper.component-list.product {
  width: 100%;
}

.swiper-wrapper.spotlite-cms-list {
  align-items: flex-start;
}

.swiper-wrapper.about-us-student-list {
  align-items: flex-start;
  position: relative;
}

.swiper-wrapper.about-us-student-list.test {
  align-items: flex-start;
}

.swiper-wrapper.image-slide-cms-list {
  justify-content: flex-start;
}

.swiper-wrapper.hero-slide-image-wrapper {
  flex-direction: column;
}

.swiper-wrapper.horizontal-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.swiper-slide.component-item {
  flex: none;
}

.swiper-slide.component-item.student-s {
  width: 100%;
  flex: none;
}

.swiper-slide.component-item.product, .swiper-slide.component-item.courses, .swiper-slide.component-item.blog {
  max-width: 384px;
}

.swiper-slide.blog-cms-item {
  flex: none;
  display: flex;
}

.swiper-slide.spotlite-cms-item {
  opacity: .5;
  justify-content: center;
  transition: all .3s;
  display: flex;
}

.swiper-slide.about-us-swiper-slide {
  background-image: linear-gradient(135deg, rgba(36, 36, 43, .6), rgba(21, 21, 26, .6));
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: .5rem;
  padding: .45rem;
}

.swiper-slide.about-us-swiper-slide:nth-child(2n+1) {
  position: relative;
}

.swiper-slide.about-us-swiper-slide.top {
  flex: none;
  margin-bottom: 1.25rem;
}

.swiper-slide.about-us-swiper-slide.top:nth-child(2n+1), .swiper-slide.about-us-swiper-slide.bottom:nth-child(2n+1) {
  top: 2rem;
}

.swiper-slide.image-slide-cms-item {
  width: 480px;
  max-width: 480px;
  flex: none;
}

.swiper-slide.portfolio-cms-item {
  width: 24rem;
  flex: none;
}

.swiper-slide.portfolio-cms-item.second-one {
  height: 18rem;
}

.swiper-slide.portfolio-cms-item.second-one:nth-child(2n+1) {
  height: 25rem;
  margin-top: -7rem;
}

.swiper-slide.hero-slide-item {
  flex: none;
}

.component-wrapper {
  z-index: 1;
}

.margin-top-m {
  margin-top: 32px;
}

.margin-left-s {
  margin-left: 20px;
}

.margin-left-m {
  margin-left: 32px;
}

.footer-section {
  flex-direction: column;
  align-items: center;
  padding-bottom: 48px;
  display: flex;
}

.nav-container {
  z-index: 99;
  width: 100%;
  max-width: 80rem;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
  position: relative;
}

.navigation {
  z-index: 999;
  height: 4.625rem;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.nav-logo {
  width: 3.125rem;
  height: 3.125rem;
  object-fit: contain;
  display: block;
}

.nav-brand {
  align-items: center;
  padding-left: 0;
  transition: opacity .2s, color .2s;
  display: flex;
}

.nav-brand:hover {
  opacity: .8;
}

.nav-brand.w--current {
  z-index: 99;
}

.utility-page-wrap {
  width: 100vw;
  max-width: 100%;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  padding-top: 128px;
  padding-bottom: 128px;
  display: flex;
  overflow: hidden;
}

.utility-page-content {
  z-index: 3;
  width: 100%;
  max-width: 560px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.utility-page-form {
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.flex-stretch {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

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

.flex-space-between.top-auto {
  margin-top: auto;
}

.flex-space-around {
  justify-content: space-around;
  display: flex;
}

.footer-brand {
  padding-left: 0;
}

.footer-brand.w--current {
  width: 100%;
  max-width: 300px;
}

.footer-logo {
  width: 260px;
  height: 32px;
  object-fit: cover;
  margin-bottom: 1.375rem;
  display: block;
}

.collection-empty {
  background-color: var(--bg-blue-100);
  text-align: center;
  border-radius: 8px;
}

.nav-links-wrap {
  z-index: 5;
  color: var(--white-smoke);
  flex: none;
  margin-left: 0;
  margin-right: 0;
  padding: .75rem 0 .7rem 1.25rem;
  font-size: .875rem;
  line-height: 1.43em;
}

.nav-links-wrap:hover {
  color: rgba(247, 246, 247, .8);
}

.nav-links-wrap.w--current {
  color: var(--white-smoke);
}

.nav-links-wrap.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.nav-links-wrap.courses {
  height: 100%;
  padding-left: .75rem;
}

.nav-menu {
  z-index: 99;
  width: 100%;
  align-items: center;
  position: relative;
}

.footer-link {
  color: var(--grey-600);
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: .875rem;
  line-height: 1em;
  text-decoration: none;
  transition: opacity .2s;
}

.footer-link:hover {
  color: rgba(121, 118, 127, .8);
}

.footer-link.w--current {
  color: var(--off-white);
}

.overflow-hidden {
  overflow: hidden;
}

.footer-made-with {
  grid-column-gap: 12px;
  align-items: center;
  display: flex;
}

.relative {
  z-index: 1;
  position: relative;
}

.relative.non {
  overflow: hidden;
  box-shadow: 0 100px 200px -100px rgba(80, 1, 184, .6);
}

.relative.full {
  width: 100%;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.z-99 {
  z-index: 99;
  position: relative;
}

.body-rich-text h1 {
  color: var(--gray-900);
  margin-bottom: 1.5rem;
}

.body-rich-text h2, .body-rich-text h3 {
  color: var(--gray-900);
  margin-bottom: 1.25rem;
}

.body-rich-text h4 {
  color: var(--gray-900);
  margin-bottom: 1rem;
}

.body-rich-text p, .body-rich-text blockquote {
  color: var(--gray-800);
  margin-bottom: 1.5rem;
}

.body-rich-text figure {
  margin-bottom: 1.5rem;
}

.body-rich-text figcaption {
  color: var(--gray-700);
  margin-top: .5rem;
}

.body-rich-text ul, .body-rich-text ol {
  color: var(--gray-800);
  margin-bottom: 1.5rem;
}

.kickoff-color-cards {
  width: 100%;
  height: 166px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--gray-50);
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: .75rem;
  display: grid;
  overflow: hidden;
}

.style-guide-intro {
  background-color: var(--secondary-purple);
  border-radius: .75rem;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 2.5rem;
  display: flex;
}

.flow-ninja-logo {
  width: 10rem;
  height: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.kickoff-line {
  width: 100%;
  height: 1px;
  background-color: var(--gray-100);
  margin-bottom: 4rem;
}

.heading-xxl {
  color: var(--off-white);
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.07;
}

.heading-xl {
  color: var(--off-white);
  font-size: 2.875rem;
  font-weight: 600;
  line-height: 1.2em;
}

.heading-xl.mobile-h1.max-760 {
  max-width: 760px;
}

.heading-l {
  color: var(--off-white);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2em;
}

.heading-xs {
  color: var(--off-white);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2em;
}

.heading-xxs {
  color: var(--off-white);
  font-size: 1.5rem;
  line-height: 1.2em;
}

.heading-xxs.line-clamp.mobile-h3.margin-s-1rem._1-25rem {
  font-size: 1.25rem;
}

.heading-3xs {
  color: var(--off-white);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4em;
}

.text-navy-200 {
  color: var(--secondary-pink);
}

.text-navy-100 {
  color: var(--primary-purple);
}

.bg-gray-600 {
  background-color: var(--grey-600);
}

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

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

.bg-gray-900 {
  background-color: var(--gray-900);
}

.bg-warning {
  background-color: var(--alert);
}

.bg-card-fill-1 {
  background-image: linear-gradient(193.63deg, #181818 5.66%, #131313 92.17%);
}

.gradient-1 {
  background-image: linear-gradient(69.22deg, #eba5ff 30.04%, #bd59d9 69.52%);
}

.gradient-purple {
  background-image: linear-gradient(91.39deg, #ce7cf5 30.29%, #5b20ff 93.54%);
}

.text-xl-bold {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4em;
}

.text-s {
  font-size: .875rem;
  line-height: 1.43em;
}

.text-s.text-gradient-1.margin-s-1rem {
  background-image: linear-gradient(91.39deg, #ce7cf5, #5b20ff 80%);
}

.text-s.max-width-l {
  max-width: 309px;
}

.text-s.text-gradient-3 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(130deg, #ce7cf5, #7a4bff);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-regular-medium {
  font-weight: 400;
  line-height: 1.25em;
}

.button-secondary {
  color: var(--off-white);
  text-align: center;
  background-color: #181818;
  border: 1px solid #4f4f57;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: flex;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .05);
}

.button-secondary:hover {
  border-color: var(--grey-600);
  background-color: var(--gray-800);
  color: var(--off-white);
}

.button-secondary:active {
  background-color: var(--gray-800);
}

.button-secondary.nav-login-btn {
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  background-color: rgba(255, 255, 255, .01);
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.button-secondary.nav-login-btn:hover {
  background-color: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .14);
}

.button-secondary.hero {
  padding-top: .875rem;
  padding-bottom: .875rem;
  font-size: 1rem;
  line-height: 18px;
}

.button-secondary.hero.review {
  min-height: 48px;
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  order: 1;
  margin-left: auto;
}

.button-secondary.top-auto {
  margin-top: auto;
}

.button-secondary.load-more-review {
  padding: .75rem 1rem;
  font-size: .875rem;
}

.button-secondary.promo-card-cta {
  background-color: #0f0f0f;
  padding: .5rem 1rem;
}

.button-card {
  min-width: 90px;
  color: var(--off-white);
  text-align: center;
  background-color: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 8px;
  flex: none;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.43em;
  transition: background-color .2s, color .2s;
  box-shadow: inset 0 0 rgba(255, 255, 255, .4);
}

.button-card:hover {
  color: var(--off-white);
  background-color: rgba(255, 255, 255, .15);
}

.button-card:active {
  background-color: rgba(255, 255, 255, .15);
}

.button-card.nav-courses-btn {
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .14);
  box-shadow: inset 1px 0 1px rgba(255, 255, 255, .05);
}

.button-card.nav-courses-btn:hover {
  background-color: rgba(255, 255, 255, .25);
}

.button-variant-200 {
  min-width: 90px;
  color: var(--off-white);
  text-align: center;
  background-color: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  padding: .75rem 1.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  transition: background-color .2s, color .2s;
  box-shadow: inset 0 0 rgba(255, 255, 255, .4);
}

.button-variant-200:hover {
  background-color: var(--gray-900);
  color: var(--off-white);
}

.button-variant-200:active {
  background-color: var(--gray-900);
}

.button-variant-200.about-us-card-button {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  text-decoration: none;
}

.button-variant-200.about-us-card-button.active {
  border-color: var(--primary-purple);
  background-color: var(--primary-purple);
}

.badge-button {
  color: var(--off-white);
  background-color: rgba(100, 0, 230, .5);
  border-radius: 30px;
  padding: 4px 16px;
  font-size: .875rem;
  line-height: 1.43em;
}

.badge-button:hover {
  color: var(--off-white);
}

.pill-title-button {
  color: var(--off-white);
  background-color: #141415;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 7px 16px;
  font-size: .875rem;
  line-height: 1.43em;
  display: flex;
}

.pill-title-button:hover {
  color: var(--off-white);
}

.pill-title-button.margin-s-1rem, .pill-title-button.product {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pill-btn-img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.btn-text {
  color: var(--grey-grey-400);
  font-size: 1rem;
}

.nav-btn-wrap {
  grid-column-gap: 14px;
  align-items: center;
  display: flex;
}

.nav-link-wrap {
  z-index: 5;
  height: 100%;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-dropdown-toggle {
  z-index: 5;
  grid-column-gap: 4px;
  align-items: center;
  margin-left: 4px;
  padding: 0;
  display: flex;
}

.nav-dropdown-toggle.nav-link {
  text-decoration: none;
}

.text-white-smoke {
  color: var(--white-smoke);
}

.nav-arrow {
  width: 12px;
  height: 12px;
  flex: none;
  line-height: 1em;
  display: block;
}

.nav-dropdown-wrap {
  z-index: 3;
  border-radius: 10px;
  padding: 1rem;
  display: block;
  position: relative;
}

.nav-dropdown {
  z-index: 5;
  width: 25rem;
  background-color: rgba(0, 0, 0, 0);
  display: none;
}

.nav-dropdown.w--open {
  background-color: rgba(0, 0, 0, 0);
}

.nav-dropdown.nav-resource {
  width: 42.375rem;
  flex-direction: column;
  align-items: center;
  display: none;
}

.nav-dropdown.nav-resource.w--open {
  width: 42.375rem;
  display: flex;
}

.nav-dropdown-hover {
  z-index: 1;
  grid-column-gap: 8px;
  color: var(--gray-400);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.nav-dropdown-hover:hover {
  background-color: rgba(255, 255, 255, .05);
}

.nav-dropdown-icon {
  width: 25px;
  height: 25px;
}

.nav-design-s-card {
  flex: 0 auto;
}

.ab-section-img {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: 50% 0%;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.ab-section-img.contain-image {
  height: auto;
  object-fit: contain;
  object-position: 50% 0%;
}

.ab-section-img.spothlight-hero-image {
  object-fit: cover;
  object-position: 50% 40%;
}

.ab-section-img.top-image {
  object-fit: fill;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.ab-section-img.certificate-image {
  height: auto;
  object-position: 50% 0%;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-divider {
  width: 100%;
  height: 1px;
  background-color: rgba(237, 234, 241, .1);
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.nav-divider.desktop-hide {
  display: none;
}

.text-neutral-100 {
  color: var(--gray-100);
}

.text-neutral-300 {
  color: var(--gray-300);
}

.text-neutral-500 {
  color: var(--gray-500);
}

.nav-pill-btn {
  background-color: var(--primary-purple);
  border-radius: 4px;
  align-self: center;
  margin-left: .25rem;
  padding: .125rem .25rem;
}

.nav-badge-text {
  color: var(--off-white);
  letter-spacing: .5px;
  font-size: .625rem;
  font-weight: 400;
  line-height: .625rem;
}

.margin-right-xxs {
  margin-right: .25rem;
}

.nav-badge-wrap {
  display: flex;
}

.nav-pill-btn-free {
  height: auto;
  background-color: var(--gray-800);
  border-radius: 5px;
  align-self: flex-start;
  margin-left: .5rem;
  padding: .25rem;
}

.nav-resource-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nav-resource-img-wrap {
  width: 100%;
  height: 70px;
  max-width: 100px;
  border-radius: 5px;
  flex: none;
  overflow: hidden;
}

.text-off-white {
  color: var(--off-white);
}

.nav-design-system {
  flex: 1;
}

.nav-design-flex {
  flex-direction: row;
  display: flex;
}

.button-small {
  min-width: 90px;
  background-color: var(--primary-purple);
  color: var(--off-white);
  text-align: center;
  border-radius: 8px;
  padding: .75rem 1.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  transition: background-color .2s, color .2s;
}

.button-small:hover {
  background-color: var(--secondary-purple);
  color: var(--off-white);
}

.button-small:active {
  background-color: var(--secondary-purple);
}

.button-small.nav {
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  padding: .25rem 1rem;
  display: flex;
}

.resource-btn-wrap {
  justify-content: flex-end;
  padding-right: .625rem;
  display: flex;
}

.resource-btn-wrap.padding-xs {
  flex-direction: column;
}

.nav-link-flex {
  cursor: auto;
  align-items: center;
  padding-left: 8px;
  display: flex;
}

.ring-container {
  width: 12px;
  height: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ringring {
  width: 12px;
  height: 12px;
  border: 3px solid var(--primary-orchid);
  border-radius: 30px;
  position: absolute;
}

.circle {
  width: 6px;
  height: 6px;
  background-color: var(--primary-orchid);
  border-radius: 30px;
  position: absolute;
}

.display-none {
  display: none;
}

.ring-container-static {
  width: 12px;
  height: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.static-circle {
  z-index: -1;
  position: absolute;
}

.html-embed {
  display: none;
}

.text-regular {
  font-family: Polysans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
}

.text-regular.text-neutral-50.custom-margin-bot {
  margin-bottom: .25rem;
}

.sub-footer-column {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2.125rem;
  display: flex;
}

.social-media-wrap {
  width: 43.5px;
  height: 43.5px;
  justify-content: center;
  align-items: center;
  transition-duration: .25s, .2s;
  display: flex;
  position: relative;
}

.social-media-wrap:hover {
  opacity: .7;
}

.social-icon {
  border: 1px solid rgba(255, 255, 255, .02);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 9px;
}

.social-icon.absolute {
  z-index: -1;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
}

.social-icon.gradient-card-1 {
  width: 45px;
  height: 45px;
}

.white-gradient-border {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.padding-xxs-4-sides {
  padding: .25rem;
}

.nav-link {
  color: var(--white-smoke);
  padding: 0;
}

.nav-link:hover {
  color: var(--grey-600);
}

.nav-link.w--current {
  color: var(--primary-orchid);
}

.logo-text-wrap {
  display: none;
}

.logo-text-wrap._404-logo {
  display: block;
}

.nav-tablet-btns {
  display: none;
}

.absolute-nav-wrap {
  z-index: 97;
  height: 4.625rem;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: inset 1px 0 1px rgba(255, 255, 255, .05);
}

.absolute-nav-wrap.scrolled {
  background-color: rgba(20, 20, 21, .7);
  transition: all .25s;
}

.s-icon {
  width: 24px;
  height: 24px;
}

.gradient-card-1 {
  background-image: linear-gradient(193.63deg, #181818 5.66%, #131313 92.17%);
}

.hero-btn-wrap {
  grid-column-gap: 16px;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.hero-student-wrapper {
  display: flex;
}

.hero-student-img-icon {
  width: 3rem;
  height: 3rem;
  margin-left: -15px;
}

.hero-student-img-icon.first {
  border-radius: 1000px;
  margin-left: 0;
}

.hero-stars-img {
  height: 1.125rem;
}

.hero-animation-wrap {
  z-index: 2;
  height: 32rem;
  grid-column-gap: 12px;
  padding-left: 9px;
  padding-right: 9px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-left-side-imgs {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 12px;
  display: flex;
}

.hero-left-side-imgs.tablet {
  display: none;
}

.hero-left-side-imgs.desktop {
  margin-top: 20px;
}

.student-img-and-name {
  width: 11.875rem;
  background-image: linear-gradient(105.47deg, rgba(36, 36, 43, .6), rgba(21, 21, 26, .6));
  border-radius: 6px;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  padding: 8px;
  display: flex;
  position: relative;
  box-shadow: inset 0 -1px .69px rgba(0, 0, 0, .05), 0 -3px 8.27px rgba(0, 0, 0, .2);
}

.student-img-and-name.small-card {
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.student-img-and-name.small-card-rating {
  grid-column-gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  padding: 12px;
  display: flex;
}

.hero-student-image {
  width: 100%;
  height: 15rem;
  border-radius: 6px;
}

.hero-student-image.margin-xxs {
  z-index: 4;
  object-fit: cover;
  position: relative;
}

.small-card-img {
  z-index: 3;
  width: 2rem;
  height: 2rem;
  object-fit: cover;
  border-radius: 2px;
  position: relative;
}

.hero-student-info-wrap {
  z-index: 3;
  grid-row-gap: 2px;
  flex-direction: column;
  margin-left: 8px;
  display: flex;
  position: relative;
}

.hero-right-side-imgs {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  flex: none;
  align-items: stretch;
  margin-top: 20px;
  padding-bottom: 12px;
  display: flex;
}

.student-count-wrap {
  margin-left: 12px;
}

.ab-top-gradient {
  z-index: 5;
  height: 6.75rem;
  background-image: linear-gradient(#141630, rgba(9, 13, 20, 0));
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.ab-bot-gradient {
  z-index: 5;
  height: 6.75rem;
  background-image: linear-gradient(rgba(9, 13, 20, 0), #0e0e0f);
  display: block;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.hero-ab-img {
  z-index: -1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: -43%;
}

.text-gradient-1 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(91.39deg, #ce7cf5, #5b20ff 80%);
  -webkit-background-clip: text;
  background-clip: text;
}

.nav-mask-menu {
  z-index: 5;
  width: 100%;
  height: 100%;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-copyright-wrap {
  color: var(--grey-600);
  font-size: .875rem;
  line-height: 1.43em;
}

.home-logo-wrap {
  grid-column-gap: 1.25rem;
  justify-content: center;
  display: flex;
}

.home-company-logo {
  width: 11.375rem;
  height: 4.0625rem;
}

.student-circle-img-wrap {
  grid-column-gap: 2.1875rem;
  display: flex;
}

.circle-img-wrap {
  z-index: 1;
  width: 6.25rem;
  height: 6.25rem;
  position: relative;
}

.circle-img-wrap:hover {
  z-index: 5;
}

.student-circle-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 20%;
}

.flag-img {
  z-index: 2;
  width: 1.875rem;
  height: 1.875rem;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.radar-animation {
  grid-column-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pulsing-star {
  width: 100%;
  height: 100%;
}

.star-wrap {
  z-index: 1;
  width: 289px;
  height: 289px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.star-wrap.student-card-star {
  width: 8rem;
  height: 8rem;
  align-items: center;
}

.circle-ab {
  z-index: -1;
  width: 160px;
  height: 160px;
  background-image: linear-gradient(10.47deg, rgba(60, 58, 58, .2) 14.89%, rgba(63, 63, 63, 0));
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.circle-ab.first, .circle-ab.second, .circle-ab.third {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}

.circle-ab.stydent-card-first {
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(150px);
  backdrop-filter: blur(150px);
}

.circle-ab.student-card-second, .circle-ab.student-card-third {
  width: 100%;
  height: 100%;
}

.ab-hover-card {
  z-index: 2;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 8px 12px;
  position: absolute;
  top: 85px;
  right: -40%;
  overflow: hidden;
}

.ab-hover-card.gradient-card-60.long {
  left: 28px;
  right: -86%;
}

.border-xxs {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.gradient-card-60 {
  background-image: linear-gradient(193.63deg, rgba(24, 24, 24, .6) 5.66%, rgba(19, 19, 19, .6) 92.17%);
}

.lightbox-link {
  z-index: 1;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lightbox-link.courses-light-box {
  margin-top: 2.5rem;
  overflow: hidden;
}

.video-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.play-btn {
  width: 6.9375rem;
  height: 6.9375rem;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-image: linear-gradient(#202020 10%, rgba(0, 0, 0, 0));
  border-radius: 50%;
  position: absolute;
}

.home-courses-title-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-courses-title-wrap.max-width-courses {
  max-width: 600px;
}

.vertical-line {
  width: 2px;
  height: 80px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .2));
  display: none;
}

.course-card-wrap {
  width: 100%;
  height: 100%;
  max-width: 384px;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.25rem 1rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.course-card-wrap.gradient-card-1 {
  z-index: 1;
  background-image: linear-gradient(193.63deg, #181818 5.66%, #131313 92.17%);
  border: 1px solid rgba(247, 246, 247, .1);
}

.course-card-wrap.horizontal-card {
  max-width: none;
  border: 1px solid var(--gray-800);
  color: var(--gray-gray-500);
  flex-direction: row;
  padding: 1.25rem;
}

.course-card-img-wrap {
  z-index: 2;
  width: 100%;
  height: 13.625rem;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.course-card-img-wrap.horizontal-card {
  width: 16.125rem;
  height: auto;
  align-self: stretch;
  padding: 0;
}

.course-card-img-wrap.horizontal-card.min-width {
  min-width: 46%;
}

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

.cover-image.absolute-image {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.course-card-body {
  z-index: 2;
  width: 100%;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
}

.course-card-ratings-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.course-card-ratings-wrap.margin-xs {
  align-items: center;
}

.rating-stars {
  height: 13px;
}

.no-of-students {
  align-items: center;
  display: flex;
}

.no-of-students.product {
  grid-column-gap: 4px;
}

.flex-horizontal-center {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.swiper-pagination {
  grid-column-gap: 4px;
  align-items: center;
  display: flex;
}

.swiper-pagination.blog-pagination {
  display: none;
}

.swiper-pagination.blog-pagination.display-blog {
  display: flex;
}

.max-width-xxl {
  max-width: 710px;
  text-align: center;
}

.home-product-title-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-product-title-wrap.max-width-xxl {
  max-width: 620px;
}

.infinity-slider {
  width: 160rem;
  grid-row-gap: 1.625rem;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-tertiary {
  min-width: 90px;
  color: var(--off-white);
  text-align: center;
  background-color: #2d2d30;
  border: 1px solid #333338;
  border-radius: 8px;
  padding: .75rem 1.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  transition: background-color .2s, color .2s;
  box-shadow: inset 0 0 rgba(255, 255, 255, .4);
}

.button-tertiary:hover {
  background-color: var(--gray-700);
  color: var(--off-white);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .05);
}

.button-tertiary:active {
  background-color: var(--gray-700);
}

.left-side-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  display: flex;
}

.right-side-wrap {
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.right-side-wrap.display-none {
  align-self: stretch;
}

.embed-hero {
  display: none;
}

.spacer {
  height: 80px;
}

.nav-dropdown-wrapper {
  z-index: 5;
  width: 100%;
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(193.63deg, rgba(24, 24, 24, .85) 5.66%, rgba(19, 19, 19, .85) 92.17%);
  border-radius: 8px;
  margin-top: .6rem;
  display: block;
  box-shadow: inset 0 2px 30px rgba(0, 0, 0, .25);
}

.nav-dropdown-wrapper.nav-resource {
  width: 42.375rem;
  flex-direction: column;
  align-items: center;
}

.nav-dropdown-wrapper.nav-resource.w--open {
  width: 42.375rem;
  margin-top: .6rem;
}

.infinity-left {
  flex-flow: row;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.infinity-img {
  width: 100%;
  height: 4rem;
  flex: none;
  padding-right: 2rem;
}

.infinity-img.custom-padding-right {
  padding-right: 0;
}

.infinity-slow {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.infinity-slow.opacity-0-6 {
  opacity: .6;
}

.embed-infinity {
  display: none;
}

.student-stories-card-wrap {
  z-index: 1;
  width: 100%;
  grid-column-gap: 1.5rem;
  color: var(--white-smoke);
  align-items: center;
  padding: 3.125rem 5.125rem 4.375rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.student-stories-card-wrap:hover {
  color: var(--white-smoke);
}

.student-stories {
  z-index: 1;
  width: 100%;
  max-width: 36.875rem;
  border-radius: 10px;
  justify-content: flex-start;
  display: flex;
  overflow: hidden;
}

.student-story-img {
  width: 10rem;
  height: 10rem;
  object-fit: cover;
  border-radius: 22px;
}

.student-stories-content {
  width: 100%;
  max-width: 15.125rem;
}

.studens-stories-gradient-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(193.63deg, rgba(24, 24, 24, .6) 5.66%, #131313 92.17%), linear-gradient(80.75deg, rgba(54, 54, 54, .02) 39.38%, rgba(117, 117, 117, 0));
}

.margin-s-1rem {
  margin-bottom: 1rem;
}

.swiper-pagination-stories {
  z-index: 1;
  grid-column-gap: 4px;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 30px;
}

.swiper-pagination-bullet-stories {
  width: 6px;
  height: 4px;
  background-color: rgba(100, 0, 230, .4);
  border-radius: 85px;
  transition: all .3s;
}

.swiper-pagination-bullet-stories.swiper-pagination-bullet-active-stories {
  width: 16px;
  background-color: var(--primary-purple);
}

.stories-wrap {
  z-index: 1;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navigaton-arrows {
  z-index: 1;
  width: 100%;
  justify-content: space-between;
  display: flex;
  position: absolute;
}

.arrow-wrap {
  z-index: 1;
  width: 44px;
  height: 44px;
  cursor: pointer;
  position: relative;
  left: -20px;
}

.arrow-wrap.right {
  z-index: 1;
  left: auto;
  right: -20px;
}

.swiper-button-prev {
  width: 100%;
  height: 100%;
}

.swiper-button-prev.swiper-button-disabled {
  opacity: .4;
}

.swiper-button-next {
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
}

.swiper-button-next.swiper-button-disabled {
  opacity: .4;
}

.gradient-divider-xl {
  height: 1px;
  margin-top: -14px;
  margin-bottom: 13px;
}

.max-width-3xl {
  max-width: 63.75rem;
}

.how-we-do-it-img-wrap {
  width: 100%;
  height: 18.9375rem;
  max-width: 65.875rem;
}

.regular-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.regular-image.mobile-only {
  display: none;
}

.grid {
  width: 100%;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid.gap-0 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.grid.gap-row-40 {
  grid-row-gap: 2.5rem;
}

.icon-and-title {
  grid-column-gap: 8px;
  display: flex;
}

.icon-small {
  width: 24px;
  height: 24px;
}

.margin-s-0-75 {
  margin-bottom: .75rem;
}

.author-image {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.author-wrap {
  grid-column-gap: 12px;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.author-wrap.top {
  margin-bottom: .75rem;
}

.author-wrap.blog-post {
  margin-top: 1rem;
  padding-left: .125rem;
  padding-right: .125rem;
}

.blog-swiper {
  z-index: 1;
  width: 100%;
  justify-content: flex-start;
  display: flex;
  overflow: hidden;
}

.wrap {
  flex: none;
}

.wrap.margin--20.tablet-mode, .wrap.tablet-mode {
  display: none;
}

.padding-all-20 {
  padding: 20px;
}

.product-pagination {
  grid-column-gap: 4px;
  align-items: center;
  display: flex;
}

.product-pagination.blog-pagination {
  display: none;
}

.error-img {
  width: 16px;
  height: 16px;
}

.news-input {
  z-index: 2;
  width: 100%;
  height: 60px;
  color: var(--off-white);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  margin-bottom: 0;
  padding: 12px 0 12px 20px;
  font-size: 1.25rem;
  line-height: 1.75em;
  position: relative;
}

.news-input:focus {
  border-color: #79767f;
}

.news-input:focus-visible {
  border-radius: 10px;
}

.news-input[data-wf-focus-visible] {
  border-radius: 10px;
}

.news-input::-ms-input-placeholder {
  color: rgba(121, 118, 127, .5);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75em;
}

.news-input::placeholder {
  color: rgba(121, 118, 127, .5);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75em;
}

.news-input.suggest {
  height: 48px;
  padding-bottom: 10px;
  font-size: 1rem;
}

.news-input.suggest.text-area {
  height: auto;
  min-height: 96px;
}

.news-input.side-input {
  height: 45px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
}

.news-input.side-input:hover, .news-input.side-input:active, .news-input.side-input:focus {
  font-size: 14px;
}

.news-input.side-input:focus-visible {
  font-size: 14px;
}

.news-input.side-input[data-wf-focus-visible] {
  font-size: 14px;
}

.news-input.side-input::-ms-input-placeholder {
  font-size: 14px;
}

.news-input.side-input::placeholder {
  font-size: 14px;
}

.news-input-wrapper {
  z-index: 1;
  height: 60px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: rgba(14, 14, 15, .6);
  border: 0 #000;
  border-radius: 10px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.news-input-wrapper.margin-s-1rem.full-width {
  width: 100%;
}

.news-input-wrapper.margin-s-1rem.side-input-wrapper {
  height: 45px;
}

.error-active {
  z-index: 2;
  grid-column-gap: 4px;
  border: 1px solid var(--gray-800);
  opacity: 0;
  background-image: linear-gradient(220deg, #181818, #131313 97.78%);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  align-items: center;
  padding: 8px 20px;
  display: flex;
  position: absolute;
  top: 46px;
  left: auto;
  box-shadow: inset 0 0 10px rgba(9, 9, 9, .6);
}

.courses-bullets {
  width: 6px;
  height: 4px;
  background-color: rgba(198, 197, 201, .4);
  border-radius: 85px;
  flex: none;
  transition: all .3s;
}

.courses-bullets.courses-bullets-active {
  width: 16px;
  background-color: var(--gray-300);
}

.product-bullets {
  width: 6px;
  height: 4px;
  background-color: rgba(198, 197, 201, .4);
  border-radius: 85px;
  transition: all .3s;
}

.product-bullets.product-bullets-active {
  width: 16px;
  background-color: var(--gray-300);
}

.product-bullets-active {
  width: 16px;
  height: 4px;
  background-color: var(--gray-300);
}

.newsletter-form {
  z-index: 1;
  width: 562px;
  max-width: 100%;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.newsletter-form-title-wrap {
  max-width: 442px;
  text-align: center;
}

.newsletter-form-title-wrap.exclusive-wrapper {
  max-width: 511px;
}

.small-heart {
  width: 17px;
  height: 17px;
}

.spam-wrap {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spam-wrap.aling-left-on-desktop {
  justify-content: flex-start;
}

.text-gradient-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(91.39deg, #eba5ff, #bd59d9 80%);
  -webkit-background-clip: text;
  background-clip: text;
}

.date-wrap, .min-read-wrap {
  grid-column-gap: 4px;
  align-items: center;
  display: flex;
}

.dot {
  width: 2px;
  height: 2px;
  background-color: var(--grey-600);
}

.dot.gray-dot {
  background-color: var(--gray-400);
}

.student-img-wrap {
  z-index: 1;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.success-img {
  z-index: 2;
  width: 16px;
  height: 16px;
  opacity: 0;
  margin-right: 20px;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 0%;
}

.success-img.download {
  top: 15px;
}

.news-wrap {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.error-image {
  z-index: 2;
  width: 16px;
  height: 16px;
  opacity: 0;
  margin-right: 20px;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 0%;
}

.error-image.downloade {
  top: 15px;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.courses-body {
  height: auto;
  min-width: 0;
}

.success-message {
  background-color: var(--gray-900);
  border: 1px solid #32323f;
  border-radius: 8px;
  padding-top: 14px;
  padding-bottom: 14px;
  box-shadow: inset 0 0 rgba(255, 255, 255, .4);
}

.success {
  width: 16px;
  height: 16px;
}

.success-wrap {
  grid-column-gap: 4px;
  align-items: center;
  display: flex;
}

.resource-hero-btn-wrap {
  grid-column-gap: 16px;
  display: flex;
}

.figma-btn-img {
  width: 21px;
  height: 20px;
  margin-right: 4px;
}

.name-wrap {
  width: 164%;
  flex-direction: column;
  padding-right: 67px;
  display: flex;
}

.ab-section-wide-screen {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.stars-image {
  height: 1.125rem;
  margin-right: 8px;
}

.text-neutral-700 {
  color: var(--gray-700);
}

.ab-section-img-home {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: fill;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.testimonial-title-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.star {
  width: 26px;
  height: 26px;
  margin-right: 8px;
}

.flex-horizontal-start {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.testimonials-wrapper {
  justify-content: space-between;
  display: flex;
}

.customer-reviews-wrap {
  z-index: 1;
  flex-direction: column;
  flex: none;
  position: relative;
}

.review-stars {
  height: 20px;
  margin-right: 8px;
}

.testimonials-wrap {
  flex-direction: column;
  display: flex;
}

.student-testimonial-card {
  width: 100%;
  max-width: 793px;
  border-radius: 10px;
  margin-bottom: 0;
  padding: 20px;
}

.student-testimonial-card.gradient-card-2 {
  z-index: 1;
  background-image: linear-gradient(192deg, #181818, #131313);
  border: 1px solid rgba(255, 255, 255, .1);
  position: relative;
}

.student-card-nav {
  z-index: 2;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.student-card-img-wrap {
  margin-right: 8px;
  position: relative;
}

.img-wrap {
  width: 3.125rem;
  height: 3.125rem;
  border: 2px solid var(--gray-800);
  border-radius: 50%;
  overflow: hidden;
}

.student-flag {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.student-card-social-icons {
  grid-column-gap: 8px;
  display: flex;
}

.social-icon-wrap {
  width: 20px;
  height: 20px;
  transition: transform .2s;
}

.social-icon-wrap:hover {
  transform: scale(1.1);
}

.student-body-card-wrap {
  z-index: 2;
  position: relative;
}

.student-card-body-text p {
  color: var(--grey-grey-400);
}

.verified-student-img {
  height: 25px;
}

.gradient-card-220deg {
  background-image: linear-gradient(220deg, #181818, rgba(19, 19, 19, .98));
}

.btn-wrap {
  width: 100%;
  max-width: 196px;
}

.include-card {
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: 384px;
  border: 1px solid #333338;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon-37x37 {
  width: 37px;
  height: 37px;
  object-fit: contain;
}

.faq-title {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.faq-wrap {
  width: 100%;
  max-width: 760px;
  flex-direction: row;
  align-items: flex-start;
}

.faq-dropdown-main {
  z-index: 1;
  width: 100%;
  background-color: var(--black);
  border-radius: 12px;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  transition: background-color .2s;
  position: relative;
  overflow: hidden;
}

.faq-dropdown-main.open-bg {
  color: var(--white-smoke);
  background-color: #171717;
}

.faq-toggle {
  width: 100%;
  color: var(--gray-50);
  cursor: pointer;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.faq-question {
  color: var(--off-white);
  font-weight: 400;
}

.arrow-down {
  width: 24px;
  height: 24px;
  color: var(--grey-grey-400);
  flex: none;
  transition: transform .2s;
}

.arrow-down.rotate {
  transform: rotate(180deg);
}

.faq-answer-wrap {
  padding: 10px 20px 20px 0;
}

.faq-dropdown {
  z-index: 1;
  width: 100%;
  max-height: 0;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.faq-dropdown.open {
  max-height: 1000px;
  transition: all .2s;
  display: block;
}

.faq-rich-text p {
  color: var(--grey-grey-400);
}

.faq-list {
  width: 100%;
  flex-direction: column;
  display: flex;
}

.faq-list-wrapper {
  width: 100%;
}

.change-log-title-wrap {
  grid-column-gap: 4px;
  color: var(--white-smoke);
  display: flex;
}

.change-log-title-wrap.text-xl-bold.margin-s-1rem {
  z-index: 4;
  position: relative;
}

.main-rich-text p {
  color: var(--grey-grey-400);
  margin-bottom: 1.25rem;
}

.main-rich-text ul {
  color: var(--gray-400);
  padding-left: 2rem;
}

.main-rich-text li {
  margin-bottom: 1rem;
}

.changelog-item {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  display: none;
}

.changelog-item:last-child {
  padding-bottom: 0;
}

.changelog-rich-wrap {
  transition: height 1s;
  overflow: hidden;
}

.margin-xl-80-40 {
  margin-bottom: 5rem;
}

.change-log-list {
  width: 100%;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.change-log-wrap {
  z-index: 1;
  grid-column-gap: 26px;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
}

.slider-line-wrap {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.slider-line-wrap.display-none {
  display: none;
}

.slider-dot {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: relative;
}

.slider-line {
  width: 2px;
  height: 100%;
  background-color: var(--grey-600);
}

.slider-dot-wrap {
  z-index: 4;
  width: 20px;
  height: 20px;
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  left: -35px;
}

.fixed-reviews {
  max-width: 365px;
  border: 1px solid #28272a;
  border-radius: 8px;
  margin-bottom: 70px;
  padding: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
}

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

.products-logo {
  width: 100%;
  height: 40px;
  object-fit: contain;
}

.products-logo-wrap {
  width: 100%;
  justify-content: space-around;
  display: flex;
}

.margin-m-1-5 {
  margin-bottom: 1.5rem;
}

.collection-item.pre-bult-components, .collection-item.testimonials {
  width: 100%;
}

.collection-item.testimonials:last-child {
  margin-bottom: 40px;
}

.collection-list.components {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list.testimonials {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.component-card {
  width: 100%;
  height: 172px;
  max-width: 289px;
  border: 1px solid #333338;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  transition: transform .2s, opacity .2s, color .2s;
  display: flex;
  overflow: hidden;
}

.component-card:hover {
  transform: scale(1.02);
}

.component-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.variant-wrap {
  grid-column-gap: 4px;
  border: 1px solid #333338;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  display: flex;
}

.div-block {
  display: flex;
}

.div-block-2 {
  width: 100%;
  grid-column-gap: 8px;
  grid-row-gap: 4px;
  background-color: #181818;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.product-component-card {
  width: 100%;
  grid-column-gap: 2rem;
  align-items: center;
  display: flex;
}

.product-component-card:nth-child(2n) {
  flex-direction: row-reverse;
}

.component-main-img-wrap {
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 434px;
  max-width: 590px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.component-main-image {
  width: 100%;
  height: 100%;
}

.component-text-wrap {
  width: 100%;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.img-list-wrap {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.img-list {
  grid-column-gap: 1rem;
  align-items: center;
  display: flex;
}

.collection-list-wrapper.product-component {
  width: 100%;
}

.collection-list-wrapper.testimonials {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-wrap {
  grid-column-gap: 20px;
  display: flex;
}

.pricing-card {
  z-index: 1;
  border-radius: 12px;
  padding: 39px;
  position: relative;
  overflow: hidden;
}

.pricing-card.gradient-card-220deg.main-pricing-card {
  z-index: 2;
  width: 100%;
  max-width: 415px;
  opacity: 1;
}

.pricing-card.side-pricing-card-wrapper {
  width: 100%;
  max-width: 320px;
  margin-left: -15px;
}

.pricing-type {
  z-index: 2;
  width: 284px;
  color: var(--white-smoke);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3f3f42;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding-top: 9px;
  padding-bottom: 9px;
  display: flex;
  position: relative;
}

.pricing-heading-wrap {
  z-index: 2;
  max-width: 270px;
  text-align: center;
  position: relative;
}

.pricing-item-wrap {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.pricing-icon {
  width: 23px;
  height: 23px;
}

.pricing-pill {
  color: var(--off-white);
  background-color: rgba(100, 0, 230, .5);
  border-radius: 24px;
  padding: 3px 11px;
  font-size: .9375rem;
  line-height: .875em;
  display: inline-block;
}

.second-nav-link {
  z-index: 2;
  border-radius: 10px;
  padding: 8px 12px;
  text-decoration: none;
  position: relative;
}

.second-nav-link:hover {
  opacity: .8;
}

.second-nav-link.w--current {
  background-color: rgba(255, 255, 255, .09);
}

.second-nav-wrap {
  z-index: 1;
  background-color: var(--gray-900);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  border-radius: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.anchor {
  z-index: -1;
  width: 100%;
  height: 100%;
  outline-offset: 0px;
  outline: 3px #f7f6f7;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.anchor.top {
  height: auto;
  top: -100px;
}

.anchor.top.spec {
  bottom: 100px;
}

.anchor.top.top-0 {
  top: 0;
}

.anchor.features {
  top: 100px;
}

.anchor.gap-20 {
  top: -1.25rem;
}

.blog-cms {
  width: 100%;
}

.blog-cms.testimonial {
  margin-top: 1.25rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.blog-cms.second-blog-wrapper {
  margin-top: 1.25rem;
}

.blog-cms-list {
  width: 100%;
}

.blog-cms-list.all-blogs {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2.5rem;
  display: grid;
}

.blog-cms-item {
  width: 100%;
}

.blog-card {
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.25rem 1rem;
  text-decoration: none;
  transition-property: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-card.card-with-background {
  background-color: #141415;
  border-color: #28272a;
}

.blog-featured-card-image {
  z-index: 2;
  width: 100%;
  height: 18.75rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

.featured-blog-tag {
  background-color: var(--primary-purple);
  color: var(--white-smoke);
  border-radius: 5px;
  padding: .25rem .8rem;
  font-size: .75rem;
  position: absolute;
  top: .75rem;
  bottom: auto;
  left: .85rem;
  right: auto;
}

.line-element {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blog-cat-cms {
  width: 100%;
}

.blog-cat-cms-list {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-cat-cms-item {
  flex: none;
}

.hide {
  display: none;
}

.blog-cat-tag {
  color: #c7c7ca;
  border-radius: 10px;
  flex: none;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: .875rem;
  line-height: 1.5rem;
  transition: all .25s;
}

.blog-cat-tag:hover {
  color: var(--gray-200);
  background-color: rgba(255, 255, 255, .09);
}

.blog-cat-tag.w--current {
  background-color: rgba(255, 255, 255, .09);
}

.blog-cat-tag.active-cat {
  color: var(--gray-200);
  background-color: rgba(255, 255, 255, .09);
}

.blog-cat-tag.all-blogs {
  margin-right: .25rem;
}

.blog-filters {
  width: 100%;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.blog-filters-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.blog-card-image {
  z-index: 2;
  width: 100%;
  height: 12.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

.blog-pagination-wrapper {
  width: 100%;
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}

.blog-pagination-wrapper.newslatter {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  justify-content: flex-start;
  padding-left: 1.5rem;
}

.blog-pagination-wrapper.newslatter.newsroom {
  width: 57.5%;
  margin-top: 2.5rem;
  margin-left: auto;
}

.blog-pagination-wrapper.spotlight-wrap {
  color: var(--gray-400);
  justify-content: flex-start;
}

.pagination-button {
  width: 2.25rem;
  height: 2.25rem;
  color: var(--grey-600);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}

.pagination-button:hover, .pagination-button.w--current {
  background-color: var(--gray-800);
  color: var(--neutral);
}

.pagination-next {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--black);
  color: var(--neutral);
  border-style: none;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 1rem;
  text-decoration: none;
  transition: all .25s;
  display: flex;
  position: relative;
}

.pagination-next:hover {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--gray-400);
}

.pagination-next.disable {
  z-index: 1;
  background-color: var(--black);
  color: var(--grey-600);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.pagination-next.disable:hover {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.pagination-next.disable.newsletter-next {
  margin-left: -6px;
  position: static;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.pagination-next.newslatter {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.pagination-next.newslatter.newsletter-next {
  position: static;
}

.pagination-arrow-icon {
  width: 6px;
  height: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  display: flex;
}

.pagination-next-button-wrapper {
  min-width: 54px;
  position: absolute;
  top: .5rem;
  bottom: auto;
  left: auto;
  right: 20%;
}

.pagination-next-button-wrapper.newsletter-next {
  min-width: 6px;
  order: 1;
  align-items: center;
  margin-left: 1.3rem;
  display: flex;
  position: static;
}

.pagination-back-button-wrapper {
  position: absolute;
  top: .5rem;
  bottom: auto;
  left: 20%;
  right: auto;
}

.pagination-back-button-wrapper.newslatter {
  top: .7rem;
  left: 0%;
}

.pagination-previous {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--black);
  color: var(--neutral);
  border-style: none;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 1rem;
  text-decoration: none;
  transition: all .25s;
  display: flex;
  position: absolute;
  top: .5rem;
  bottom: auto;
  left: 20%;
  right: auto;
}

.pagination-previous:hover {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--gray-400);
}

.pagination-previous.newslatter {
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.product-image-right {
  width: 100%;
}

.product-icon-rich-text h6 {
  color: #edeaf1;
  font-size: 1rem;
  line-height: 1.5em;
}

.product-icon {
  width: 40px;
  height: 40px;
}

.product-image-left {
  width: 100%;
}

.log-line {
  width: 2px;
  height: 0%;
  background-color: var(--primary-orchid);
}

.log-line-wrap {
  z-index: 2;
  height: 100%;
  background-color: #5a5a5e;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.change-log-date {
  color: var(--off-white);
}

.courses-hero-icons-wrap {
  grid-column-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
}

.courses-hero-numbers {
  grid-column-gap: .5rem;
  color: #5a5a5e;
  justify-content: flex-start;
  align-items: center;
  font-size: .875rem;
  line-height: 1.7em;
  display: flex;
}

.courses-hero-numbers-icon {
  width: 1.875rem;
  height: 1.875rem;
}

.courses-hero-numbers-icon.big-icons {
  width: 2rem;
  height: 2rem;
}

.courses-hero-bg {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.change-log-wrapper {
  width: 100%;
  max-width: 720px;
}

.horizontal-card {
  z-index: 1;
  max-width: none;
  grid-column-gap: 1.5rem;
  background-image: linear-gradient(193.63deg, #181818 5.66%, #131313 92.17%);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 1.5rem;
}

.courses-wrapper {
  width: 100%;
}

.courses-list {
  width: 100%;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  display: flex;
}

.courses-item {
  width: 100%;
}

.rating-text {
  color: var(--alert);
  margin-top: 3px;
  font-size: .75rem;
  line-height: 1em;
}

.courses-details {
  width: 100%;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.details-item {
  grid-column-gap: .25rem;
  color: var(--gray-500);
  justify-content: flex-start;
  align-items: center;
  font-size: .875rem;
  line-height: 1.5em;
  display: flex;
}

.details-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.bundle-tag {
  z-index: 2;
  background-color: var(--primary-purple);
  color: var(--white-smoke);
  border-radius: .375rem;
  padding: .5rem .75rem;
  font-size: .75rem;
  line-height: 1.2em;
  position: absolute;
  top: 1.1rem;
  bottom: auto;
  left: 1.1rem;
  right: auto;
}

.courses-filters {
  width: 100%;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pill-btn-text {
  color: var(--grey-grey-400);
  font-size: 1rem;
}

.text-gray-gray-400 {
  color: var(--grey-grey-400);
}

.product-component-card-left {
  width: 100%;
  grid-column-gap: 2rem;
  align-items: center;
  display: flex;
}

.product-component-card-left:nth-child(2n) {
  flex-direction: row-reverse;
}

.image-wrap {
  width: 100%;
  height: 120px;
  max-width: 230px;
}

.hero-download-form {
  margin-bottom: 0;
}

.download-input {
  z-index: 2;
  width: 462px;
  height: 48px;
  color: var(--off-white);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-size: 1.25rem;
  line-height: 1.75em;
  position: relative;
}

.download-input:focus {
  border-color: #79767f;
}

.download-input:focus-visible {
  border-radius: 10px;
}

.download-input[data-wf-focus-visible] {
  border-radius: 10px;
}

.download-input::-ms-input-placeholder {
  color: rgba(121, 118, 127, .5);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75em;
}

.download-input::placeholder {
  color: rgba(121, 118, 127, .5);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75em;
}

.text-gray-gray-500 {
  color: var(--gray-gray-500);
}

.pricing-body {
  z-index: 2;
  width: 100%;
  grid-row-gap: 8px;
  flex-direction: column;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.download-wrap-copy {
  width: 100%;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.hero-form-wrap-download {
  z-index: 1;
  grid-column-gap: 12px;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.download-input-wrapper {
  z-index: 1;
  height: 48px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: rgba(14, 14, 15, .6);
  border: 0 #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.margin-right-xs {
  margin-right: 8px;
}

.case-study-title-wrap {
  width: 100%;
  text-align: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sticky-content-wrap {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 5.875rem;
}

.content-no {
  grid-column-gap: 8px;
  color: var(--grey-600);
  border-radius: 10px;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
}

.content-no:hover {
  color: var(--grey-600);
}

.content-no.w--current {
  background-color: var(--gray-900);
  color: var(--off-white);
}

.terms-text-wrap {
  z-index: 1;
  width: 100%;
  border: 1px solid rgba(96, 94, 100, .3);
  border-radius: 10px;
  padding: 32px 32px 12px;
  position: relative;
}

.separator-line {
  width: 100%;
  height: 1px;
  background-color: rgba(96, 94, 100, .5);
}

.text-wrap {
  grid-column-gap: 25px;
  display: flex;
}

.number {
  grid-column-gap: 8px;
  font-size: .875rem;
  line-height: 1.25em;
}

.terms-rich-text p {
  color: var(--gray-400);
  font-size: .875rem;
  line-height: 1.25em;
}

.terms-rich-text li {
  margin-bottom: 4px;
  font-size: .875rem;
}

.terms-rich-text h6 {
  margin-bottom: 11px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em;
}

.list {
  grid-column-gap: 8px;
  align-items: flex-start;
  margin-left: 61px;
  display: flex;
}

.terms-hero-wrap {
  max-width: 640px;
  text-align: center;
}

.empty-state {
  background-color: rgba(19, 19, 19, .3);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  padding: 3rem;
  display: flex;
}

.blog-icons {
  width: 3.75rem;
  height: 3.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.25rem;
  display: flex;
}

.dropdown-filters-toggle {
  display: none;
}

.dropdown-filters-list {
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  position: static;
}

.dropdown-filters-list-wrapper {
  align-items: center;
  display: flex;
}

.video-icon {
  z-index: 2;
  width: 3.12rem;
  height: 3.12rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-icon-wrapper {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.newslatter-card {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--gray-800);
  grid-template-rows: auto;
  grid-template-columns: 170px 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 1.25rem;
  text-decoration: none;
  display: grid;
}

.newslatter-card-image {
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 8px;
}

.newslatter-arrow {
  width: 14px;
  height: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.newsletter-cms {
  width: 100%;
}

.newsletter-cms-list {
  width: 100%;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 2.6rem;
  display: flex;
}

.newsletter-cms-item {
  width: 100%;
}

.newsletter-form-wrapper {
  width: 100%;
  max-width: 30rem;
  flex-direction: column;
  display: flex;
}

.hide-on-desktop {
  display: none;
}

._404-footer {
  z-index: 3;
  justify-content: space-between;
  align-items: center;
  padding: 1.85rem 2.5rem;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-image-wrapper {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-image-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-image-overlay {
  z-index: 2;
  width: 200%;
  background-image: linear-gradient(to right, rgba(14, 14, 15, 0), var(--black));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.testimonial-cat-cms {
  width: 100%;
}

.testimonial-cat-cms-list {
  width: 100%;
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.testimonial-video-card {
  width: 100%;
  background-image: linear-gradient(156deg, rgba(36, 36, 43, .6), rgba(21, 21, 26, .6));
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: .5rem;
  padding: .75rem;
  font-size: .85rem;
}

.video-testimonial {
  width: 100%;
  height: 17rem;
  border-radius: .5rem;
  margin-bottom: .5rem;
  position: relative;
  overflow: hidden;
}

.testimonial-play-wrapper {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.list-a-b-c {
  color: var(--grey-grey-400);
  list-style-type: lower-alpha;
}

.list-numbers {
  padding-left: 1.5rem;
  list-style-type: decimal;
}

.roman-numerals {
  font-size: .875rem;
  line-height: 1.25em;
  list-style-type: lower-roman;
}

.list-item {
  color: var(--grey-grey-400);
}

.list-2 {
  list-style-type: disc;
}

.list-letters {
  list-style-type: lower-alpha;
}

.number-and-text-wrapp {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: flex-start;
  display: flex;
}

.list-wrappr {
  padding-left: 45px;
}

.list-wrappr.no-padding {
  padding-left: 0;
}

.rich-text-paragraph {
  font-size: .875rem;
  line-height: 1.25em;
}

.bullet-list {
  list-style-type: disc;
}

.rich-text-paragraph-privacy {
  font-size: .875rem;
  line-height: 1.25em;
}

.no-botom-margin {
  margin-bottom: 0;
}

.custom-size {
  font-size: .875rem;
  line-height: 1.25em;
}

.list-numbers-privacy {
  padding-left: 1.25rem;
  font-size: .875rem;
  line-height: 1.25em;
  list-style-type: decimal;
}

.list-letters-privacy {
  padding-left: 1.25rem;
  font-size: .875rem;
  line-height: 1.25em;
  list-style-type: lower-alpha;
}

.spotlite-cms {
  width: 100%;
  max-width: 450px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spotlite-cms-list {
  width: 100%;
  align-items: center;
  display: flex;
}

.spotlite-cms-item {
  width: 100%;
  flex: none;
}

.section-l {
  z-index: 1;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
}

.section-l.overflow-hidden.succeeed-section {
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64d3633c338c3eb49952f09c_Gradient%20Style%2002%20(1)-min.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

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

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

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

.section-l.no-bottom-padding.grid-bg {
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64d4ec1e4898179179d97ace_bg%20fx.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-l.hidden {
  display: none;
}

.vertical-slide-wrapper {
  grid-column-gap: 3.25rem;
  grid-row-gap: 3.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2rem;
  display: grid;
  position: relative;
}

.vertical-slide-wrapper-content {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  flex-direction: column;
  padding-top: 3.25rem;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.vertical-slide-wrapper-content.about-us-wrapper-content {
  grid-column-gap: 12.06rem;
  grid-row-gap: 12.06rem;
  padding-top: 0;
  padding-bottom: 0;
}

.vertical-slide-card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 10px;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.vertical-slide-card.secodn-right-one {
  width: 100%;
  position: absolute;
  top: 200px;
  bottom: auto;
  right: -100%;
  transform: translate(6.5rem);
}

.vertical-slide-card.secodn-right-second {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 230px;
  left: auto;
  right: -100%;
  transform: translate(6.5rem);
}

.vertical-slide-card.secodn-right-second.about-us-last-card-right {
  border-style: none;
  padding-top: 0;
  padding-bottom: 0;
  bottom: 0;
}

.vertical-slide-card.about-us-card {
  border-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.vertical-slide-card.about-us-card.second-left {
  margin-bottom: 12.06rem;
}

.verticel-slide-image {
  width: 100%;
  margin-bottom: 1.5rem;
}

.verticle-slider-line-wrapper {
  width: 1px;
  background-color: rgba(255, 255, 255, .2);
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.verticle-slider-line-wrapper.about-us-line-wrapper {
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 1rem;
}

.verticle-slider-line {
  width: 100%;
  height: 20%;
  background-color: var(--primary-purple);
}

.verticle-slider-icon-wrap {
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 0;
  bottom: auto;
  left: auto;
  right: -78px;
}

.verticle-slider-icon-wrap.second-one.right-one {
  left: -76px;
  right: auto;
}

.verticle-slider-icon-wrap.first-one {
  top: 0;
}

.verticle-slider-icon-wrap.first-one.right-one {
  top: 0;
  left: -76px;
  right: auto;
}

.verticle-slider-icon {
  width: 3rem;
  height: 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blog-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--neutral);
  align-items: center;
  margin-bottom: 1.25rem;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}

.blog-link:hover {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--primary-orchid);
}

.button-arrow {
  width: 1rem;
  height: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-hero-content-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-hero-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--grey-600);
  align-items: center;
  font-size: .875rem;
  display: flex;
}

.blog-hero-content-icon {
  width: 2rem;
  height: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blgo-hero-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  margin-right: 0;
  padding-right: 0;
}

.blog-side-content {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  overflow: visible;
}

.blog-side-content.author-side.no-sticky {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
  position: static;
}

.in-blog {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-top-icon {
  width: 1.8rem;
  height: 1.8rem;
}

.blog-top-icon-link {
  color: var(--grey-grey-400);
  transition: color .25s;
}

.blog-top-icon-link:hover {
  color: var(--primary-orchid);
}

.toc {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.toc.main-toc {
  max-height: 500px;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  overflow: auto;
}

.toc.main-toc.inter-font {
  justify-content: flex-start;
  padding-right: 1.5rem;
  font-family: Inter, sans-serif;
}

.blog-progress-line-wrapper {
  width: 100%;
  height: 4px;
  background-color: var(--gray-300);
  border-radius: 4px;
  margin-top: .75rem;
  margin-bottom: 3.75rem;
  overflow: hidden;
}

.blog-progress-line {
  width: 30%;
  height: 4px;
  background-color: var(--primary-purple);
}

.toc-link {
  z-index: 2;
  width: 100%;
  color: var(--gray-700);
  border-radius: 10px;
  padding: .5rem 0;
  font-size: .75rem;
  text-decoration: none;
  transition: all .25s;
  position: relative;
}

.toc-link:hover {
  color: var(--primary-orchid);
}

.toc-link.w--current {
  color: var(--gray-400);
  background-color: #141415;
  padding-left: .5rem;
  padding-right: .5rem;
}

.toc-link.h3-link-toc {
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  margin-bottom: 0;
  margin-left: -1px;
  padding-top: .375rem;
  padding-bottom: .375rem;
  padding-left: 1.25rem;
}

.toc-link.h3-link-toc.w--current {
  border-left-color: var(--primary-purple);
  background-color: rgba(0, 0, 0, 0);
}

.toc-link.h3-link-toc.truncate-heading {
  color: var(--gray-300);
  border-left-width: 2px;
}

.toc-h3 {
  z-index: 2;
  border-left: 1px solid var(--grey-600);
  position: relative;
  overflow: hidden;
}

.blog-author-image {
  width: 3.15rem;
  height: 3.15rem;
  border-radius: 50%;
}

.share-buttons-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.2rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.share-buttons-wrapper.big-one {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  margin-top: 0;
  margin-bottom: 0;
}

.share-buttons-wrapper.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.share-buttons-wrapper.blog-post {
  padding-left: .125rem;
  padding-right: .125rem;
}

.share-buttons {
  width: 1.75rem;
  height: 1.87rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition-duration: .25s, .2s;
  display: flex;
  position: relative;
}

.share-buttons:hover {
  opacity: .6;
}

.share-buttons.big-one {
  width: 60px;
  height: 50px;
  transition-duration: .25s, .2s;
}

.share-buttons.big-one:hover {
  opacity: .6;
}

.share-buttons.radius {
  border-radius: 4px;
}

.small-text {
  font-size: .875rem;
}

.small-text.text-gray-gray-400.margin-xs {
  font-size: .75rem;
}

.blog-body-wrapper {
  padding-left: 2rem;
  padding-right: 2rem;
}

.blog-rich-text {
  font-family: Inter, sans-serif;
  display: inline;
}

.blog-rich-text h2 {
  margin-top: 2rem;
  margin-bottom: .75rem;
  font-size: 1.5rem;
}

.blog-rich-text h3 {
  margin-bottom: .75rem;
  font-size: 1.125rem;
}

.blog-rich-text h4 {
  margin-bottom: .75rem;
  font-size: 1.25rem;
}

.blog-rich-text p {
  align-items: center;
  margin-bottom: 2rem;
}

.blog-rich-text a {
  color: var(--primary-orchid);
  text-decoration: none;
  transition-duration: .2s, .25s;
}

.blog-rich-text a:hover {
  background-color: var(--gray-900);
  opacity: .8;
}

.blog-rich-text blockquote {
  color: var(--grey-grey-400);
  border-left-style: none;
  border-left-width: 0;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.blog-rich-text ul {
  color: var(--gray-400);
  margin-bottom: 1.25rem;
}

.blog-rich-text ol {
  color: var(--gray-400);
  padding-left: 2.2rem;
}

.blog-rich-text figure, .blog-rich-text img {
  border-radius: 10px;
  overflow: hidden;
}

.blog-rich-text figcaption {
  color: var(--gray-500);
  font-size: .75rem;
  font-style: italic;
  line-height: 1.2em;
}

.blog-rich-text strong {
  font-weight: 600;
}

.blog-rich-text li {
  flex-direction: row;
  align-items: center;
  margin-bottom: 2rem;
  line-height: 1em;
}

.blog-rich-text.hide {
  display: none;
}

.blog-cta-wrapper {
  width: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 0;
  display: block;
}

.blog-cta-wrapper.top-padding-smaler {
  padding-top: 3.75rem;
}

.blog-cta-wrapper.with-bg {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--gray-900);
  color: var(--gray-900);
  border-radius: .75rem;
  padding: 2.5rem;
}

.submit-you-review {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: .5rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.25rem;
  display: flex;
  position: static;
  top: 80px;
}

.certificate-image {
  width: 100%;
}

.padding-top {
  padding-top: 3rem;
}

.social-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.social-icon-small {
  width: 20px;
  height: 20px;
  color: var(--grey-600);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: color .25s;
  display: flex;
}

.social-icon-small:hover {
  color: var(--primary-orchid);
}

.meet-instructor {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  overflow: hidden;
}

.pricing-tabs {
  z-index: 2;
}

.pricing-tabs-menu {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: rgba(246, 246, 247, .08);
  border-radius: 12px;
  align-items: center;
  padding: .75rem;
  display: flex;
}

.pricing-type-link {
  z-index: 2;
  width: 166px;
  min-height: 44px;
  color: var(--gray-400);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(63, 63, 66, 0);
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 9px 0;
  transition: color .25s;
  display: flex;
  position: relative;
}

.pricing-type-link:hover {
  color: var(--primary-orchid);
}

.pricing-type-link.w--current {
  border-color: var(--gray-700);
  color: var(--neutral);
  background-color: #181818;
}

.pricing-tabs-content {
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-top: 1.5rem;
  display: flex;
}

.pricing-tabs-content-wrapper {
  width: 100%;
}

.pricing-tabs-content-wrap {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-wrap-with-tabs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  margin-top: 3.75rem;
  display: flex;
}

.pricing-side-image {
  z-index: 2;
  height: 100px;
  object-fit: contain;
  position: relative;
}

.side-pricing-card {
  z-index: 2;
  width: 100%;
  max-width: 320px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.gallery-view {
  width: 100%;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2.5rem;
  display: grid;
}

.gallery-image {
  width: 100%;
}

.section-intro-with-image {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.courses-hero-intro {
  grid-column-gap: 1.5rem;
  background-color: rgba(0, 0, 0, .42);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding: .75rem;
  display: flex;
}

.courses-hero-intro.courses-info {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.courses-hero-intro.courses-info.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

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

.courses-richtext h2 {
  margin-bottom: .5rem;
}

.courses-richtext p {
  font-size: 1.25rem;
}

.courses-richtext.aling-left {
  text-align: left;
}

.learn-cards-cms {
  width: 100%;
  margin-top: 2.5rem;
}

.learn-cards-cms-list {
  width: 100%;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.learn-cards-cms-item {
  width: 100%;
  display: flex;
}

.learn-cards {
  width: 100%;
  max-width: 386px;
  border: 1px solid #333338;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1.5rem;
  display: flex;
  overflow: hidden;
}

.learn-cards.resources-card {
  padding: 0;
}

.learn-cards.benefits {
  align-items: flex-start;
}

.learn-cards.inclusion-card {
  max-width: 100%;
  background-color: #181818;
  padding: 0;
}

.learn-image-wrapper {
  width: 100%;
  height: 200px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.75rem;
  display: flex;
  position: relative;
}

.learn-image-1 {
  width: 100%;
  height: 100%;
  max-height: 200px;
  object-fit: contain;
}

.learn-image-2 {
  width: 100%;
  height: 100%;
  max-height: 200px;
  object-fit: contain;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.top-padding-60 {
  padding-top: 3.75rem;
}

.solution-cms {
  width: 100%;
}

.solution-cms-list {
  width: 100%;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.solution-cms-item {
  width: 100%;
}

.learn-cards.solution-card {
  max-width: 100%;
}

.solution-intro {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.solution-item {
  min-height: 95px;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--grey-grey-400);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  align-items: center;
  padding: 0 1.25rem;
  transition: all .25s;
  display: flex;
}

.solution-item:hover {
  color: var(--error);
  border-color: #f84a4a;
}

.solution-icon {
  width: 27px;
  height: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.courses-content-cms-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.courses-content-wrap {
  width: 100%;
  background-color: #181818;
  border: 1px solid #333;
  border-radius: 8px;
  flex-direction: column;
  padding: 0 1.25rem;
  display: flex;
}

.courses-content-q {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.courses-content-pill {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--grey-grey-400);
  border: 1px solid #333;
  border-radius: 50px;
  align-items: center;
  margin-left: auto;
  padding: 4px 16px;
  font-size: 14px;
  display: flex;
}

.courses-content-item-intro {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1.85rem;
  display: flex;
}

.courses-item-richtext h4 {
  margin-bottom: .25rem;
  font-size: 1.25rem;
}

.courses-item-richtext p {
  font-size: .85rem;
}

.courses-item-line {
  width: 100%;
  height: 1px;
  min-width: 100%;
  background-color: var(--gray-800);
  color: rgba(247, 246, 247, 0);
  margin-bottom: 1.85rem;
  font-size: 0;
  line-height: 0;
  display: inline-block;
}

.courses-item-l-cms {
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.25rem;
}

.courses-item-l-cms-list, .courses-item-l-cms-item {
  width: 100%;
}

.courses-item-l {
  width: 100%;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--gray-400);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem 1rem;
  transition: background-color .25s;
  display: flex;
  position: relative;
}

.courses-item-l:hover {
  background-color: var(--gray-800);
}

.side-margin-left-auto {
  margin-left: auto;
}

.free-preview-icon {
  background-color: var(--secondary-purple);
  color: var(--neutral);
  border-radius: 50px;
  flex: none;
  padding: .25rem .5rem;
  font-size: 12px;
  line-height: 1.1em;
}

.courses-l-item-wrapper {
  width: 100%;
  overflow: hidden;
}

.courses-content-cms-wrapper {
  width: 100%;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.side-course-info-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #181818;
  border-radius: 8px;
  flex-direction: column;
  padding: 1.25rem;
  display: flex;
}

.lightbox-courses-content {
  width: 100%;
  height: 192px;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lightbox-courses-play-icon {
  z-index: 2;
  width: 66px;
  height: 66px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

._30-days {
  color: var(--off-white);
  text-align: center;
  font-size: 12px;
}

.text-link {
  color: var(--gray-50);
  transition-duration: .2s, .25s;
}

.text-link:hover {
  color: var(--primary-orchid);
}

.piricin-tabel-info {
  font-size: 1rem;
  line-height: 1.3em;
}

.piricin-tabel-info ul {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--gray-400);
  flex-direction: column;
  padding-left: 0;
  display: flex;
}

.piricin-tabel-info li {
  min-height: 24px;
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64c3827826d94eb6dfb9881b_Icon.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  align-items: center;
  margin-bottom: 0;
  padding-left: 2rem;
  display: flex;
}

.why-cms {
  width: 100%;
}

.why-cms-list {
  width: 100%;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.why-cms-item {
  width: 100%;
  display: flex;
}

.why-number-wrapper {
  width: 60px;
  height: 60px;
  background-color: var(--gray-800);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  font-size: 1.5rem;
  display: flex;
}

.who-icon-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.who-icon {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.resources-cms {
  width: 100%;
}

.resources-cms-list {
  width: 100%;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.resources-cms-item {
  width: 100%;
  display: flex;
}

.resources-image {
  width: 100%;
  height: 166px;
  object-fit: cover;
  object-position: 0% 0%;
}

.resources-image.big-one {
  width: 102%;
  height: 102%;
  max-width: 102%;
}

.resources-card-intro {
  background-color: #161616;
  border-top: 1px solid #333338;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 1.25rem;
  display: flex;
}

.resources-card-intro.inclusion-card {
  border-top-style: none;
  flex-direction: column;
  align-items: flex-start;
}

.about-us-cards-divider-line {
  height: 100%;
  background-color: rgba(255, 255, 255, .28);
  position: relative;
}

.about-us-cards-star {
  z-index: 99;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 140px;
}

.north-star-absolute-anchor {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 1.3rem;
}

.north-star-back-anchor {
  width: 1px;
  height: 1px;
  position: absolute;
  top: auto;
  bottom: 50%;
  left: auto;
  right: 0%;
}

.click-scroll-anchor {
  position: absolute;
  top: -50px;
  bottom: auto;
  left: auto;
  right: 0%;
}

.about-us-students {
  width: 100%;
}

.about-us-students.last {
  margin-bottom: 5.25rem;
}

.profil-image-wrapper {
  width: 10rem;
  height: 13rem;
  position: relative;
}

.absolute-image-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.students-row {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  display: flex;
}

.about-us-counter-blocks-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  margin-bottom: 2rem;
  display: flex;
}

.prefered-by-block {
  min-width: 240px;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  -webkit-backdrop-filter: blur(74px);
  backdrop-filter: blur(74px);
  background-image: linear-gradient(333deg, rgba(60, 58, 58, .2), rgba(63, 63, 63, 0));
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: .5rem;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem;
  display: flex;
}

.counter-number {
  color: #edeaf1;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.1em;
}

.score-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.learn-card-icon-wrapper {
  width: 64px;
  height: 64px;
  background-color: #181818;
  border: 1px solid #333338;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  padding: 1rem;
  display: flex;
}

.learn-card-icon {
  width: 32px;
  height: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-heading {
  min-width: 90px;
  color: var(--off-white);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  margin-bottom: 1.25rem;
  padding: .75rem 1.25rem;
  font-size: 2.87rem;
  font-weight: 600;
  line-height: 1.2em;
  transition: background-color .2s, color .2s;
  box-shadow: inset 0 0 rgba(255, 255, 255, .4);
}

.form-heading:hover {
  background-color: var(--gray-900);
  color: var(--off-white);
}

.form-heading:active {
  background-color: var(--gray-900);
}

.swiper-pagination-blog-blog {
  grid-column-gap: 4px;
  align-items: center;
  display: flex;
}

.swiper-pagination-blog-blog.margin-m.hide-on-desktop {
  display: none;
}

.blog-bullets-blog {
  width: 6px;
  height: 4px;
  background-color: rgba(198, 197, 201, .4);
  border-radius: 85px;
  transition: all .3s;
}

.blog-bullets-blog.blog-bullets-active-blog {
  width: 16px;
  background-color: var(--gray-300);
}

.div-block-5 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.side-card-heading {
  color: var(--off-white);
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4em;
}

.overlay-link {
  z-index: 3;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.courses-page-side-info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.products-hero-image {
  width: 100%;
  min-height: 300px;
  object-fit: cover;
}

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

.form-input-wrapper {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.form-wrapper {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form {
  width: 100%;
  max-width: 750px;
  margin-top: 40px;
  margin-bottom: 0;
}

.field-label {
  color: var(--gray-400);
  margin-bottom: .5rem;
  font-weight: 400;
}

.features-cms-list {
  width: 100%;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 32px;
  display: grid;
}

.image-slide-cms {
  width: 100%;
}

.image-slide-cms-list {
  width: 100%;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.image-slide-cms-item {
  width: 100%;
}

.image-slider-wrapper {
  width: 100%;
  height: 250px;
  max-width: 100%;
  border-radius: 8px;
  flex: none;
  padding-top: 0;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}

.slide-wrapper {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 80px;
  margin-bottom: 40px;
  display: flex;
}

.side-section-cms {
  width: 100%;
}

.side-section-cms-list {
  width: 100%;
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: column;
  display: flex;
}

.side-section-cms-item {
  width: 100%;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

.side-section-cms-item:nth-child(2n) {
  flex-direction: row-reverse;
}

.side-section-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.side-content-richtext strong {
  color: var(--neutral);
  font-weight: 600;
}

.customers-cms {
  width: 100%;
}

.customers-cms-list {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.customers-cms-item {
  width: 100%;
  align-items: stretch;
  display: flex;
}

.spotlight-card {
  z-index: 1;
  width: 100%;
  max-width: 793px;
  background-image: linear-gradient(192deg, #181818, #131313);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.spotlight-card:hover {
  text-decoration: none;
}

.spotlight-image {
  width: 5.8rem;
  height: 5.8rem;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
}

.courses-bullets-spotlight {
  width: 6px;
  height: 4px;
  background-color: rgba(198, 197, 201, .4);
  border-radius: 85px;
  flex: none;
  transition: all .3s;
}

.courses-bullets-spotlight.courses-bullets-active-spotlight {
  width: 16px;
  background-color: var(--gray-300);
}

.testimonials-categories {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.testimonials-categories-form {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.features-cms {
  width: 100%;
}

.features-cms-item {
  width: 100%;
  display: flex;
}

.hero-icon-products {
  width: 100%;
  height: 3.75rem;
  object-fit: contain;
  margin-bottom: 1.25rem;
}

.product-spacer {
  height: 3.5rem;
}

.custom-classes-for-blog {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.command-icon {
  width: 103px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca150dc693c589b9182b8f_Command.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.command-icon:hover {
  color: rgba(0, 0, 0, 0);
}

.command-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1601937f149135514e54_Frame.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.shift-icon {
  width: 69px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca173ffe3deb1da9ffb977_Shift.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
}

.shift-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca17b763dd4e2f5e928771_Shift%20Icon.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
}

.alt-icon {
  width: 57px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca182cfa06809ac6d761d7_Alt.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.alt-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca18488d1b94cefdbaf366_Alt%20Keys.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
}

.option-icon {
  width: 83px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca187b66134e47a8668cfb_Hex.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.option-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca18b6c91870fda7f8859f_Hex%20(1).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
}

.ctrl-icon {
  width: 40px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca18f24fc24b0a1d98c1f0_Ctrl.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.fn-only-icon {
  width: 30px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1908c693c589b91d498f_funtion.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
}

.space-icon {
  width: 80px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca199316bccc02d3b29cc8_Hex%20(2).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.space-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca19a8899966dd949bd4bd_Hex%20(3).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.drag-icon {
  width: 63px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1a15d717007c657ff8d7_Drag.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.drag-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1a2afc344ec98f71c8bf_Drag%20Icon.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.move-icon {
  width: 67px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1a988d53bb91756de946_Move.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.move-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1aaa4c2b8b25830775ff_move%20(1).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.click-icon {
  width: 63px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1ad205ce7190c1008db9_Click.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.click-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1aea0e4b5335ba251a75_Click%20Cursor.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.delite-icon {
  width: 80px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1b40f2bbb3bb844a1ba8_Backspace.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.delite-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1bb705ce7190c10189ee_Backspace%20Icon.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.zoom-in-icon {
  width: 84px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1bdbb16d149b21121c1e_Zoom%20in.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.zoom-in-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1bf9281134da13c93826_Zoom%20in%20-%20Icon.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.zoom-in-only-icon.hide {
  display: none;
}

.zoom-out-icon {
  width: 104px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1c2d75fa52f0b6a5c10e_Zoom%20Out.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.zoom-out-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1c27609bf789e8f2d9ac_Zoom%20Out%20Icon.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.keybord-arrow-bottom-left {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1c7497c26530ea77626b_Keyboard-arrow-bottom-left.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.keybord-arrow-bottom-right-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1cca9cc013b12b30037e_keyboard-arrow-bottom-right.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.arrow-right-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1cdf614122bec1e8cc8c_keyboard-arrow-down.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.arrow-left-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1cee6e35720cb09e30ed_keyboard-arrow-left.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.arrow-down-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1d0f22062fd38709f051_keyboard-arrow-down%20(1).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.arrow-top-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1d1d451d801bec36d2c9_keyboard-arrow-up.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.arrow-next-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1d5275fa52f0b6a71768_keyboard-arrow-next.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.arrow-previous-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1d64b7ce9b886e61405d_keyboard-arrow-previous.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.arrow-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1e1d34d950f756c9b5fa_Elipse%20(2).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.frame-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1dddbdad41f08931750b_Frame.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.rectangle-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1df28d53bb917571d20d_Rectangle%20Tool.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.elipse-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1dfe26d37e4e7487fcd9_Elipse.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.line-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1e0dd037eabe236cac9a_Elipse%20(1).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.polligon-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1e51d037eabe236d0d56_Elipse%20(3).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.star-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1e73bcad6b7ae9d88994_Polygon.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.component-1-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1e91a1d0637f9c6f1d46_Component.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.component-2-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1ea1a567661c3b162397_Component%20(1).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.boolean-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1ec21d0deacae9bc7f27_Component%20(2).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.nested-instance-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1f4b705dd083c90a4399_Component%20(3).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.component-properties-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1f61281134da13cd4119_Component%20(4).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.properties-droplet-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1f7a609bf789e8f69e4d_Drop.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.eyedropper-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1f92d037eabe236ea3cc_Dropper.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.drop-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1fa634d950f756cc1fbd_Crop.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.transform-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1fdfc13b9f6097384867_transform.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.pencil-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca1ff909c7ba0ef0dd53aa_Pen%20Tool.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.pen-tool-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca202b4c2b8b25830e42de_Pen%20Tool%20(1).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.pen-tool-minus-delete-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca20437891f67600427696_Pen%20Tool%20Minus%20Delete.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.pen-tool-add-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2059fa42377c288fca46_Pen%20Tool%20Add%20Plus.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.type-tool-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2196281134da13cffb22_Text.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.italic-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca21b1adc6bf116da66ae4_italic.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.underline-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca21c0fa42377c28919099_underline.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.bold-only-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca21ced6bd92e03c6d894b_Bold.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.line-height-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca21dd705dd083c90d4b5d_Line%20Height.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.paragraph-spacing-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca221abcad6b7ae9dd533c_Paragraph%20Spacing.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.right-indent-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca222ebae7922de9f0ac50_right%20indent.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.left-indent-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2245f9af75c47a857f5b_left%20indent.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.align-center-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2252e9235894315450df_Align%20Center.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.align-justify-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2267b3642dc43d641c5e_Align%20Justify.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.align-right-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2293012e8f4f5a78e5f1_Align%20Left.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.align-left-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca22cc99057867b32732f4_Align%20Right.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.add-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2775bae7922de9f7a600_Add.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.close---minus-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca27b1614122bec1f69378_Remove.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.saved-bookmark-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca284c6e35720cb0acae52_Text%20copy.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.libraries-modal---book-open-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2877ef7745eca809f61e_Text%20copy%202.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.download-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca28904c2b8b25831950ea_Download.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.attachment-file-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca28b009c7ba0ef0e7f50b_File.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.spotlight-side-content {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

.spotlite-contant {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  display: flex;
}

.spotlight-author-header {
  justify-content: space-between;
  margin-bottom: 1.75rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.spotlight-author-header.margin-top-xs {
  margin-top: .75rem;
}

.author-info-wrap {
  grid-row-gap: .25rem;
  color: var(--gray-100);
  flex-direction: column;
  display: flex;
}

.author-title-wrapper {
  color: var(--grey-600);
  font-size: 1.25rem;
}

.spotlight-author-name-wrap {
  margin-bottom: .25rem;
  font-size: 2rem;
  line-height: 1.3em;
}

.author-social-wrap {
  grid-column-gap: 1rem;
  align-items: center;
  display: flex;
}

.about-author-rich-text {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 1.25rem;
  display: flex;
}

.about-author-rich-text img {
  width: 100%;
  object-fit: contain;
  border-radius: 10px;
  display: block;
}

.about-author-rich-text figure {
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.25rem;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.about-author-rich-text p {
  margin-bottom: 1.25rem;
}

.author-facts-rich-text {
  background-color: #181818;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 10px;
  padding: 2rem 2rem 1rem;
}

.author-facts-rich-text h2 {
  margin-bottom: .5rem;
  font-size: 2rem;
}

.author-facts-rich-text p {
  margin-bottom: 1rem;
}

.author-facts-rich-text strong {
  font-weight: 600;
}

.author-facts-rich-text h3 {
  margin-bottom: .25rem;
  font-size: 1.5rem;
}

.author-facts-rich-text ul {
  color: var(--gray-400);
  line-height: 1.5em;
}

.author-facts-rich-text li {
  margin-bottom: .25rem;
}

.north-star-wrapper {
  border: 1px solid rgba(247, 246, 247, .1);
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2.5rem;
  padding: 2.5rem 2rem 1.5rem;
  display: flex;
}

.purple-star-image {
  width: 3.125rem;
  height: 3.125rem;
}

.share-block-wrap {
  width: 100%;
  color: var(--gray-400);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  font-size: 1.5rem;
  line-height: 1.4em;
  display: flex;
}

.devider-horizontal-gradiant {
  width: 100%;
  height: 1px;
  background-image: linear-gradient(258deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .28) 50%, rgba(255, 255, 255, 0));
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.student-card {
  grid-row-gap: 1.25rem;
  text-align: center;
  background-image: linear-gradient(to top, rgba(60, 58, 58, .23), rgba(63, 63, 63, 0) 51%);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: .5rem;
  flex-direction: column;
  padding: 1.5rem 1.5rem 2.5rem;
  display: flex;
}

.sudents-card-image-wrapper {
  z-index: 1;
  width: 23.6vw;
  height: 200px;
  max-height: 200px;
  max-width: 338px;
  border-radius: .5rem;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 17px;
  padding-right: 19px;
  display: flex;
  position: relative;
}

.sudents-card-image-wrapper.allign-left {
  width: 100%;
  justify-content: flex-start;
  padding-bottom: 15px;
}

.sudents-card-image-wrapper.allign-center {
  justify-content: center;
  align-items: center;
}

.emoji-wrapper {
  background-color: #28272a;
  border-radius: .5rem;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  top: 70%;
}

.emoji-icon {
  width: 17px;
  height: 17px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.emoji-icon.smiley {
  background-color: rgba(0, 0, 0, .2);
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: .25rem;
}

.emoji-icon.message {
  border-radius: .25rem;
}

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

.students-card-image {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 0%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.students-card-image.students {
  object-position: 50% 50%;
}

.flag-image {
  z-index: 1;
  width: 24px;
  height: 24px;
  border: 1px solid var(--gray-800);
  background-image: linear-gradient(to top, #3c3a3a 37%, #3f3f3f);
  border-radius: .5rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.flag-image.ukraine {
  background-image: linear-gradient(to top, #3c3a3a 37%, #3f3f3f);
  bottom: 62%;
  right: 29.5%;
}

.flag-image.australia {
  bottom: 21%;
  right: 19%;
}

.flag-image.phillipines {
  bottom: 44%;
  right: 14%;
}

.typing-wrap {
  grid-column-gap: .25rem;
  align-items: center;
  font-size: .45625rem;
  display: flex;
  position: relative;
  bottom: -11px;
  left: 36px;
}

.typing-dot {
  width: 2.74px;
  height: 2.74px;
  background-color: #bebebe;
  border-radius: 50%;
}

.typing-dot.dot-2 {
  transform: scale(1.5);
}

.typing-dots-wrapper {
  grid-column-gap: 2px;
  align-items: center;
  display: flex;
}

.testimoinal-courses-card {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 10px;
  margin-top: 1rem;
  padding: 1.25rem;
}

.testimonial-courses-image {
  width: 45px;
  height: 45px;
  margin-right: .5rem;
}

.testimonial-intro-courses {
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.testimonial-title-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.html-embed-3 {
  width: 87px;
  height: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.eye-toggle-on-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2996b16d149b21243174_Toggle%20On.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.divider-spacing-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca29b5c6fc8e1f6fdfbabf_Spacing.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.distribute-spacing-vertical-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca29d71df18f3cbb028354_Distribute%20spacing%20vertical.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.distribute-spacing-horizontal-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca29eeb16d149b212495c6_Distribute%20spacing%20horizontal.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.align-left-style-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca29ad1d0deacae9c9f996_Spacing%20copy.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.align-right-style-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2a7f281134da13db4d02_Align%20Right%20(1).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.align-center-style-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2a9fe9235894315e0751_Align%20Center%20(1).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.align-bottom-style-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2ada99057867b330c1b8_Toggle%20On%20copy%202.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.align-center-horizontal-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2b0626d37e4e74987821_Spacing%20copy%202.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.align-top-style-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2b3099057867b3316d39_Distribute%20spacing%20vertical%20(1).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.chevron-down-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2cea705dd083c91b9603_Align%20Center%20(2).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.chevron-up-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2d28adc6bf116db4989f_Toggle%20On%20copy%203.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.chevron-right-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2d4109c7ba0ef0ede362_Spacing%20copy%203.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.chevron-left-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2d5ab3642dc43d71b87a_Distribute%20spacing%20vertical%20(2).svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.fixed-width-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2db0fa172240555d7737_Fixed%20width.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.fixed-height-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2dcabae7922de9ff85ca_Fixed%20height.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.hug-content-vertical-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2de79fd2d457222e9df3_Hug%20content%20vertical.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.hug-content-horizontal-icon {
  width: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca2e0cde07edf52f3fd0b0_Hug%20content%20horizontal.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  display: inline-block;
}

.newsroom-icon-and-text-wrap {
  grid-column-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.label-s {
  font-size: .875rem;
}

.dot-image {
  width: 4px;
  height: 4px;
}

.newsroom-pill-wrap {
  grid-column-gap: 8px;
  background-color: var(--gray-900);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.newsroom-text-and-dot-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.newsroom-cms-image {
  width: 100%;
  height: 330px;
  max-width: 687px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 1.25rem;
}

.newsroom-link-wrapper {
  grid-column-gap: 4px;
  color: var(--gray-400);
  align-items: center;
  font-size: .87rem;
  text-decoration: underline;
  transition: all .25s;
  display: flex;
}

.newsroom-link-wrapper:hover {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.form-block-newsroom {
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.newsroom-form {
  z-index: 1;
  width: 562px;
  max-width: 100%;
  grid-column-gap: 12px;
  flex-direction: row;
  align-items: stretch;
  display: flex;
  position: relative;
}

.newsletter-richtext {
  background-color: var(--gray-900);
  margin-bottom: 1.25rem;
}

.newsletter-richtext h2 {
  margin-bottom: 2.8rem;
  font-size: 2.875rem;
}

.newsletter-richtext p {
  margin-bottom: 1.5rem;
}

.newsletter-richtext h4 {
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
}

.newsletter-richtext a {
  color: var(--neutral);
  border-bottom: 1px solid #6400e6;
  text-decoration: none;
}

.newsletter-richtext h3 {
  margin-bottom: 1.25rem;
  font-size: 2rem;
}

.newsletter-richtext.no-margin {
  margin-bottom: 0;
}

.newsletter-richtext li {
  color: var(--gray-400);
}

.newsletter-richtext ul {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-direction: column;
  display: flex;
}

.newsletter-content-wrapper {
  background-color: var(--gray-900);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.rich-text-wrapper {
  width: 100%;
  max-width: 840px;
  padding-left: 20px;
  padding-right: 20px;
}

.icon-and-line-wrap {
  width: 100%;
  max-width: 840px;
  flex-direction: column;
  align-items: center;
  padding-top: 3rem;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.newsletter-star-image {
  width: 75px;
  height: 75px;
}

.newsletter-pilltext {
  color: var(--gray-400);
  line-height: 1.5em;
}

.newsletter-banner {
  width: 100%;
  background-image: linear-gradient(to right, #ce7cf5, #5b20ff);
  flex-direction: column;
  align-items: center;
  margin-bottom: 43px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.newletter-paragraph {
  max-width: 424px;
  color: var(--off-white);
  text-align: center;
  margin-bottom: 4px;
  font-size: 1.25rem;
  line-height: 1.4em;
}

.newletter-paragraph.margin-xl {
  margin-bottom: 2rem;
}

.button-black {
  background-color: var(--black);
  color: var(--off-white);
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  transition: background-color .2s, color .2s;
  display: flex;
}

.button-black:hover {
  background-color: var(--secondary-purple);
  color: var(--off-white);
}

.button-black:active {
  background-color: var(--secondary-purple);
}

.newsletter-banner-dark {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .2);
  border-style: solid none;
  flex-direction: column;
  align-items: center;
  margin-bottom: 76px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.newsletter-pill-text {
  grid-column-gap: 4px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 80px;
  justify-content: flex-start;
  margin-bottom: 0;
  padding: 4px 16px;
  display: flex;
}

.pill-text-holder {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 12px;
  display: flex;
}

.newsletter-custom-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2rem;
  display: grid;
}

.newsletter-link-wrapper {
  grid-row-gap: 12px;
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64ca68366e15b3d43b12e2d4_arrow-corner-right%201.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: column;
  padding-left: 30px;
  display: flex;
}

.newsletter-links {
  color: var(--neutral);
  line-height: 1.5em;
  text-decoration: none;
}

.paragraph.overview {
  max-width: 585px;
  font-size: .875rem;
}

.cms-newsletter {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 10px;
  flex-direction: column;
  align-self: stretch;
  padding: 20px 32px;
  display: flex;
}

.image-and-text-wrapper {
  grid-column-gap: 20px;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.image-and-text-wrapper.wide {
  width: 200px;
  margin-top: 0;
}

.cms-newsletter-students {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 10px;
  flex-direction: row;
  align-items: center;
  padding: 20px 32px;
  display: flex;
}

.student-image {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
  flex: none;
}

.newsletter-say-text-wrapper {
  flex: 1;
}

.student-image-big {
  width: 80px;
  height: 80px;
  flex: none;
}

.arrow-and-text-flex {
  grid-column-gap: 8px;
  align-items: center;
  transition: all .25s;
  display: flex;
}

.arrow-and-text-flex:hover {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.newsletter-utillity-bar {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.utillity-wrap {
  grid-column-gap: 24px;
  align-items: center;
  display: flex;
}

.newsletter-icon {
  width: 32px;
  height: 32px;
}

.label-s-2 {
  font-size: .875rem;
  line-height: 1.5em;
}

.overlay {
  background-image: linear-gradient(rgba(14, 14, 15, 0), #0e0e0f);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.back-wrapper {
  grid-column-gap: .5rem;
  color: var(--gray-400);
  flex-direction: row;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1.4em;
  text-decoration: none;
  display: flex;
}

.back-wrapper:hover {
  color: var(--gray-400);
}

.back-arrow {
  height: 1.4rem;
}

.ui-components-side-nav {
  width: 100%;
  flex-direction: column;
  margin-top: 1.25rem;
  display: flex;
}

.ui-component-link {
  width: 100%;
  color: var(--grey-600);
  border-radius: .625rem;
  padding-top: .625rem;
  padding-bottom: .5rem;
  padding-left: 1.25rem;
  text-decoration: none;
}

.ui-component-link:hover {
  color: #6400e6;
}

.ui-component-link.w--current {
  color: var(--off-white);
  background-color: #181818;
}

.breadcrumbs-wrapper {
  grid-column-gap: .25rem;
  color: var(--gray-400);
  display: flex;
}

.breadcrumbs-dynamic-wrapper {
  grid-column-gap: .25rem;
  color: var(--gray-700);
  display: flex;
}

.product-header-wrapper {
  grid-row-gap: 1.25rem;
  color: var(--gray-400);
  flex-direction: column;
  font-size: 1.5rem;
  line-height: 1.2em;
  display: flex;
}

.product-header-wrapper.margin-s, .product-header-wrapper.margin-m-1-5 {
  grid-row-gap: 0rem;
}

.product-header-wrapper.margin-m {
  margin-bottom: 1.2rem;
}

.product-description-richtext {
  width: 100%;
  max-width: 585px;
}

.product-description-richtext p {
  font-size: .875rem;
  line-height: 1.4em;
}

.product-description-richtext ol {
  color: var(--gray-400);
  padding-left: 1rem;
  font-size: .875rem;
}

.product-description-richtext li {
  margin-bottom: .5rem;
}

.product-description-richtext figcaption {
  color: var(--grey-600);
  margin-top: 1.125rem;
  font-size: .75rem;
  line-height: 1.2em;
}

.product-description-richtext ul {
  color: var(--gray-400);
  padding-left: 1rem;
  font-size: .875rem;
}

.product-description-block.margin-s {
  grid-column-gap: 2.5rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.product-description-wrapper {
  width: 100%;
}

.product-review-wrapper {
  width: 100%;
  grid-column-gap: 1.5rem;
  background-color: #181818;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: .375rem;
  align-items: center;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.product-review-image-wrapper {
  width: 14vw;
  height: 7vw;
  max-height: 192px;
  max-width: 258px;
  border-radius: 6px;
  overflow: hidden;
}

.product-review-content-wrapper {
  width: 100%;
  max-width: 472px;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.review-tag {
  font-size: .875rem;
}

.review-tag.text-gradient-2 {
  grid-row-gap: 1rem;
  display: flex;
}

.product-review-header {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.product-review-info {
  grid-column-gap: .5rem;
  display: flex;
}

.rating-wrapper {
  grid-column-gap: .25rem;
  align-items: center;
  display: flex;
}

.recomanded-by-wrapper {
  color: var(--gray-400);
  font-size: .75rem;
}

.review-tag-price-wrapper {
  height: 2.75rem;
  grid-column-gap: .4rem;
  color: var(--gray-500);
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 1.5rem;
  left: auto;
  right: 1rem;
}

.tag-image {
  width: 1.6575rem;
  height: 1.6575rem;
}

.mobile-pop-up-overlay, .mobile-pop-up {
  display: none;
}

.hero-absolute-image {
  z-index: -1;
  width: 110%;
  height: 100%;
  max-width: 110%;
  object-fit: cover;
  object-position: 50% 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: -5%;
  right: 0%;
}

.newsletter-custom-list-second {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  margin-bottom: 2rem;
  display: flex;
}

.newsletter-link-wrapper-second {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.newsletter-links-second {
  border-bottom: 1px solid var(--primary-orchid);
  color: var(--neutral);
  margin-bottom: .5rem;
  line-height: 1.5em;
  text-decoration: none;
  transition-duration: .2s, .25s;
}

.newsletter-links-second:hover {
  color: var(--primary-orchid);
}

._3-ways-collection-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2rem;
  display: flex;
}

._3-ways-item {
  width: 100%;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.custom-collection-item {
  width: 100%;
}

.cousre-heading {
  color: #edeaf1;
  border: 1px #000;
  font-size: 1.25rem;
  line-height: 1.2em;
}

.cousre-heading.line-height {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 1.5em;
}

.newsletter-testimonial-wrap {
  width: 100%;
}

.newsletter-testimonial-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.newsletter-testimonial-item {
  width: 100%;
  flex-direction: row;
  align-items: stretch;
  display: flex;
}

.testimonial-v1-wrap {
  flex-direction: column;
  margin-bottom: 4.3125rem;
  display: flex;
}

.testimonial-v2-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 4.3125rem;
  display: flex;
}

.newsletter-testimonial-list-custom {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.back-button {
  text-decoration: none;
}

.ui-components-filter {
  width: 100%;
}

.ui-components-list {
  width: 100%;
  flex-direction: column;
  display: flex;
}

.ui-item {
  width: 100%;
}

.toc-animation-trigger {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.newslatter-card-image-wrapper {
  border-radius: 8px;
  overflow: hidden;
}

.ultimate-masterclas-hero-visuals {
  width: 100%;
  height: 100%;
  justify-content: space-between;
  display: flex;
  position: absolute;
  top: 80px;
}

.left-masterclass-hero-visual, .right-masterclass-hero-visual {
  width: 13%;
  align-self: flex-start;
}

.shine-div {
  width: 95%;
  height: 50px;
  filter: blur(20px);
  background-image: radial-gradient(circle, #f4ecff, #5100ba 84%);
  position: absolute;
  top: 42%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: rotate(-45deg);
}

.north-star-rich-text {
  text-align: center;
}

.north-star-rich-text h2 {
  font-size: 2rem;
}

.north-star-rich-text strong {
  font-weight: 600;
}

.north-star-rich-text p {
  margin-bottom: 1.5rem;
}

.north-star-rich-text figure {
  border-radius: 10px;
  margin-top: 2rem;
  overflow: hidden;
}

.side-courses-image {
  width: 12rem;
  border-radius: 8px;
  flex: none;
}

.courses-categories-cms-list {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.courses-categories-cms-list.card-categories {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  align-items: center;
}

.changelog-cms-item-cms {
  width: 100%;
  max-width: 80rem;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 1.25rem;
  padding-bottom: 3.12rem;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.changelog-cms-item-cms:last-child {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.heading-order-wrap {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.newsletter-links-second {
  transition-duration: 0s;
}

.newsletter-links-second:hover {
  color: var(--neutral);
}

.text-block, .text-block-2, .text-block-3 {
  color: var(--gray-500);
}

.text-block-4 {
  color: var(--gray-500);
  font-size: .875rem;
}

.text-block-5 {
  color: var(--grey-600);
  font-size: .875rem;
}

.only-letter {
  width: 28px;
  height: 26px;
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/647ef68e217211d9af36ec9f/64db6c00e29eef8cbdbc16bc_A.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  display: inline-block;
}

.student-name {
  padding: .25rem;
}

.heading-thin {
  font-weight: 200;
}

.custom-pill-spotlight {
  background-color: var(--gray-800);
  color: var(--gray-400);
  border-radius: 8px;
  margin-bottom: .75rem;
  padding: .25rem .5rem;
  font-size: .87rem;
}

.customer-pill-class {
  background-color: var(--gray-800);
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 14px;
}

.inclusion-image-wrapper {
  width: 100%;
  height: 166px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inclusion-hover {
  z-index: 2;
  background-color: rgba(40, 39, 42, .3);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.tooltip {
  z-index: 2;
  background-color: var(--gray-800);
  border-radius: 2.15px;
  flex-direction: column;
  align-items: center;
  padding: .125rem .25rem;
  font-size: .75rem;
  line-height: 1.3em;
  display: flex;
  position: absolute;
  top: 110%;
  bottom: auto;
  right: auto;
}

.tooltip.spotlight {
  left: 3px;
}

.line-rich-text {
  width: 100%;
  height: 1px;
  color: rgba(0, 0, 0, 0);
  background-color: rgba(255, 255, 255, .1);
  margin-top: .75rem;
  display: inline-block;
}

.components-load-more {
  margin-top: 2.5rem;
}

.testimonial-meta-data {
  grid-column-gap: .5rem;
  display: flex;
}

.heading {
  font-weight: 600;
}

.margin-top-s {
  margin-top: 1rem;
}

.heading-label {
  color: var(--gray-800);
  font-size: 1rem;
}

.students-wrapper {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.mobile-filters {
  display: none;
}

.filter-select {
  width: 0;
  height: 0;
  overflow: hidden;
}

.footer-courses-list {
  line-height: 1.3em;
}

.footer-list {
  margin-bottom: .25rem;
}

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

.portfolio-cms {
  width: 100%;
  margin-bottom: 1.25rem;
}

.portfolio-cms-list {
  display: flex;
}

.portfolio-cms-item {
  width: 100%;
  height: 25rem;
  align-items: stretch;
  display: flex;
}

.portfolio-cms-item:nth-child(2n+1) {
  height: 18rem;
}

.portfolio-cms-image-wrapper {
  width: 100%;
  background-color: rgba(40, 39, 42, .9);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding: 1rem;
  display: flex;
  position: relative;
}

.portfolio-cms-image {
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.portfolio-author {
  background-color: rgba(40, 39, 42, .9);
  border-radius: 8px;
  padding: .25rem .75rem;
  font-size: .87rem;
  position: absolute;
  top: auto;
  bottom: 1.62rem;
  left: auto;
  right: 1.62rem;
}

.das {
  height: 200vh;
}

.spacer-xs {
  width: 1.25rem;
  height: 1.25rem;
}

.hero-slide-image {
  width: 100%;
  height: 100%;
}

.hero-slide-image.second-one {
  margin-top: -200px;
}

.hero-wrapper {
  height: 670px;
  justify-content: flex-start;
  display: flex;
  overflow: hidden;
}

.components-wrapper {
  width: 100%;
}

.newsletter-block {
  width: 100%;
  background-color: var(--gray-900);
  border-radius: .5rem;
  padding: 1.5rem .75rem;
  display: none;
}

.tooltip-polygon {
  width: 9.3px;
  height: 4.3px;
  position: absolute;
  top: -3px;
  bottom: auto;
}

.blog-h2 {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.2em;
}

.blog-rich-text-li {
  line-height: 1.4em;
}

.promo-card {
  max-width: 800px;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-image: linear-gradient(#131313, #181818);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  margin-top: 1rem;
  margin-bottom: 3rem;
  padding: 1.4rem;
  display: grid;
}

.promo-card-content {
  max-width: 100%;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.promo-card-img {
  width: 320px;
  height: auto;
  border-radius: .5rem;
}

.promo-card-heading {
  font-size: 1.4rem;
}

.promo-card-description {
  margin-bottom: 0;
  font-size: 14px;
}

.padding-right-1-5-rem, .blog-thumbnail {
  padding-right: 1.5rem;
}

.blog-thumbnail-mobile {
  display: none;
}

.blog-footer-author {
  width: 10rem;
  border-radius: 100%;
  margin-right: 1rem;
}

.blog-footer-author-name {
  color: var(--gray-200);
  margin-bottom: .2rem;
}

.blog-author-title {
  color: var(--gray-500);
}

.blog-author-description {
  color: var(--gray-300);
  text-align: left;
  margin-top: 1rem;
  font-weight: 400;
}

.blog-author-description-link {
  color: var(--gray-400);
}

.notes-wrapper {
  background-color: #131313;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 10px;
  padding: 1rem;
}

.blog-text-link {
  padding-left: .3rem;
  padding-right: .3rem;
  display: inline-block;
}

.blog-link-underline {
  color: var(--gray-400);
  text-decoration: underline;
  transition: all .25s, opacity .2s, color .2s;
}

.blog-link-underline:hover {
  text-decoration: none;
}

.author-name {
  color: var(--gray-300);
}

.author-role {
  color: var(--gray-gray-500);
  font-size: .825rem;
}

.author-wrapper {
  flex-direction: column;
  display: flex;
}

.text-neutral-701 {
  color: #adaab0;
  overflow: hidden;
}

.heading-xl-2 {
  color: #edeaf1;
  font-size: 2.875rem;
  font-weight: 600;
  line-height: 1.2em;
}

.button-secondary-2 {
  color: #edeaf1;
  text-align: center;
  background-color: #181818;
  border: 1px solid #4f4f57;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: flex;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .05);
}

.button-secondary-2:hover {
  color: #edeaf1;
  background-color: #28272a;
  border-color: #79767f;
}

.button-secondary-2:active {
  background-color: #28272a;
}

.download-input-2 {
  z-index: 2;
  width: 462px;
  height: 48px;
  color: #edeaf1;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-size: 1.25rem;
  line-height: 1.75em;
  position: relative;
}

.download-input-2:focus {
  border-color: #79767f;
}

.download-input-2:focus-visible {
  border-radius: 10px;
}

.download-input-2[data-wf-focus-visible] {
  border-radius: 10px;
}

.download-input-2::-ms-input-placeholder {
  color: rgba(121, 118, 127, .5);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75em;
}

.download-input-2::placeholder {
  color: rgba(121, 118, 127, .5);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75em;
}

.error-active-2 {
  z-index: 2;
  grid-column-gap: 4px;
  opacity: 0;
  background-image: linear-gradient(220deg, #181818, #131313 97.78%);
  border: 1px solid #28272a;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  align-items: center;
  padding: 8px 20px;
  display: flex;
  position: absolute;
  top: 46px;
  left: auto;
  box-shadow: inset 0 0 10px rgba(9, 9, 9, .6);
}

.text-xl-2 {
  color: #edeaf1;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4em;
}

.button-2 {
  color: #edeaf1;
  text-align: center;
  background-color: #6400e6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  transition: background-color .2s, color .2s;
  display: flex;
}

.button-2:hover {
  color: #edeaf1;
  background-color: #5001b8;
}

.button-2:active {
  background-color: #5001b8;
}

.button-2.outline {
  text-decoration: none;
}

.pill-title-button-2 {
  color: #edeaf1;
  background-color: #141415;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 7px 16px;
  font-size: .875rem;
  line-height: 1.43em;
  display: flex;
}

.pill-title-button-2:hover {
  color: #edeaf1;
}

.pill-title-button-2.product {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pill-btn-text-2 {
  color: #9d9d9f;
  font-size: 1rem;
}

.success-message-2 {
  background-color: #141415;
  border: 1px solid #32323f;
  border-radius: 8px;
  padding-top: 14px;
  padding-bottom: 14px;
  box-shadow: inset 0 0 rgba(255, 255, 255, .4);
}

.text-regular-2 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
}

.lesson-description {
  color: var(--gray-500);
  font-size: 1.2rem;
  line-height: 140%;
}

.paragraph-dark {
  color: var(--gray-800);
}

.blog-share-article-heading {
  color: var(--gray-800);
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2rem;
}

.heading-2, .heading-3, .link {
  color: var(--gray-900);
}

.promo-banner {
  z-index: 99999;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to bottom, var(--primary-purple), var(--primary-purple));
  justify-content: center;
  padding: 8px 1rem;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.promo-banner-message {
  color: var(--gray-100);
  font-weight: 600;
}

.promo-banner-message.is-white {
  color: var(--gray-50);
  font-weight: 400;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.5rem;
  }

  h2 {
    font-size: 2.875rem;
  }

  .section-s {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-s.hero {
    height: auto;
  }

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

  .section-s.resource {
    padding-top: 14rem;
  }

  .section-s.second-nav {
    padding-top: 2.5rem;
    top: 4.25rem;
  }

  .section-s.blog-hero {
    padding-top: 9.6rem;
  }

  .section-s.blog-section {
    padding-top: 2.5rem;
    overflow: hidden;
  }

  .section-s.outline, .section-s.courses-hero {
    padding-top: 14rem;
  }

  .section-s.spotlight-hero {
    padding-top: 11.8125rem;
  }

  .section-s.thank-you-hero {
    padding-top: 12rem;
    padding-bottom: 9rem;
  }

  .section-s.about-us-hero {
    padding-top: 7rem;
  }

  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .container.grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .container.grid.hero {
    grid-row-gap: 3.125rem;
  }

  .container.grid.blogs {
    grid-row-gap: 2.5rem;
  }

  .container.grid.case-study {
    grid-row-gap: 0rem;
  }

  .container.grid.blog-hero-container {
    grid-row-gap: 1.25rem;
  }

  .container.testimonial-margin {
    margin-bottom: 2.5rem;
  }

  .kickoff-classes-wrap {
    width: 100%;
  }

  .column.custom-padding-tablet {
    padding-bottom: 40px;
  }

  .column.tablet-center-align {
    text-align: center;
    align-items: center;
  }

  .column.margin-xs.mobile-no-margin {
    margin-bottom: 0;
  }

  .column.max-width-l.pop-up-mobile {
    position: relative;
    top: auto;
  }

  .main-wrapper {
    padding-top: 40px;
  }

  .jumbo-h {
    font-size: 4rem;
  }

  .text-xl.text-neutral-400.max-tablet-21rem {
    max-width: 21rem;
  }

  .kickoff-styles-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .margin-l {
    margin-bottom: 40px;
  }

  .padding-xs {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .padding-s {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .padding-m {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .padding-l {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .padding-xl {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .padding-xxl {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .padding-3xl {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .margin-xs {
    margin-bottom: 8px;
  }

  .margin-s {
    margin-bottom: 20px;
  }

  .margin-m {
    margin-bottom: 32px;
  }

  .margin-xl {
    margin-bottom: 5rem;
  }

  .margin-xxl {
    margin-bottom: 80px;
  }

  .margin-3xl {
    margin-bottom: 96px;
  }

  .button.hero {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .button.pricing-button {
    z-index: 2;
    align-self: stretch;
    padding: .875rem;
    position: relative;
  }

  .blog-search.courses {
    margin-bottom: 0;
  }

  .swiper-wrapper.hero-slide-image-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    align-items: center;
  }

  .swiper-slide.blog-cms-item {
    flex: none;
  }

  .swiper-slide.second {
    margin-top: -40px;
  }

  .margin-top-m {
    margin-top: 28px;
  }

  .margin-left-s {
    margin-left: 16px;
  }

  .margin-left-m {
    margin-left: 28px;
  }

  .footer-section {
    padding-bottom: 20px;
  }

  .nav-container {
    grid-column-gap: 20px;
    flex-direction: row;
    justify-content: space-between;
  }

  .navigation {
    height: 4.25rem;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-image: none;
  }

  .nav-brand {
    z-index: 99;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
  }

  .nav-links-wrap {
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: .5rem 0 .5rem .25rem;
  }

  .nav-links-wrap.courses {
    height: auto;
    padding-left: .25rem;
  }

  .nav-menu {
    z-index: 96;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: stretch;
    margin-top: 4.2rem;
    padding-top: 0;
    display: flex;
    position: fixed;
    top: 0;
  }

  .nav-menu-button {
    z-index: 99;
    width: 20px;
    height: 20px;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    position: relative;
  }

  .nav-menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-lines {
    width: 20px;
    height: 2px;
    background-color: var(--neutral);
    border-radius: 4px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-lines.nav-line-2 {
    width: 14px;
  }

  .nav-menu-button-wrap {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .heading-xl {
    font-size: 2.875rem;
  }

  .button-secondary {
    font-size: 1rem;
    line-height: 1.5em;
  }

  .button-secondary.tablet-courses-btn {
    background-color: #181818;
    border-color: #333338;
  }

  .button-secondary.tablet-courses-btn:hover {
    background-color: var(--gray-700);
    border-color: #333338;
  }

  .button-secondary.hero {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .button-secondary.hero.review {
    margin-top: -32px;
  }

  .button-card {
    font-size: 1rem;
    line-height: 1.5em;
  }

  .button-card.tablet-login-btn {
    background-color: #2d2d30;
    border-color: #333338;
  }

  .button-card.tablet-login-btn:hover {
    border-color: var(--grey-600);
    background-color: var(--gray-800);
  }

  .nav-btn-wrap {
    display: none;
  }

  .nav-link-wrap {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    padding-top: .25rem;
    padding-bottom: 1rem;
  }

  .nav-dropdown-wrap {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    display: flex;
  }

  .nav-dropdown {
    display: none;
    position: relative;
  }

  .nav-dropdown.w--open {
    background-color: rgba(0, 0, 0, 0);
    border-style: none;
    position: static;
  }

  .nav-dropdown-hover {
    width: 100%;
  }

  .nav-design-s-card {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .ab-section-img {
    object-fit: cover;
    object-position: 50% 0%;
  }

  .nav-divider.desktop-hide {
    display: block;
  }

  .nav-design-system {
    flex: 1;
    padding-left: .25rem;
  }

  .button-small.nav {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .nav-link-flex {
    width: 100%;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .25rem;
  }

  .nav-link-flex.nav-hover-anime.vertical {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .ring-container, .static-circle {
    display: none;
  }

  .white-gradient-border, .white-gradient-border.news {
    display: block;
  }

  .white-gradient-border.tablet-display-none {
    display: none;
  }

  .nav-link {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25em;
  }

  .nav-link:hover {
    color: var(--white-smoke);
  }

  .logo-text-wrap {
    width: 168px;
    height: 22px;
    display: block;
  }

  .nav-tablet-btns {
    z-index: 98;
    grid-column-gap: 14px;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative;
  }

  .absolute-nav-wrap {
    z-index: 97;
    height: 4.25rem;
    border: 1px #333338;
    border-bottom-style: solid;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .hero-animation-wrap {
    width: 100%;
    height: auto;
    grid-column-gap: 0px;
    align-self: stretch;
    align-items: center;
    padding-top: 2rem;
  }

  .hero-left-side-imgs {
    flex-direction: row;
    padding-right: 12px;
  }

  .hero-left-side-imgs.tablet {
    flex-direction: row;
    padding-right: 12px;
    display: flex;
  }

  .hero-left-side-imgs.desktop {
    display: none;
  }

  .student-img-and-name {
    margin-bottom: 12px;
  }

  .student-img-and-name.small-card-rating {
    order: 1;
    margin-bottom: 0;
  }

  .hero-right-side-imgs {
    flex-direction: row;
  }

  .ab-top-gradient, .ab-bot-gradient {
    display: none;
  }

  .nav-mask-menu {
    z-index: 5;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(193.63deg, #181818 5.66%, #131313 92.17%);
    border: 1px solid rgba(255, 255, 255, .2);
    border-style: solid none;
    flex-direction: column;
    flex: none;
    align-items: stretch;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    position: relative;
    top: 41px;
    overflow: auto;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .4);
  }

  .home-company-logo {
    width: 8.125rem;
    height: 3rem;
  }

  .ab-hover-card {
    display: none;
  }

  .play-btn {
    width: 64px;
    height: 64px;
  }

  .swiper-pagination.blog-pagination, .swiper-pagination.hide-on-desktop {
    display: flex;
  }

  .left-side-wrap {
    height: auto;
    flex-direction: row;
    justify-content: flex-start;
  }

  .right-side-wrap {
    height: auto;
    flex-direction: row;
  }

  .right-side-wrap.display-none {
    display: none;
  }

  .nav-dropdown-wrapper {
    width: 100%;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-image: none;
    position: relative;
  }

  .nav-dropdown-wrapper.w--open {
    border-style: none;
    position: static;
  }

  .nav-dropdown-wrapper.nav-resource {
    width: 100%;
  }

  .student-story-img {
    flex: none;
  }

  .student-stories-content {
    flex: 1;
  }

  .margin-s-1rem {
    margin-bottom: 16px;
  }

  .max-width-3xl {
    max-width: 617px;
  }

  .grid.gap-row-40 {
    grid-row-gap: 1.25rem;
  }

  .wrap {
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .wrap.margin--20 {
    margin-top: -20px;
  }

  .wrap.margin--20.tablet-mode, .wrap.tablet-mode {
    display: flex;
  }

  .subtitle-wrap {
    width: 100%;
    max-width: 36.8125rem;
  }

  .product-pagination.blog-pagination {
    display: flex;
  }

  .spam-wrap.aling-left-on-desktop {
    justify-content: center;
  }

  .ab-section-wide-screen, .ab-section-img-home {
    object-fit: cover;
  }

  .testimonials-wrapper {
    flex-direction: column;
  }

  .customer-reviews-wrap {
    flex: 0 auto;
  }

  .student-testimonial-card.gradient-card-2 {
    background-image: linear-gradient(193deg, #181818, #131313);
  }

  .include-card {
    max-width: 900px;
  }

  .changelog-item {
    max-width: none;
    display: flex;
  }

  .margin-xl-80-40 {
    margin-bottom: 2.5rem;
  }

  .change-log-list {
    width: 100%;
  }

  .tablet-dipslay-none {
    display: none;
  }

  .change-log-wrap {
    width: 100%;
    max-width: none;
    padding-left: 40px;
  }

  .slider-line-wrap {
    left: 2px;
  }

  .fixed-reviews {
    margin-bottom: 0;
    position: static;
  }

  .form-block-newsletter.blog-side-form {
    display: none;
  }

  .form-block-newsletter.blog-side-form.form-on-tablet {
    text-align: center;
    margin-bottom: 1.125rem;
    display: flex;
  }

  .products-logo-wrap {
    max-width: 692px;
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .margin-m-1-5 {
    margin-bottom: 1.25rem;
  }

  .collection-list.components {
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch;
  }

  .component-card {
    max-width: none;
  }

  .product-component-card, .product-component-card:nth-child(2n) {
    flex-direction: column-reverse;
  }

  .component-main-img-wrap {
    max-height: 515px;
    max-width: 703px;
    margin-bottom: 32px;
  }

  .component-text-wrap {
    max-width: 703px;
  }

  .collection-list-wrapper.product-component, .pricing-wrap {
    width: 100%;
  }

  .pricing-card {
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 29px;
    display: flex;
  }

  .blog-cms.featured-ones {
    margin-top: 3.75rem;
  }

  .blog-cms.second-blog-wrapper {
    margin-top: 0;
  }

  .blog-cms-list.all-blogs {
    grid-template-columns: 1fr 1fr;
    margin-top: 1rem;
  }

  .blog-card {
    background-color: rgba(19, 19, 19, .3);
    border-color: rgba(255, 255, 255, .2);
  }

  .blog-featured-card-image {
    margin-bottom: 32px;
  }

  .blog-cat-cms {
    width: auto;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .blog-cat-tag {
    flex: none;
  }

  .blog-filters-wrapper {
    margin-top: .25rem;
  }

  .blog-card-image {
    margin-bottom: 32px;
  }

  .pagination-next-button-wrapper {
    right: 0%;
  }

  .pagination-back-button-wrapper, .pagination-previous {
    left: 0%;
  }

  .log-line-wrap {
    left: 42px;
  }

  .change-log-wrapper {
    width: 100%;
    max-width: none;
  }

  .courses-filters {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: center;
  }

  .pill-btn-text {
    color: var(--grey-grey-400);
    line-height: 1.5em;
  }

  .text-gray-gray-400 {
    color: var(--grey-grey-400);
  }

  .product-component-card-left {
    flex-direction: column;
  }

  .product-component-card-left:nth-child(2n) {
    flex-direction: column-reverse;
  }

  .download-input {
    width: 360px;
  }

  .pricing-body {
    width: auto;
  }

  .case-study-title-wrap {
    justify-content: center;
    margin-bottom: 40px;
  }

  .mobile-filters-dropdown {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dropdown-filters {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .dropdown-filters-list {
    width: auto;
    flex-direction: column;
    align-items: center;
  }

  .dropdown-filters-list-wrapper {
    width: auto;
    flex-direction: column;
    justify-content: center;
  }

  .newsletter-form-wrapper {
    text-align: center;
    align-items: center;
    margin-bottom: 5rem;
  }

  .section-l {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

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

  .blog-side-content {
    display: none;
  }

  .blog-side-content.author-side {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: static;
  }

  .blog-side-content.author-side.no-sticky {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
  }

  .blog-side-content.author-side-news-latter {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: static;
  }

  .share-buttons-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }

  .share-buttons-wrapper.blog-post {
    justify-content: flex-start;
  }

  .meet-instructor {
    height: 360px;
  }

  .pricing-wrap-with-tabs {
    width: 100%;
  }

  .courses-hero-intro.courses-info {
    justify-content: flex-start;
  }

  .learn-cards-cms-list {
    grid-template-columns: 1fr 1fr;
  }

  .learn-cards {
    max-width: 686px;
    justify-content: flex-start;
  }

  .learn-image-wrapper {
    margin-bottom: 40px;
  }

  .lightbox-courses-content {
    height: 350px;
  }

  .why-cms-list {
    grid-template-columns: 1fr 1fr;
  }

  .resources-cms-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .resources-image {
    object-fit: cover;
    object-position: 0% 50%;
  }

  .click-scroll-anchor {
    top: -60px;
  }

  .form-heading {
    margin-bottom: 8px;
  }

  .swiper-pagination-blog-blog, .swiper-pagination-blog-blog.margin-m.hide-on-desktop {
    display: flex;
  }

  .div-block-5 {
    flex-direction: column;
    align-items: flex-start;
  }

  .courses-form-filter {
    width: 100%;
  }

  .side-card-heading {
    margin-bottom: 8px;
  }

  .courses-page-side-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .features-cms-list {
    grid-template-columns: 1fr 1fr;
  }

  .image-slider-wrapper {
    padding-top: 0%;
  }

  .spotlight-card {
    background-image: linear-gradient(193deg, #181818, #131313);
  }

  .spotlight-author-header.margin-top-xs {
    padding-left: 0;
    padding-right: 0;
  }

  .author-social-wrap {
    grid-row-gap: .75rem;
    flex-direction: column;
    align-items: stretch;
  }

  .north-star-wrapper {
    text-align: center;
  }

  .sudents-card-image-wrapper {
    width: 100%;
    height: 31vw;
    max-width: none;
  }

  .sudents-card-image-wrapper.allign-left {
    max-width: none;
  }

  .students-card-image.second, .hidden-on-tablet {
    display: none;
  }

  .newsletter-richtext h2 {
    text-align: center;
    font-size: 2.5rem;
  }

  .newsletter-banner-dark {
    margin-bottom: 35px;
  }

  .newsletter-custom-list {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .paragraph.overview {
    max-width: 317px;
  }

  .ui-component-link:hover {
    color: var(--grey-600);
  }

  .product-description-richtext {
    max-width: 317px;
  }

  .newsletter-testimonial-list {
    grid-template-columns: 1fr;
  }

  .ultimate-masterclas-hero-visuals {
    display: none;
  }

  .courses-categories-cms-list {
    flex-direction: row;
  }

  .changelog-cms-item-cms {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-slide-image.second-one {
    margin-top: 0;
  }

  .hero-wrapper {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .newsletter-block, .blog-thumbnail {
    display: none;
  }

  .blog-thumbnail-mobile {
    display: block;
  }

  .author-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 0rem;
    flex-direction: row;
    align-items: stretch;
    display: none;
  }

  .heading-xl-2 {
    font-size: 2.875rem;
  }

  .button-secondary-2 {
    font-size: 1rem;
    line-height: 1.5em;
  }

  .download-input-2 {
    width: 360px;
  }

  .pill-btn-text-2 {
    color: #9d9d9f;
    line-height: 1.5em;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2rem;
    line-height: 1.25;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 1.17em;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1rem;
    line-height: 1.38em;
  }

  h5 {
    font-size: .75rem;
    line-height: 1.3em;
  }

  .section-s {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section-s.resource {
    padding-top: 87px;
    padding-bottom: 2.5rem;
  }

  .section-s.second-nav {
    display: none;
  }

  .section-s.blog-hero {
    padding-top: 6rem;
    padding-bottom: 2.5rem;
  }

  .section-s.blog-section {
    padding-top: 2.5rem;
  }

  .section-s.terms {
    padding-bottom: 8.125rem;
  }

  .section-s.outline, .section-s.courses-hero {
    padding-top: 87px;
    padding-bottom: 2.5rem;
  }

  .section-s.spotlight-hero {
    padding-top: 7rem;
    padding-bottom: 2rem;
  }

  .section-s.newslatter-hero, .section-s.about-us-hero {
    padding-top: 5rem;
  }

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

  .container.grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .container.grid.absolute, .container.grid.students-swiper-wrapper {
    max-width: 80rem;
  }

  .column.flex-center.full {
    width: 100%;
  }

  .column.mobile-landscape-display-none {
    display: none;
  }

  .column.about-us-card-column {
    text-align: left;
    align-items: flex-start;
  }

  .jumbo-h {
    font-size: 3.5rem;
  }

  .text-xl {
    font-size: 1rem;
    line-height: 1.38em;
  }

  .text-xl.hide-on-mobile {
    display: none;
  }

  .text-xs {
    line-height: 1.17em;
  }

  .kickoff-styles-wrap {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-columns: 1fr;
  }

  .kickoff-color-helper {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .padding-xs {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .padding-s {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .padding-m {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .padding-l {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .padding-xl {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .padding-xxl {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .padding-3xl {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .margin-xxs {
    margin-bottom: 4px;
  }

  .margin-xs {
    margin-bottom: 8px;
  }

  .margin-xs.h2-bigger-on-mobile {
    font-size: 2rem;
  }

  .margin-s, .margin-m {
    margin-bottom: 20px;
  }

  .margin-xl {
    margin-bottom: 2.5rem;
  }

  .margin-xxl {
    margin-bottom: 72px;
  }

  .margin-3xl {
    margin-bottom: 80px;
  }

  .button {
    min-width: 140px;
    padding: 14px 20px;
  }

  .button.full-width-mobile {
    width: 100%;
  }

  .pulsing-star-wrap {
    padding: 10px 20px;
  }

  .blog-search.courses {
    min-width: 12rem;
  }

  .button-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .swiper-slide.component-item.blog {
    width: 100%;
    max-width: none;
  }

  .swiper-slide.portfolio-cms-item {
    width: 16.25rem;
  }

  .margin-top-m {
    margin-top: 20px;
  }

  .margin-left-s {
    margin-left: 12px;
  }

  .margin-left-m {
    margin-left: 20px;
  }

  .footer-section {
    padding-bottom: 24px;
  }

  .navigation {
    height: 3.5rem;
  }

  .flex-space-between {
    width: 100%;
  }

  .nav-links-wrap.no-padding {
    padding-left: 0;
  }

  .nav-menu {
    margin-top: 2.88rem;
    overflow: scroll;
  }

  .footer-made-with {
    margin-top: 44px;
  }

  .heading-xxl {
    font-size: 2rem;
    line-height: 1.25;
  }

  .heading-xl {
    font-size: 1.5rem;
    line-height: 1.17em;
  }

  .heading-l {
    font-size: 1.25rem;
  }

  .heading-xs {
    font-size: 1rem;
    line-height: 1.38em;
  }

  .heading-xxs {
    font-size: .75rem;
    line-height: 1.3em;
  }

  .heading-3xs {
    font-size: .5rem;
  }

  .heading-3xs.mobile-h4.mobile {
    font-size: 1.25rem;
  }

  .text-s {
    font-size: .875rem;
    line-height: 1.43em;
  }

  .button-secondary {
    min-width: 140px;
    flex: 1;
    padding: 14px 20px;
    line-height: 1.38em;
  }

  .button-secondary.nav-login-btn {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .button-secondary.hero.review {
    width: 100%;
    flex: none;
    margin-top: .5rem;
  }

  .button-secondary.top-auto {
    flex: none;
  }

  .button-card {
    min-width: 140px;
    flex: 0 auto;
    padding: 14px 20px;
    line-height: 1.38em;
  }

  .button-card.nav-courses-btn {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .button-variant-200 {
    min-width: 140px;
    padding: 16px 28px;
  }

  .button-variant-200.about-us-card-button {
    width: 100%;
    padding: .75rem;
    display: flex;
  }

  .nav-btn-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: stretch;
    margin-top: .75rem;
    margin-bottom: 1.25rem;
    display: flex;
  }

  .nav-dropdown-toggle {
    margin-left: 0;
  }

  .nav-dropdown-wrap, .nav-dropdown, .nav-dropdown.nav-resource.w--open {
    width: 100%;
  }

  .nav-design-flex {
    flex-direction: column;
  }

  .button-small {
    min-width: 140px;
    padding: 16px 28px;
  }

  .button-small.nav {
    align-self: stretch;
    padding-top: .625rem;
    padding-bottom: .625rem;
  }

  .resource-btn-wrap.padding-xs {
    width: 100%;
    flex-direction: column;
  }

  .nav-link-flex {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .text-regular.text-neutral-50.custom-margin-bot {
    margin-bottom: .5rem;
  }

  .white-gradient-border {
    display: block;
  }

  .white-gradient-border.testimonial, .nav-tablet-btns {
    display: none;
  }

  .absolute-nav-wrap {
    height: 3.5rem;
  }

  .hero-animation-wrap {
    height: auto;
  }

  .nav-mask-menu {
    padding-top: .75rem;
    padding-left: 20px;
    top: 50px;
    overflow: visible;
  }

  .home-logo-wrap {
    grid-column-gap: 0rem;
    grid-row-gap: .625rem;
    flex-direction: column;
    align-items: center;
  }

  .home-company-logo {
    width: 5.6875rem;
    height: 3rem;
  }

  .course-card-wrap.horizontal-card {
    flex-direction: column;
    align-items: stretch;
  }

  .course-card-img-wrap.horizontal-card {
    width: 100%;
    height: 180px;
    margin-bottom: 2rem;
  }

  .button-tertiary {
    min-width: 140px;
    padding: 16px 28px;
  }

  .nav-dropdown-wrapper, .nav-dropdown-wrapper.nav-resource, .nav-dropdown-wrapper.nav-resource.w--open {
    width: 100%;
  }

  .student-stories-card-wrap {
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 2.7rem;
  }

  .student-stories-content {
    max-width: 220px;
    text-align: center;
  }

  .margin-s-1rem {
    margin-bottom: 16px;
  }

  .stories-wrap {
    width: 100%;
  }

  .arrow-wrap {
    left: 12px;
  }

  .arrow-wrap.right {
    right: 12px;
  }

  .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .author-wrap {
    flex-direction: column;
  }

  .mobile-h1 {
    font-size: 2rem;
  }

  .max-width-mobile-220 {
    max-width: 220px;
  }

  .newsletter-form {
    width: auto;
  }

  .mobile-h3 {
    font-size: 1.25rem;
  }

  .resource-hero-btn-wrap {
    width: 100%;
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .student-testimonial-card {
    border: 1px solid #333338;
  }

  .student-card-nav {
    margin-bottom: 20px;
  }

  .faq-question.heading-xxs.text-mobile-1rem {
    font-size: 1rem;
  }

  .margin-xl-80-40 {
    margin-bottom: 2.5rem;
  }

  .pricing-wrap {
    width: 100%;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .pricing-card {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .pricing-card.gradient-card-220deg.main-pricing-card {
    max-width: 100%;
    padding: 20px;
  }

  .pricing-card.side-pricing-card-wrapper {
    max-width: 100%;
    margin-left: 0;
  }

  .blog-cms.featured-ones {
    margin-top: 1.25rem;
  }

  .blog-cms-list.all-blogs {
    grid-template-columns: 1fr;
  }

  .blog-featured-card-image {
    height: 13.85rem;
    margin-bottom: 20px;
  }

  .hide {
    display: none;
  }

  .blog-cat-tag.all-blogs {
    top: 19px;
    left: 1.25rem;
  }

  .blog-cat-tag.all-blogs.w--current {
    margin-bottom: .25rem;
  }

  .blog-filters-wrapper {
    width: 100%;
  }

  .blog-card-image {
    margin-bottom: 20px;
  }

  .blog-pagination-wrapper {
    margin-top: 5rem;
  }

  .blog-pagination-wrapper.newslatter {
    justify-content: center;
    margin-top: 2rem;
  }

  .blog-pagination-wrapper.newslatter.newsroom {
    width: 100%;
  }

  .blog-pagination-wrapper.spotlight-wrap {
    margin-top: 0;
  }

  .pagination-button.newslatter-button {
    margin-top: 0;
  }

  .pagination-next-button-wrapper.newsletter-next {
    margin-left: auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .courses-hero-icons-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-wrap: wrap;
  }

  .courses-filters {
    width: 100vw;
    padding-left: 1rem;
    overflow: auto;
  }

  .download-input {
    width: 260px;
  }

  .text-gray-gray-500.last {
    order: 1;
  }

  .pricing-body {
    width: auto;
  }

  .mobile-filters-dropdown {
    width: 100%;
    color: var(--grey-600);
    justify-content: space-between;
    align-items: center;
    font-size: .875rem;
    line-height: 1.1em;
    display: flex;
  }

  .dropdown-filters-toggle {
    grid-column-gap: .25rem;
    color: var(--neutral);
    align-items: center;
    padding: 0;
    font-size: .875rem;
    line-height: 1.1em;
    display: flex;
  }

  .filters-arrow {
    width: 14px;
    height: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dropdown-filters {
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-filters-list {
    width: 100vw;
    background-color: rgba(0, 0, 0, 0);
    padding-top: 1rem;
    display: none;
    position: absolute;
    top: 100%;
    bottom: auto;
    left: auto;
    right: -1.25rem;
  }

  .dropdown-filters-list.w--open {
    width: 100vw;
    right: -1.25rem;
  }

  .dropdown-filters-list-wrapper {
    width: 100%;
    background-color: #181818;
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .newslatter-card {
    grid-template-columns: 110px 1fr;
  }

  .newsletter-form-wrapper {
    margin-bottom: 2.85rem;
  }

  .text-hide-mobile {
    opacity: 0;
  }

  .hide-on-desktop {
    display: flex;
  }

  ._404-footer {
    justify-content: center;
  }

  .testimonial-cat-cms {
    width: 100vw;
  }

  .testimonial-cat-cms-list {
    flex-direction: row;
    align-items: stretch;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: auto;
  }

  .testimonial-cat-cms-item {
    flex: none;
  }

  .section-l {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .vertical-slide-wrapper {
    grid-template-columns: 1px 1fr;
    margin-bottom: 1.5rem;
  }

  .vertical-slide-wrapper.about-us-slide-wrapper {
    grid-template-columns: 1px 1fr 1fr;
  }

  .vertical-slide-wrapper-content {
    padding-bottom: 0;
  }

  .vertical-slide-wrapper-content.about-us-wrapper-content {
    width: 100%;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .vertical-slide-card.secodn-right-one {
    position: relative;
    top: 0;
    right: 0%;
    transform: translate(0);
  }

  .vertical-slide-card.secodn-right-one.about-us-card {
    position: static;
    transform: translate(0);
  }

  .vertical-slide-card.secodn-right-second.about-us-last-card-right {
    padding-left: 0;
    position: static;
    transform: translate(0);
  }

  .vertical-slide-card.about-us-card {
    padding-left: 0;
  }

  .vertical-slide-card.about-us-card.second-left {
    margin-bottom: 2rem;
  }

  .verticle-slider-line-wrapper {
    margin-left: 9px;
  }

  .verticle-slider-icon-wrap {
    top: 0%;
    bottom: auto;
    left: -67px;
    right: auto;
  }

  .verticle-slider-icon-wrap.second-one.right-one, .verticle-slider-icon-wrap.first-one.right-one {
    left: -67px;
  }

  .blog-hero-content-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .blog-hero-content {
    font-size: .75rem;
  }

  .blgo-hero-image {
    height: 250px;
    margin-top: 0;
  }

  .blog-side-content {
    display: none;
  }

  .blog-side-content.author-side {
    flex-direction: row;
  }

  .blog-side-content.author-side-news-latter {
    flex-direction: column;
  }

  .pricing-tabs {
    width: 100%;
  }

  .pricing-type-link {
    flex: 1;
  }

  .pricing-wrap-with-tabs {
    width: 100%;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .learn-cards-cms-list {
    grid-template-columns: 1fr;
  }

  .courses-content-wrap {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .courses-item-l {
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: .75rem;
  }

  .lightbox-courses-content {
    height: 200px;
  }

  .why-cms-list, .resources-cms-list {
    grid-template-columns: 1fr;
  }

  .click-scroll-anchor {
    top: -80px;
  }

  .form-heading {
    min-width: 140px;
    margin-bottom: 8px;
    padding: 16px 28px;
    font-size: 2rem;
  }

  .courses-form-filter {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .side-card-heading {
    margin-bottom: 8px;
    font-size: 1rem;
  }

  .products-hero-image {
    min-height: 200px;
  }

  .features-cms-list {
    grid-template-columns: 1fr;
  }

  .side-section-cms-list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .side-section-cms-item {
    flex-direction: column;
  }

  .side-section-cms-item:nth-child(2n) {
    flex-direction: column-reverse;
  }

  .customers-cms-list {
    grid-template-columns: 1fr 1fr;
  }

  .spotlight-card {
    border: 1px solid #333338;
  }

  .testimonials-categories {
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .spotlight-side-content {
    display: none;
  }

  .author-facts-rich-text h2 {
    font-size: 1.5rem;
  }

  .author-facts-rich-text h3 {
    font-size: 1rem;
  }

  .student-card {
    align-items: center;
  }

  .sudents-card-image-wrapper {
    width: 75%;
  }

  .sudents-card-image-wrapper.allign-left {
    width: 75%;
    height: 35vw;
  }

  .typing-wrap {
    left: 50px;
  }

  .newsroom-cms-image {
    height: 200px;
  }

  .newsroom-form {
    width: auto;
  }

  .newsletter-richtext h2 {
    font-size: 1.5rem;
    line-height: 1.2em;
  }

  .newsletter-richtext p {
    font-size: .875rem;
  }

  .newsletter-richtext h4 {
    font-size: 1.25rem;
    line-height: 1.2em;
  }

  .newsletter-richtext h5 {
    font-size: 1.25rem;
  }

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

  .button-black {
    min-width: 140px;
    padding: 14px 20px;
  }

  .newsletter-banner-dark {
    text-align: center;
  }

  .paragraph.overview {
    max-width: none;
  }

  .cms-newsletter-students {
    flex-direction: column;
  }

  .product-description-richtext {
    max-width: none;
  }

  .product-description-block.margin-s {
    grid-row-gap: 1.6875rem;
    flex-direction: column;
  }

  .shine-div {
    display: none;
  }

  .changelog-cms-item-cms {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .testimonial-meta-data {
    flex-wrap: wrap;
  }

  .mobile-filters {
    width: 100%;
    grid-column-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .filters-dropdown-toggle {
    width: 100%;
    color: #c7c7ca;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 5px 12px;
    line-height: 2em;
    display: flex;
  }

  .filters-dropdown {
    flex: 1;
    display: flex;
  }

  .filters-arrow-new {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .filters-dropdown-wrapper.w--open {
    background-color: rgba(0, 0, 0, 0);
    padding-top: .5rem;
    top: 100%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .dropdown-wrapper {
    background-color: var(--gray-900);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    overflow: hidden;
  }

  .filters-dropdown-link {
    color: var(--white-smoke);
  }

  .filter-select {
    opacity: 0;
    margin-bottom: 0;
    padding: 0;
  }

  .desktop-filters {
    display: none;
  }

  .promo-card {
    max-width: none;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding: 1rem;
  }

  .promo-card-content {
    align-items: stretch;
    display: flex;
  }

  .promo-card-img {
    width: 100%;
    height: auto;
  }

  .blog-footer-author {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .blog-footer-author-name {
    font-size: 1.5rem;
  }

  .author-wrapper {
    display: none;
  }

  .heading-xl-2 {
    font-size: 1.5rem;
    line-height: 1.17em;
  }

  .button-secondary-2 {
    min-width: 140px;
    flex: 1;
    padding: 14px 20px;
    line-height: 1.38em;
  }

  .download-input-2 {
    width: 260px;
  }

  .text-xl-2 {
    font-size: 1rem;
    line-height: 1.38em;
  }

  .button-2 {
    min-width: 140px;
    padding: 14px 20px;
  }
}

@media screen and (max-width: 479px) {
  .section-s {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-s.hero {
    padding-bottom: 0;
  }

  .section-s.newsletter {
    padding-top: 5rem;
    padding-bottom: 7.5625rem;
  }

  .section-s.blog-hero {
    padding-bottom: 1rem;
  }

  .section-s.newsletter-section {
    padding-top: 5rem;
    padding-bottom: 7.5625rem;
  }

  .section-s.blog-content-section {
    padding-top: 0;
  }

  .section-s.shipfaster-section {
    padding-top: 57px;
  }

  .section-s.thank-you-hero {
    padding-top: 8rem;
    padding-bottom: 5rem;
  }

  .container.grid {
    grid-row-gap: 1.25rem;
  }

  .container.grid.absolute, .container.grid.students-swiper-wrapper {
    align-self: center;
  }

  .column.custom-padding-tablet {
    padding-bottom: 20px;
  }

  .column.flex-center.full {
    width: 100%;
  }

  .column.custom-max-width {
    max-width: 12.375rem;
  }

  .column.padding-all-20 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .column.custom-flex {
    width: 100%;
  }

  .column.max-width-l.pop-up-mobile {
    z-index: 10;
    max-width: 274px;
    opacity: 0;
    background-image: linear-gradient(35deg, #131313, #181818);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: .625rem;
    padding-top: 1.25rem;
    padding-bottom: 2rem;
    padding-left: 1.25rem;
    display: none;
    position: absolute;
    top: 5%;
    bottom: auto;
    left: 1.25rem;
    right: 0%;
  }

  .column.author-labels {
    align-items: center;
  }

  .main-wrapper {
    padding-top: 0;
  }

  .text-xl.text-neutral-400.margin-m {
    font-size: 1rem;
  }

  .text-xl.text-neutral-400.hero-blurb {
    margin-bottom: 1rem;
  }

  .kickoff-color-helper {
    margin: 4px;
  }

  .padding-s {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .margin-m {
    font-size: 1.6rem;
  }

  .button {
    padding: 12px 20px;
  }

  .button.subscribe.margin-s-1rem {
    min-height: 0;
  }

  .button.pricing-button {
    align-self: stretch;
  }

  .button.outline {
    min-width: 151px;
    flex: 1;
  }

  .pulsing-star-wrap {
    width: 95px;
    height: 95px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .button-wrapper {
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    align-self: center;
  }

  .button-wrapper.margin-s.courses-buttons-wrapper {
    width: 100%;
    flex-direction: column;
  }

  .button-wrapper.mobile-full {
    width: 100%;
  }

  .swiper-slide.image-slide-cms-item {
    width: 290px;
  }

  .navigation {
    top: 0;
  }

  .footer-brand.w--current {
    max-width: none;
  }

  .nav-menu {
    padding-bottom: 6rem;
    overflow: auto;
  }

  .footer-link {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .footer-link.w--current {
    color: var(--off-white);
  }

  .style-guide-intro {
    flex-direction: column;
  }

  .heading-l {
    font-size: 2.5rem;
  }

  .text-s.line-clamp-3-rows.margin-s-0-75, .text-s.line-clamp.margin-m, .text-s.line-clamp.margin-s-0-75 {
    font-size: 1rem;
  }

  .button-secondary {
    min-width: auto;
    padding: 12px 20px;
  }

  .button-secondary.nav-login-btn {
    flex: 1;
    padding: 11px 0;
  }

  .button-secondary.stretch {
    align-self: stretch;
  }

  .button-secondary.outline {
    min-width: 190px;
    flex: 1;
  }

  .button-card {
    min-width: 146px;
  }

  .button-card.nav-courses-btn {
    flex: 1;
    padding: 11px 0;
  }

  .button-variant-200.about-us-card-button {
    font-size: 1.25rem;
  }

  .pill-title-button {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .nav-dropdown-wrap, .nav-design-flex {
    flex-direction: column;
  }

  .button-small.nav {
    width: 100%;
  }

  .resource-btn-wrap {
    padding-right: 0;
  }

  .resource-btn-wrap.padding-xs {
    width: 100%;
  }

  .nav-link-flex.nav-hover-anime.vertical {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .white-gradient-border.testimonial, .logo-text-wrap.hide-on-mobile {
    display: none;
  }

  .hero-btn-wrap {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: stretch;
  }

  .hero-btn-wrap.margin-m {
    width: 100%;
    flex-direction: column;
  }

  .hero-student-wrapper {
    flex-direction: column;
  }

  .hero-animation-wrap {
    align-items: flex-end;
  }

  .nav-mask-menu {
    top: 73px;
  }

  .radar-animation {
    grid-column-gap: .5rem;
  }

  .star-wrap {
    width: 171px;
    height: 171px;
  }

  .star-wrap.student-card-star {
    position: absolute;
    top: 58%;
    bottom: 0%;
    left: 50%;
    right: 0%;
    transform: translate(-50%, -50%);
  }

  .circle-ab {
    width: 95px;
    height: 95px;
  }

  .circle-ab.student-card-second {
    transform: scale(1.3);
  }

  .circle-ab.student-card-third {
    transform: scale(1.6);
  }

  .ab-hover-card {
    display: none;
  }

  .ab-hover-card.gradient-card-60 {
    padding: 7px;
    top: 55px;
    right: -35.5938px;
  }

  .course-card-wrap {
    max-width: none;
  }

  .course-card-ratings-wrap {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-wrap: wrap;
  }

  .flex-horizontal-center.mobile-resource {
    grid-row-gap: 8px;
    text-align: center;
    flex-direction: column;
  }

  .home-product-title-wrap.max-width-xxl {
    width: 100%;
  }

  .home-product-title-wrap.max-width-xl {
    max-width: 100%;
  }

  .infinity-slider.margin-l {
    grid-row-gap: 3rem;
  }

  .button-tertiary {
    padding: 14px 20px;
  }

  .student-stories.studens-stories-gradient-card {
    max-width: 100%;
  }

  .student-story-img {
    margin-bottom: 20px;
  }

  .stories-wrap {
    max-width: 1240px;
  }

  .arrow-wrap {
    bottom: 0;
  }

  .gradient-divider-xl {
    z-index: 1;
    margin-top: -10px;
  }

  .regular-image, .regular-image.mobile-only {
    display: block;
  }

  .regular-image.mobile-display-none {
    display: none;
  }

  .grid, .grid.gap-row-40 {
    grid-row-gap: 8px;
  }

  .margin-s-0-75 {
    font-size: 1.4rem;
  }

  .author-wrap {
    align-items: center;
  }

  .mobile-h1 {
    line-height: 1.25;
  }

  .mobile-h1.margin-s.max-width-mobile-220 {
    max-width: 100%;
  }

  .news-input, .news-wrap {
    width: 100%;
  }

  .mobile-h3 {
    font-size: 1.5rem;
    line-height: 1.5em;
  }

  .mobile-h3.mobile-margin-bot {
    margin-bottom: 1rem;
  }

  .mobile-m-paragraph {
    font-size: 1rem;
    line-height: 22px;
  }

  .resource-hero-btn-wrap {
    flex-flow: wrap;
  }

  .testimonial-title-wrap.margin-l {
    margin-bottom: 40px;
  }

  .customer-reviews-wrap {
    display: none;
  }

  .review-stars {
    height: 20px;
  }

  .student-testimonial-card {
    border: 1px solid #333338;
  }

  .student-card-nav {
    z-index: 2;
    flex-direction: column;
    margin-bottom: 8px;
    position: relative;
  }

  .student-card-img-wrap {
    flex: none;
  }

  .student-body-card-wrap {
    z-index: 2;
    position: relative;
  }

  .student-card-body-text p {
    font-size: .875rem;
    line-height: 20px;
  }

  .btn-wrap {
    max-width: none;
  }

  .margin-xl-80-40 {
    z-index: 1;
  }

  .testimonial-title {
    display: none;
  }

  .change-log-wrap {
    width: 100%;
    padding-left: 5px;
  }

  .text-mobile-1rem {
    font-size: 1rem;
    line-height: 1.5em;
  }

  .form-block-newsletter {
    width: 100%;
  }

  .mobile-h4 {
    font-size: 1.25rem;
  }

  .products-logo-wrap {
    max-width: 137px;
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .collection-list.components {
    grid-template-columns: 1fr;
  }

  .component-main-img-wrap {
    max-height: 250px;
    max-width: 333px;
    margin-bottom: 20px;
  }

  .pricing-wrap {
    width: 100%;
    align-items: center;
  }

  .pricing-card.gradient-card-220deg {
    width: 100%;
    max-width: 362px;
    align-items: center;
  }

  .pricing-type {
    width: 100%;
  }

  .pricing-pill {
    color: var(--off-white);
    font-size: .59375rem;
    line-height: .8125em;
  }

  .mobile-display-none {
    display: none;
  }

  .pagination-button {
    z-index: 2;
    position: relative;
  }

  .log-line-wrap {
    left: 7px;
  }

  .courses-hero-numbers {
    grid-row-gap: .5px;
    flex-direction: column;
  }

  .courses-filters {
    width: 100%;
    padding-left: 0;
  }

  .pill-btn-text, .newsletter-spam {
    text-align: center;
  }

  .download-input {
    width: 100%;
  }

  .pricing-body {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .download-wrap-copy {
    width: 100%;
  }

  .hero-form-wrap-download {
    flex-direction: column;
  }

  .download-input-wrapper {
    margin-bottom: 20px;
  }

  .terms-text-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-wrap.margin-s {
    width: 100%;
  }

  .section-l {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .vertical-slide-card {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .blog-hero-content-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .25rem;
    flex-wrap: wrap;
  }

  .blog-hero-content.blog-post-category {
    display: none;
  }

  .blgo-hero-image {
    height: 160px;
  }

  .blog-side-content.author-side {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
  }

  .blog-side-content.author-side.no-sticky {
    justify-content: center;
  }

  .blog-side-content.author-side-news-latter {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
  }

  .blog-author-image {
    margin-bottom: .5rem;
  }

  .share-buttons-wrapper.no-margin {
    flex-wrap: wrap;
    justify-content: center;
  }

  .share-buttons-wrapper.blog-post {
    width: 100%;
    justify-content: center;
    display: none;
  }

  .blog-body-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-rich-text h2 {
    margin-top: 1rem;
  }

  .blog-rich-text p {
    font-size: .875rem;
  }

  .blog-cta-wrapper.with-bg {
    padding: 2rem 1.5rem;
  }

  .meet-instructor {
    height: 220px;
  }

  .pricing-tabs-menu {
    flex-direction: column;
  }

  .pricing-type-link {
    width: 100%;
  }

  .pricing-wrap-with-tabs {
    width: 100%;
    align-items: center;
  }

  .courses-hero-intro {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-wrap: wrap;
  }

  .courses-hero-intro.courses-info {
    justify-content: center;
  }

  .learn-cards {
    height: auto;
    justify-content: space-between;
  }

  .learn-image-wrapper {
    height: 150px;
    margin-bottom: 20px;
  }

  .courses-content-item-intro {
    flex-direction: column;
  }

  .free-preview-icon.hide-on-mobile {
    display: none;
  }

  .about-us-counter-blocks-wrapper {
    flex-direction: column;
  }

  .form-heading {
    line-height: 1.25;
  }

  .customers-cms-list {
    grid-template-columns: 1fr;
  }

  .spotlight-card {
    border: 1px solid #333338;
  }

  .testimonials-categories-form {
    margin-bottom: 0;
  }

  .spotlight-author-header.margin-top-xs {
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: center;
  }

  .author-social-wrap {
    width: 100%;
  }

  .sudents-card-image-wrapper {
    width: 100%;
    height: 60vw;
  }

  .sudents-card-image-wrapper.allign-left {
    width: 100%;
    height: 59vw;
  }

  .sudents-card-image-wrapper.allign-center {
    justify-content: center;
    align-items: center;
  }

  .typing-wrap {
    bottom: 0;
    left: 30px;
  }

  .mobile-h2 {
    font-size: 2rem;
  }

  .form-block-newsroom {
    width: 100%;
  }

  .newsroom-form {
    width: 100%;
    flex-direction: column;
  }

  .newsletter-richtext {
    margin-bottom: 0;
  }

  .newsletter-richtext p {
    margin-bottom: 1.25rem;
  }

  .icon-and-line-wrap {
    padding-top: 1.25rem;
  }

  .newsletter-banner {
    padding-left: 15px;
    padding-right: 15px;
  }

  .button-black {
    padding: 12px 20px;
  }

  .newsletter-banner-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .cms-newsletter-students {
    flex-direction: column;
  }

  .newsletter-utillity-bar {
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: flex-start;
  }

  .utillity-wrap {
    grid-column-gap: 12px;
  }

  .label-s-2 {
    font-size: .75rem;
  }

  .back-wrapper {
    font-size: .875rem;
  }

  .back-arrow {
    transform: translate(0, -2px);
  }

  .ui-component-link {
    padding-left: 0;
  }

  .breadcrumbs-wrapper.margin-s {
    width: 100%;
    font-weight: 600;
  }

  .breadcrumbs-dynamic-wrapper {
    font-weight: 400;
  }

  .product-header-wrapper {
    width: 100%;
    font-size: 2rem;
  }

  .product-header-wrapper.margin-s {
    font-size: 1.25rem;
  }

  .product-description-block.margin-s {
    grid-row-gap: 1.6875rem;
    flex-direction: column;
  }

  .product-review-wrapper {
    grid-row-gap: 2rem;
    flex-direction: column;
    padding: 1.25rem;
  }

  .product-review-image-wrapper {
    width: 100%;
    height: 59vw;
    max-height: 218px;
    max-width: none;
  }

  .product-review-header {
    grid-row-gap: .5rem;
  }

  .product-review-info {
    grid-row-gap: .5rem;
    flex-direction: column;
  }

  .review-tag-price-wrapper {
    display: none;
  }

  .mobile-pop-up-overlay {
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: rgba(20, 20, 21, .75);
    display: none;
    position: absolute;
    top: 49px;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .mobile-pop-up {
    width: 100%;
    grid-column-gap: .5rem;
    grid-row-gap: 16px;
    color: var(--grey-600);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: flex;
    position: static;
  }

  .burger-pop-up {
    width: 1.625rem;
    height: 1.25rem;
  }

  .courses-categories-cms {
    width: 100%;
    overflow: auto;
  }

  .courses-categories-cms-item {
    flex: none;
  }

  .changelog-cms-item-cms {
    grid-row-gap: 8px;
  }

  .blog-h2 {
    font-size: 1.25rem;
  }

  .promo-card {
    grid-row-gap: 2rem;
  }

  .blog-author-title {
    text-align: left;
  }

  .author-name {
    color: var(--grey-grey-400);
    font-size: .75rem;
    line-height: 1em;
  }

  .author-role {
    color: var(--gray-700);
    font-size: .75rem;
  }

  .button-secondary-2 {
    min-width: auto;
    padding: 12px 20px;
  }

  .button-secondary-2.outline {
    min-width: 190px;
    flex: 1;
  }

  .download-input-2 {
    width: 100%;
  }

  .button-2 {
    padding: 12px 20px;
  }

  .button-2.outline {
    min-width: 151px;
    flex: 1;
  }

  .pill-title-button-2 {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .pill-btn-text-2 {
    text-align: center;
  }

  .lesson-description {
    font-size: 1rem;
  }

  .promo-banner {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-items: center;
  }
}

#w-node-ab9fc542-2f8d-68b9-584f-7e0c87f81bb9-af36ed22 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#Project-Set-Up.w-node-_1dbed699-b8f8-5e1e-f904-09957ee85dd6-af36ed22 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_30a7ccbf-f142-c729-e26e-3622d1296b13-af36ed22 {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-b14a0122-3961-2249-be77-2f0e224657ad-af36ed22, #w-node-_43c0beed-6386-7877-56a2-ee7835884e37-af36ed22 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-d72d6950-d93d-4637-35d5-37c05e7c0d38-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
  justify-self: start;
}

#w-node-_73874b90-ab75-7e50-29c3-3908917f44ec-af36ed22 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_1c78e62c-1aca-69f2-474b-936dc374d006-af36ed22 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-ef07ea39-cfb9-5449-7b94-05b347257299-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-ef07ea39-cfb9-5449-7b94-05b34725729e-af36ed22, #w-node-e0c0f0f9-86e5-b291-16fa-67027c7d91ac-af36ed22 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_0231eb0a-3d9f-3574-6b60-a387f73bb22d-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_38c376bb-e920-9eda-e812-210d78457c7d-af36ed22, #w-node-_8c60c5a5-f71b-34a4-f8b3-c84fb08a531e-af36ed22 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_2a3facfc-4fe8-4dd9-3321-d5351248ddcf-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_16208a4a-7610-d558-cad8-21613c02ff3c-af36ed22, #w-node-_035ff3d5-375d-5878-a683-f306d512ef1c-af36ed22 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_18b58d78-c5ef-76cf-c938-e6865c3a0957-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-c4bd1cd3-8332-0e51-10e1-21867c45c99b-af36ed22, #w-node-_9106cb4b-3191-1113-9a39-28b1e23c6c51-af36ed22 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-dd45c394-e668-3321-1198-f52069133a57-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_6c16b473-943e-1b4c-dbda-780c4c057a36-af36ed22, #w-node-_53ec84b3-60f1-9f16-1b2f-44f2c3696f1e-af36ed22 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-a2f542df-f4a7-f916-a2bf-d690aba6410a-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_8d37f161-a4ff-4c02-09cc-d7338e140dd3-af36ed22, #w-node-a0ed19ac-34b4-91c5-7b83-68335faae140-af36ed22 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-e92dc493-afce-b66a-bb38-0fdfa5de0a0a-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_20670753-4d0a-155f-6c6d-e28a3d1db02c-af36ed22, #w-node-_496fa53a-5d34-28de-2d08-c3c0930cbca2-af36ed22 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_7a23a602-d1b7-d52f-263a-cf3e3606d3b3-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-a7a6a72c-9e0a-0737-6f04-f14d357bf427-af36ed22 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_39fab930-d5c6-d557-12ce-a3419715ff49-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_0e3734e8-37b3-160f-39d8-005208ef20ea-af36ed22 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-a6ac3c0c-fa54-ec67-872e-32fedba6dcd0-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_1af4f6e2-81ff-44c5-47dd-a46655e81d15-af36ed22 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_435b1269-2fb6-a6a1-28fb-5b2dc7be8536-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_09698ba2-3f8f-7aef-9e3e-c6d8d1e7e450-af36ed22 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_6c9a523d-70fb-7c7c-4bee-7acb6d872709-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-d28ea3ce-1ff6-1e07-c8e3-de7b699871ce-af36ed22 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-b5d7910f-3b06-bf51-75ea-3208a5487c30-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_2a3b6b77-3302-5f68-7714-bcdecdc37578-af36ed22 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-d76e0423-00bb-fc33-ce55-a4e359b90c01-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-e177acb4-7c91-448d-d549-50d77e5c9e16-af36ed22 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_24b087a3-66a0-474e-9bb2-8506dc3e8caa-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-a1536eb8-aacf-887c-844b-59e0e946dfb1-af36ed22 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_49c61263-a3e5-0fa5-5794-d850c0b00026-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-bae514f5-9b6f-a4c3-d3ca-68d8ac2e547c-af36ed22 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-e2446457-6a23-c0d1-070c-f0f3b7586106-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_214bbd82-eb09-3e6b-dc9e-802f78dffeb1-af36ed22 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-f5550334-3d38-900d-34b5-b7cd860b5ba6-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-be415236-5406-14ad-4edf-c6236719d74e-af36ed22 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_470204c1-cde7-6989-bcd0-20d473edc5bd-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_3c0e7e4f-af59-2b37-0cfc-668b8e7bc791-af36ed22 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-daa40b7a-c21d-63e6-cd46-295bc549f1a7-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_5404eb7c-0e01-8e9c-0e49-0f9d7fd91b09-af36ed22 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-adc6fca3-12d5-6840-185b-67de2c2bf0cb-af36ed22, #w-node-e3fb3f13-88c0-9012-a386-a1b9aaee0541-af36ed22, #w-node-_28bd63f0-6680-e90a-cef5-eccbcf452fc4-af36ed22, #w-node-_0733b70e-37c0-b84a-08fe-d6e5a45283ff-af36ed22, #w-node-_0d9b89f9-cc8f-f361-1e4c-63d3b132f9e6-af36ed22, #w-node-_8bc55af7-2994-78ff-ef4d-d75cbb3deb91-af36ed22, #w-node-_6c41f44b-b701-4842-381d-04daef273904-af36ed22, #w-node-f6a3e425-776f-57d7-1506-b61a84919725-af36ed22, #w-node-c30759ab-c69a-8ffc-d89b-71ee25d44b6b-af36ed22, #w-node-_370a7f08-7cbf-0169-f682-18752d2c9b60-af36ed22, #w-node-_1c61385d-7922-3d7c-c7bb-7e780ddc2d40-af36ed22, #w-node-_5f840a1d-3776-67dc-2024-a54c83aefb2b-af36ed22, #w-node-bc064cb3-8640-6fbc-9700-004cc0fc1a16-af36ed22, #w-node-_6ae857c3-9bd3-2cf0-4a62-c63c525ce5d3-af36ed22, #w-node-_190d3f96-6317-221e-cedc-e21d665890f6-af36ed22, #w-node-_06cdd60e-f4fa-2816-a5c1-dc4e6dc0fa85-af36ed22, #w-node-_907f1ea6-626e-51fe-4d75-5b5d3307d229-af36ed22, #w-node-_9c034f22-1a1b-08ea-dde1-2cd419d2b722-af36ed22, #w-node-_3f6ba279-894d-b6e5-7f91-ffdfdb4b7ece-af36ed22, #w-node-bb8afbb3-4fb5-526e-ae98-1953a46eeb28-af36ed22, #w-node-f5171cad-8dad-df45-c502-8ba240be828e-af36ed22, #w-node-f5171cad-8dad-df45-c502-8ba240be8297-af36ed22, #w-node-f5171cad-8dad-df45-c502-8ba240be82a0-af36ed22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_3b5b668e-4047-df8a-2a71-883f68fe773d-af36ed22, #w-node-_3b5b668e-4047-df8a-2a71-883f68fe7744-af36ed22, #w-node-_3b5b668e-4047-df8a-2a71-883f68fe774b-af36ed22, #w-node-_3b5b668e-4047-df8a-2a71-883f68fe7752-af36ed22, #w-node-_3b5b668e-4047-df8a-2a71-883f68fe7759-af36ed22, #w-node-_3b5b668e-4047-df8a-2a71-883f68fe7760-af36ed22, #w-node-_3b5b668e-4047-df8a-2a71-883f68fe7767-af36ed22, #w-node-_3b5b668e-4047-df8a-2a71-883f68fe776e-af36ed22 {
  align-self: end;
}

#w-node-_6687739a-8afa-f819-d62e-ad969d63468a-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_97091ddd-8bf2-950c-431b-e0f779050914-af36ed22, #w-node-dfb41515-7bbe-9c22-ae41-2ae456bbd3c8-af36ed22, #w-node-_5314e0c2-91de-4655-65f7-77c8440d802d-af36ed22 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-d14c08c4-425f-d607-60fa-4d425e793376-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fa90f26b-7a5f-5b57-8c0c-501e0fee1314-af36ed22 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-ba78244a-0733-866f-3044-ca7cd30b15ce-af36ed22 {
  grid-area: 3 / 2 / 4 / 7;
}

#w-node-d5d107d6-98e0-ad0e-b4b2-11b0183bfe7a-af36ed22 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_67575590-25d7-c14e-7162-ab76ff30550f-af36ed22 {
  grid-area: 2 / 4 / 3 / 10;
}

#w-node-a74b7cc9-c9ae-45b0-cfea-3ced5af403ef-af36ed22 {
  grid-area: 1 / 9 / 2 / 13;
}

#w-node-df6c9add-b613-2ff8-15c8-d0804ca0e6fc-af36ed22 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-be8f77d5-9e34-b1ff-5650-085a180c63da-af36ed22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ff1b02c4-95d2-5e8b-81d8-3e060991df6e-af36ed22, #w-node-_2f4fa5de-d786-c310-f777-43433f0a935d-af36ed22, #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b06-4afd7022 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b0b-4afd7022 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  justify-self: end;
}

#w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b20-4afd7022 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b33-4afd7022 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b40-4afd7022 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b5f-4afd7022 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: center;
  justify-self: end;
}

#w-node-b3224d08-09c0-50eb-1cc9-56ee1d7a7042-79a3fc8f {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: center;
}

#w-node-_35bae1f3-4e42-1428-ea69-b13674cd5154-79a3fc8f {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: stretch;
  justify-self: end;
}

#w-node-caeaaedf-489a-7d44-9328-94a62c8f90de-79a3fc8f, #w-node-b481638e-9d8f-162e-24b5-04eeec61c3ac-79a3fc8f, #w-node-_4f2543b0-285a-345d-c884-a5017e168cf5-79a3fc8f, #w-node-_0b1d5f7c-edef-7f1c-1e00-1ada63b6a0b5-79a3fc8f, #w-node-e8f4d8d3-fbb5-1bc8-c351-e856c5776c2f-79a3fc8f {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-a57547a7-1bb4-2dd8-c281-7648d18b1471-79a3fc8f {
  grid-area: 2 / 3 / 3 / 11;
}

#w-node-b470de21-f2f8-e0bd-71f6-fe494966e38a-79a3fc8f, #w-node-_6cc50be1-040d-a14c-eaa5-1b99e51b89c6-79a3fc8f, #w-node-_5f9c1fb6-4f51-391d-7017-2fd2c0b81b36-79a3fc8f, #w-node-_0a466218-2e5f-6a2d-3b8a-1db9249e4d78-79a3fc8f {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_012b9f5b-9344-259f-94af-187a45c7ed9e-79a3fc8f, #w-node-_3cf59265-b6e9-4faa-cb5e-1a73bcb0ef7b-79a3fc8f, #w-node-_6fcd2fd1-17c9-ed6b-ef37-66cd8e93cd29-79a3fc8f, #w-node-_0ec668e4-7ae0-fe07-1703-cb47872a000e-79a3fc8f, #w-node-_4c75944d-65b8-54c6-b85c-979d929b017d-79a3fc8f, #w-node-_8350d8a5-95a2-0501-b46b-81a80ac5e97b-79a3fc8f {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_85d714e7-d41f-02b2-556c-b90b714d1f2e-714d1f2a, #w-node-_85d714e7-d41f-02b2-556c-b90b714d1f2f-714d1f2a, #w-node-_85d714e7-d41f-02b2-556c-b90b714d1f34-714d1f2a, #w-node-_5fd482d5-f642-5b67-dc57-916ec58a6d0f-c58a6d0d, #w-node-_5fd482d5-f642-5b67-dc57-916ec58a6d10-c58a6d0d, #w-node-_5fd482d5-f642-5b67-dc57-916ec58a6d1f-c58a6d0d, #w-node-_758bb386-901b-6ada-eb08-20841c4b5154-c58a6d0d, #w-node-_4002bf25-ab34-3a88-63e7-c92cbf20f17b-bf20f179, #w-node-_4002bf25-ab34-3a88-63e7-c92cbf20f17c-bf20f179, #w-node-_4002bf25-ab34-3a88-63e7-c92cbf20f188-bf20f179 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-f99f254a-d2dd-8d05-e6e0-8dd5a05113a3-3fab2b8c {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-f99f254a-d2dd-8d05-e6e0-8dd5a05113af-3fab2b8c {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_09cf1531-c288-976e-e610-92059659d485-3fab2b8c {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-_748783a9-fe89-d102-f608-0f9af011e956-3fab2b8c, #w-node-_09cf1531-c288-976e-e610-92059659d491-3fab2b8c, #w-node-_98339f1c-616e-13b7-3e6c-f4dbb6a934e3-3fab2b8c, #w-node-_98339f1c-616e-13b7-3e6c-f4dbb6a934e8-3fab2b8c {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_31270524-ffbe-2234-1ab6-38049980aa89-3fab2b8c {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-_7c97b1c6-c75e-166a-c309-ce9ec579967b-3fab2b8c, #w-node-_039f8b68-855f-622c-4ee4-b0c9ca018610-3fab2b8c {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_0b54da79-a6d7-469f-ae7c-63f2d2f4e82e-3fab2b8c {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-_49a4c399-f1c0-114d-eb1e-df82eb8262a0-3fab2b8c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_612a9aa3-0e22-0812-7137-6be027d332bc-3fab2b8c, #w-node-_31270524-ffbe-2234-1ab6-38049980aa68-3fab2b8c {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-db2d0e67-6cb3-807a-0b39-2ad7950877a1-3fab2b8c {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_31196916-b282-f1e3-a1e4-2522c11cedbc-3fab2b8c {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-_5bef37fc-8172-1106-67fb-841a95e3e7b2-3fab2b8c {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-b6e61796-bf28-6a59-f7f1-07aecb277d05-3fab2b8c {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_62ca6419-92d8-aa0c-9b59-51229cb0ae4c-3fab2b8c {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-abe4dc8c-17dc-2f3a-7206-3384c66a409b-3fab2b8c {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-abe4dc8c-17dc-2f3a-7206-3384c66a40a0-3fab2b8c {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-abe4dc8c-17dc-2f3a-7206-3384c66a40db-3fab2b8c {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
  justify-self: end;
}

#w-node-_87154d92-b03f-4108-1c4a-7789d57fd387-3fab2b8c {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-ce95b37f-8c5f-f59c-1900-32c61593ea8f-1593ea8d {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: center;
  justify-self: start;
}

#w-node-ce95b37f-8c5f-f59c-1900-32c61593eaa2-1593ea8d {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: stretch;
}

#w-node-b0553240-dc0d-38a7-2217-30dcdcde2b67-dcde2b65, #w-node-b0553240-dc0d-38a7-2217-30dcdcde2b68-dcde2b65, #w-node-b0553240-dc0d-38a7-2217-30dcdcde2b6a-dcde2b65, #w-node-b0553240-dc0d-38a7-2217-30dcdcde2b70-dcde2b65, #w-node-_91d2e8ee-b5e4-a2e3-ea29-a13b411357f0-197300f0, #w-node-_91d2e8ee-b5e4-a2e3-ea29-a13b411357f2-197300f0 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-b3277f71-da4b-bfb5-9e5c-35425cedfb26-197300f0 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-b3277f71-da4b-bfb5-9e5c-35425cedfb29-197300f0 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  justify-self: end;
}

#w-node-_21c58470-6c45-d562-0232-8182eac8c6e6-197300f0 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_5967d63b-03ab-cabb-dabe-feb42f50bd0b-197300f0, #w-node-_6cd02735-590b-f557-3fa7-27bfce5d139d-197300f0 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-_6cd02735-590b-f557-3fa7-27bfce5d13af-197300f0, #w-node-_4afb1431-858d-10ff-3409-0ef0f958acc0-197300f0 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_4afb1431-858d-10ff-3409-0ef0f958acd0-197300f0 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_4afb1431-858d-10ff-3409-0ef0f958ad10-197300f0 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
  justify-self: end;
}

#w-node-_91d2e8ee-b5e4-a2e3-ea29-a13b4113592b-197300f0 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_3cb60fe0-2682-c264-3c29-ef6b43e233d1-006c5620 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3cb60fe0-2682-c264-3c29-ef6b43e233d2-006c5620 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_21e2b168-6bb5-1ed6-56de-754926a603b2-006c5620 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#Body.w-node-bfb71dbb-40bd-1038-e54b-c26d97278a4c-006c5620 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_44ca2e76-484c-a465-0e21-2dbcd743ddba-006c5620 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-d247af4b-ba29-5d18-7d72-a205bace3e10-006c5620 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-d81a820d-05fe-cfb1-37aa-74d7798831a0-006c5620, #w-node-d81a820d-05fe-cfb1-37aa-74d7798831a1-006c5620, #w-node-d81a820d-05fe-cfb1-37aa-74d7798831a7-006c5620 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_915e0213-16bb-b0a6-2e0a-da29e027d6bc-0e408308 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_915e0213-16bb-b0a6-2e0a-da29e027d6bd-0e408308, #w-node-_915e0213-16bb-b0a6-2e0a-da29e027d6f6-0e408308, #w-node-_915e0213-16bb-b0a6-2e0a-da29e027d717-0e408308, #w-node-_915e0213-16bb-b0a6-2e0a-da29e027d74c-0e408308 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-e24da782-1368-d9bc-fa73-a88f7e623d4f-5acbeff8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_50d8e24b-ca4d-218b-e122-92aa815389ad-5acbeff8 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_019df913-4dc1-4ecf-1f9b-25c746f0ef28-5acbeff8, #w-node-_86405923-9e3c-8ab9-d99f-0387d0386d4a-5acbeff8 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-ebbe8c44-a1ab-a346-8fbc-9be4ca932ee2-5acbeff8, #w-node-ebbe8c44-a1ab-a346-8fbc-9be4ca932ee7-5acbeff8, #w-node-_3c2733f5-6fc5-059c-7392-f85b7d2714cc-5acbeff8 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_6e8216fa-24cd-64e6-4383-a96024c8b186-5acbeff8 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#figma-link.w-node-_74940531-d23a-0995-cf5d-777020eb822a-5acbeff8 {
  grid-area: span 1 / span 5 / span 1 / span 5;
  align-self: end;
  justify-self: end;
}

#figma-cards.w-node-_6e8216fa-24cd-64e6-4383-a96024c8b1a3-5acbeff8 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-ac2084e5-91f6-1c9e-ed2a-62297b5eb833-5acbeff8 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-fca350dc-4935-7a67-87fd-8c3f509771be-5acbeff8 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-fca350dc-4935-7a67-87fd-8c3f509771c4-5acbeff8 {
  grid-area: span 1 / span 5 / span 1 / span 5;
  align-self: end;
  justify-self: end;
}

#product-card.w-node-fca350dc-4935-7a67-87fd-8c3f509771c6-5acbeff8 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_458510e4-8d1a-c14f-750a-7f635ce34418-ae56543e {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: auto;
}

#w-node-_458510e4-8d1a-c14f-750a-7f635ce34439-ae56543e {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_45f60361-1d46-0278-4ed9-d9e29fea0694-346557a6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3c372d1a-ca23-a76b-9cc7-a723edc40604-346557a6, #w-node-_09bfa1e3-a207-c37c-b14b-c7e287a2bc49-346557a6 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_787d4812-55fd-d697-d2e4-d07458f3aa59-346557a6 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-_74d35c13-b07d-17af-8073-3f8e16d38bcc-346557a6 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  align-self: center;
}

#w-node-_461272ad-22d9-420d-1066-3afc83f546de-346557a6 {
  grid-area: 2 / 2 / 3 / 12;
}

#w-node-be698036-2585-c181-782d-c7f45c5a3413-346557a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d55de25c-f615-1b16-42c5-dfeb6b4c58c8-346557a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_69db681b-6cbc-4732-eb3f-7079b680b729-346557a6 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-f3ff0c20-e52e-4eb4-fe5b-9490703e15f2-346557a6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f3ff0c20-e52e-4eb4-fe5b-9490703e161e-346557a6 {
  grid-area: 1 / 5 / 2 / 13;
}

#w-node-f3ff0c20-e52e-4eb4-fe5b-9490703e1660-346557a6 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-cbdabee2-930a-c52e-2de9-070edaeac105-346557a6 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-e47785a6-6044-82e9-401f-77503324fcdc-6d471676 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_60e67590-2b95-a64a-2cc9-f0e08b556912-6d471676 {
  grid-area: span 1 / span 8 / span 1 / span 8;
  justify-self: end;
}

#w-node-e24da782-1368-d9bc-fa73-a88f7e623d4f-2b000a32 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_50d8e24b-ca4d-218b-e122-92aa815389ad-2b000a32, #w-node-f866d546-4622-7efe-b8a5-459dc936113b-2b000a32 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-dc67a6c1-5d80-fe10-a136-2e0541a78118-2b000a32 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_6ad585a0-a9d5-77b3-d33c-844b98b029bf-2b000a32 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_515cbccc-9bcc-17c4-0547-acdcc7b59bae-2b000a32 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#newslatter.w-node-b46d95bc-3c2d-bef8-969f-2fb40b229ecc-ac6dbb34 {
  grid-area: span 2 / span 2 / span 2 / span 2;
  align-self: start;
}

#w-node-_6bda248d-4538-a37a-1d74-4aecfa50224e-ac6dbb34, #w-node-_817323b0-11d4-73a5-8a9b-838fb6b9a604-ac6dbb34 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_0f8fae99-bb66-7913-3ff6-668837eaa00f-18d209b2, #spotlight-swiper.w-node-_0f8fae99-bb66-7913-3ff6-668837eaa016-18d209b2 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#spotlight-pagination.w-node-_0f8fae99-bb66-7913-3ff6-668837eaa02c-18d209b2 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-_951599b4-014b-edd1-0dee-8d9a578dde7e-18d209b2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b4203d81-b876-c447-69f2-32edd9867ce0-18d209b2 {
  grid-area: 1 / 5 / 2 / 13;
}

#w-node-_2dac8ce6-18e8-8950-025f-c622e6896524-18d209b2 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-e47785a6-6044-82e9-401f-77503324fcdc-29814ae1 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_60e67590-2b95-a64a-2cc9-f0e08b556912-29814ae1 {
  grid-area: span 1 / span 8 / span 1 / span 8;
  justify-self: end;
}

#w-node-_98af0c31-4740-768a-e446-2ee1b94ecb22-b94ecb20 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  align-self: center;
}

#gallery-swiper.w-node-_98af0c31-4740-768a-e446-2ee1b94ecb2b-b94ecb20, #w-node-_98af0c31-4740-768a-e446-2ee1b94ecb52-b94ecb20 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-_33d4ea6b-5bb2-ee17-c644-2e95e25cce61-9cff3460 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_33d4ea6b-5bb2-ee17-c644-2e95e25cce66-9cff3460 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_33d4ea6b-5bb2-ee17-c644-2e95e25ccea6-9cff3460 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
  justify-self: end;
}

#w-node-_5f9c1fb6-4f51-391d-7017-2fd2c0b81b36-5239e506 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_8b5377d7-d443-4d51-7849-94759666bf8c-5239e506 {
  grid-area: 1 / 2 / 2 / 12;
  justify-self: center;
}

#w-node-_8b5377d7-d443-4d51-7849-94759666bf93-5239e506 {
  grid-area: 2 / 2 / 3 / 12;
}

#w-node-_8b5377d7-d443-4d51-7849-94759666bf94-5239e506 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8b5377d7-d443-4d51-7849-94759666bfe0-5239e506 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_27c6bac9-8913-4b35-e097-fd8039c4879c-5239e506 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_36c0a7f8-db61-5cd9-5bd0-00ac7f226982-5239e506 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_195af113-cdbe-91d3-7b8e-c11469b5f0be-5239e506 {
  grid-area: 1 / 3 / 2 / 11;
  justify-self: center;
}

#w-node-_132e9785-53bd-43ec-bc71-cb94ac5a3e44-5239e506 {
  grid-area: 2 / 1 / 3 / 5;
}

#w-node-_060ebd8a-aee1-ffe1-fee3-833ad0030380-5239e506 {
  grid-area: 2 / 5 / 3 / 9;
}

#w-node-_37e5e9ef-2792-29ca-7ca0-13e4d30c8a2d-5239e506 {
  grid-area: 2 / 9 / 3 / 13;
}

#w-node-_4aabd9c7-0e0a-df7b-4696-786aaa6f958e-5239e506 {
  grid-area: 3 / 1 / 4 / 5;
}

#w-node-_2e81e4be-07dc-60a3-6d59-fc4d14226ee3-5239e506 {
  grid-area: 3 / 5 / 4 / 9;
}

#w-node-_135a7b00-5005-9d39-f054-2034d56a7960-5239e506 {
  grid-area: 3 / 9 / 4 / 13;
}

#w-node-_45f60361-1d46-0278-4ed9-d9e29fea0694-379c4336 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3c372d1a-ca23-a76b-9cc7-a723edc40604-379c4336, #w-node-_09bfa1e3-a207-c37c-b14b-c7e287a2bc49-379c4336 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_4faba31b-ef27-28a6-f286-c4e8e328d112-379c4336 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-_4faba31b-ef27-28a6-f286-c4e8e328d11c-379c4336 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_34e4c08d-2ea5-e261-50da-0aaca2c0815e-379c4336 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-_13940eee-097e-2139-bd01-ed90f0e53667-379c4336, #w-node-cbdabee2-930a-c52e-2de9-070edaeac105-379c4336, #w-node-_22d2eaa1-7d74-fff6-58d8-aa9eb77be9aa-b77be9a8 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_22d2eaa1-7d74-fff6-58d8-aa9eb77be9af-b77be9a8 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_22d2eaa1-7d74-fff6-58d8-aa9eb77be9ed-b77be9a8 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
  justify-self: end;
}

#w-node-_26a45994-1caf-4443-9e64-d0d182fc088e-a80c2b63 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_436d2be7-2fe8-07a6-8cf2-24c0433fd939-a80c2b63 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: start;
}

#w-node-_4096643b-37c7-bab8-694c-8acbef7affa1-a80c2b63 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_17b7399c-7322-f6d3-817f-a958c8b5278c-a80c2b63 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_91c51408-9045-9ebc-38b7-d48aa4e50c77-8321639c {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: auto;
}

#w-node-_91c51408-9045-9ebc-38b7-d48aa4e50c85-8321639c {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

@media screen and (max-width: 991px) {
  #w-node-_43c0beed-6386-7877-56a2-ee7835884e37-af36ed22 {
    grid-column: span 12 / span 12;
  }

  #w-node-d72d6950-d93d-4637-35d5-37c05e7c0d38-af36ed22 {
    grid-column: span 3 / span 3;
  }

  #w-node-_73874b90-ab75-7e50-29c3-3908917f44ec-af36ed22 {
    grid-column: span 8 / span 8;
  }

  #w-node-_1c78e62c-1aca-69f2-474b-936dc374d006-af36ed22, #w-node-ef07ea39-cfb9-5449-7b94-05b347257299-af36ed22, #w-node-ef07ea39-cfb9-5449-7b94-05b34725729e-af36ed22, #w-node-e0c0f0f9-86e5-b291-16fa-67027c7d91ac-af36ed22, #w-node-_0231eb0a-3d9f-3574-6b60-a387f73bb22d-af36ed22, #w-node-_38c376bb-e920-9eda-e812-210d78457c7d-af36ed22, #w-node-_8c60c5a5-f71b-34a4-f8b3-c84fb08a531e-af36ed22, #w-node-_2a3facfc-4fe8-4dd9-3321-d5351248ddcf-af36ed22, #w-node-_16208a4a-7610-d558-cad8-21613c02ff3c-af36ed22, #w-node-_035ff3d5-375d-5878-a683-f306d512ef1c-af36ed22, #w-node-_18b58d78-c5ef-76cf-c938-e6865c3a0957-af36ed22, #w-node-c4bd1cd3-8332-0e51-10e1-21867c45c99b-af36ed22, #w-node-_9106cb4b-3191-1113-9a39-28b1e23c6c51-af36ed22, #w-node-dd45c394-e668-3321-1198-f52069133a57-af36ed22, #w-node-_6c16b473-943e-1b4c-dbda-780c4c057a36-af36ed22, #w-node-_53ec84b3-60f1-9f16-1b2f-44f2c3696f1e-af36ed22, #w-node-a2f542df-f4a7-f916-a2bf-d690aba6410a-af36ed22, #w-node-_8d37f161-a4ff-4c02-09cc-d7338e140dd3-af36ed22, #w-node-a0ed19ac-34b4-91c5-7b83-68335faae140-af36ed22, #w-node-e92dc493-afce-b66a-bb38-0fdfa5de0a0a-af36ed22, #w-node-_20670753-4d0a-155f-6c6d-e28a3d1db02c-af36ed22, #w-node-_496fa53a-5d34-28de-2d08-c3c0930cbca2-af36ed22, #w-node-_7a23a602-d1b7-d52f-263a-cf3e3606d3b3-af36ed22, #w-node-a7a6a72c-9e0a-0737-6f04-f14d357bf427-af36ed22, #w-node-_39fab930-d5c6-d557-12ce-a3419715ff49-af36ed22, #w-node-_0e3734e8-37b3-160f-39d8-005208ef20ea-af36ed22, #w-node-a6ac3c0c-fa54-ec67-872e-32fedba6dcd0-af36ed22, #w-node-_1af4f6e2-81ff-44c5-47dd-a46655e81d15-af36ed22, #w-node-_435b1269-2fb6-a6a1-28fb-5b2dc7be8536-af36ed22, #w-node-_09698ba2-3f8f-7aef-9e3e-c6d8d1e7e450-af36ed22, #w-node-_6c9a523d-70fb-7c7c-4bee-7acb6d872709-af36ed22, #w-node-d28ea3ce-1ff6-1e07-c8e3-de7b699871ce-af36ed22, #w-node-b5d7910f-3b06-bf51-75ea-3208a5487c30-af36ed22, #w-node-_2a3b6b77-3302-5f68-7714-bcdecdc37578-af36ed22, #w-node-d76e0423-00bb-fc33-ce55-a4e359b90c01-af36ed22, #w-node-e177acb4-7c91-448d-d549-50d77e5c9e16-af36ed22, #w-node-_24b087a3-66a0-474e-9bb2-8506dc3e8caa-af36ed22, #w-node-a1536eb8-aacf-887c-844b-59e0e946dfb1-af36ed22, #w-node-_49c61263-a3e5-0fa5-5794-d850c0b00026-af36ed22, #w-node-bae514f5-9b6f-a4c3-d3ca-68d8ac2e547c-af36ed22, #w-node-e2446457-6a23-c0d1-070c-f0f3b7586106-af36ed22, #w-node-_214bbd82-eb09-3e6b-dc9e-802f78dffeb1-af36ed22, #w-node-f5550334-3d38-900d-34b5-b7cd860b5ba6-af36ed22, #w-node-be415236-5406-14ad-4edf-c6236719d74e-af36ed22, #w-node-_470204c1-cde7-6989-bcd0-20d473edc5bd-af36ed22, #w-node-_3c0e7e4f-af59-2b37-0cfc-668b8e7bc791-af36ed22, #w-node-daa40b7a-c21d-63e6-cd46-295bc549f1a7-af36ed22, #w-node-_5404eb7c-0e01-8e9c-0e49-0f9d7fd91b09-af36ed22 {
    grid-column: span 12 / span 12;
  }

  #w-node-_97091ddd-8bf2-950c-431b-e0f779050914-af36ed22 {
    grid-column: span 6 / span 6;
  }

  #w-node-dfb41515-7bbe-9c22-ae41-2ae456bbd3c8-af36ed22 {
    grid-column: span 2 / span 2;
  }

  #w-node-_5314e0c2-91de-4655-65f7-77c8440d802d-af36ed22 {
    grid-column: span 6 / span 6;
  }

  #w-node-fa90f26b-7a5f-5b57-8c0c-501e0fee1314-af36ed22 {
    grid-column: span 3 / span 3;
  }

  #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b06-4afd7022 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b0b-4afd7022 {
    grid-column: span 12 / span 12;
    justify-self: start;
  }

  #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b20-4afd7022, #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b33-4afd7022 {
    grid-column: span 12 / span 12;
  }

  #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b40-4afd7022 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b5f-4afd7022 {
    grid-column: span 6 / span 6;
    align-self: center;
  }

  #w-node-b3224d08-09c0-50eb-1cc9-56ee1d7a7042-79a3fc8f {
    grid-column: span 12 / span 12;
  }

  #w-node-_35bae1f3-4e42-1428-ea69-b13674cd5154-79a3fc8f {
    grid-column: span 12 / span 12;
    justify-self: stretch;
  }

  #w-node-a57547a7-1bb4-2dd8-c281-7648d18b1471-79a3fc8f {
    grid-area: 2 / 1 / 3 / 13;
  }

  #w-node-_012b9f5b-9344-259f-94af-187a45c7ed9e-79a3fc8f, #w-node-_3cf59265-b6e9-4faa-cb5e-1a73bcb0ef7b-79a3fc8f, #w-node-_6fcd2fd1-17c9-ed6b-ef37-66cd8e93cd29-79a3fc8f, #w-node-_0ec668e4-7ae0-fe07-1703-cb47872a000e-79a3fc8f, #w-node-_4c75944d-65b8-54c6-b85c-979d929b017d-79a3fc8f, #w-node-_8350d8a5-95a2-0501-b46b-81a80ac5e97b-79a3fc8f {
    grid-column: span 6 / span 6;
  }

  #w-node-_7c97b1c6-c75e-166a-c309-ce9ec579967b-3fab2b8c, #w-node-_0b54da79-a6d7-469f-ae7c-63f2d2f4e82e-3fab2b8c {
    grid-column: span 12 / span 12;
  }

  #w-node-_62ca6419-92d8-aa0c-9b59-51229cb0ae4c-3fab2b8c {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-abe4dc8c-17dc-2f3a-7206-3384c66a40a0-3fab2b8c {
    grid-column: span 12 / span 12;
  }

  #w-node-abe4dc8c-17dc-2f3a-7206-3384c66a40db-3fab2b8c {
    grid-area: 2 / 1 / 3 / 13;
    align-self: start;
  }

  #w-node-ce95b37f-8c5f-f59c-1900-32c61593ea8f-1593ea8d, #w-node-ce95b37f-8c5f-f59c-1900-32c61593eaa2-1593ea8d {
    grid-column: span 12 / span 12;
  }

  #w-node-_91d2e8ee-b5e4-a2e3-ea29-a13b411357f3-197300f0, #w-node-_91d2e8ee-b5e4-a2e3-ea29-a13b411357f4-197300f0, #w-node-_91d2e8ee-b5e4-a2e3-ea29-a13b411357f5-197300f0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_91d2e8ee-b5e4-a2e3-ea29-a13b411357f6-197300f0, #w-node-_91d2e8ee-b5e4-a2e3-ea29-a13b411357f7-197300f0 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b3277f71-da4b-bfb5-9e5c-35425cedfb26-197300f0 {
    grid-column: span 12 / span 12;
  }

  #w-node-b3277f71-da4b-bfb5-9e5c-35425cedfb29-197300f0 {
    grid-area: 3 / 1 / 4 / 13;
    justify-self: center;
  }

  #w-node-_4afb1431-858d-10ff-3409-0ef0f958acd0-197300f0 {
    grid-column: span 12 / span 12;
  }

  #w-node-_4afb1431-858d-10ff-3409-0ef0f958ad10-197300f0 {
    grid-area: 2 / 1 / 3 / 13;
    align-self: start;
  }

  #w-node-_21e2b168-6bb5-1ed6-56de-754926a603b2-006c5620 {
    grid-area: span 2 / span 4 / span 2 / span 4;
  }

  #Body.w-node-bfb71dbb-40bd-1038-e54b-c26d97278a4c-006c5620 {
    grid-area: 2 / 1 / 3 / 13;
  }

  #w-node-d247af4b-ba29-5d18-7d72-a205bace3e10-006c5620 {
    grid-area: 1 / 1 / 2 / 13;
    align-self: center;
    justify-self: center;
  }

  #w-node-_019df913-4dc1-4ecf-1f9b-25c746f0ef28-5acbeff8, #w-node-_86405923-9e3c-8ab9-d99f-0387d0386d4a-5acbeff8, #w-node-_6e8216fa-24cd-64e6-4383-a96024c8b186-5acbeff8 {
    grid-column: span 12 / span 12;
  }

  #figma-link.w-node-_74940531-d23a-0995-cf5d-777020eb822a-5acbeff8 {
    grid-column: span 12 / span 12;
    justify-self: start;
  }

  #w-node-ac2084e5-91f6-1c9e-ed2a-62297b5eb833-5acbeff8 {
    grid-area: span 1 / span 12 / span 1 / span 12;
    justify-self: center;
  }

  #w-node-fca350dc-4935-7a67-87fd-8c3f509771be-5acbeff8 {
    grid-column: span 12 / span 12;
  }

  #w-node-fca350dc-4935-7a67-87fd-8c3f509771c4-5acbeff8 {
    grid-column: span 12 / span 12;
    justify-self: start;
  }

  #w-node-_770bc2fb-536e-9c48-274a-21aed7fcb6f8-5acbeff8 {
    grid-area: span 1 / span 12 / span 1 / span 12;
    justify-self: center;
  }

  #w-node-_458510e4-8d1a-c14f-750a-7f635ce34418-ae56543e {
    grid-column: span 1 / span 1;
  }

  #w-node-_458510e4-8d1a-c14f-750a-7f635ce34439-ae56543e {
    grid-column: span 3 / span 3;
  }

  #w-node-_45f60361-1d46-0278-4ed9-d9e29fea0694-346557a6, #w-node-_3c372d1a-ca23-a76b-9cc7-a723edc40604-346557a6 {
    grid-column: span 12 / span 12;
  }

  #w-node-_461272ad-22d9-420d-1066-3afc83f546de-346557a6 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-f3ff0c20-e52e-4eb4-fe5b-9490703e1660-346557a6 {
    grid-area: span 1 / span 12 / span 1 / span 12;
    justify-self: center;
  }

  #w-node-e47785a6-6044-82e9-401f-77503324fcdc-6d471676 {
    grid-column: span 1 / span 1;
  }

  #w-node-_60e67590-2b95-a64a-2cc9-f0e08b556912-6d471676 {
    grid-column: span 3 / span 3;
  }

  #w-node-_50d8e24b-ca4d-218b-e122-92aa815389ad-2b000a32 {
    grid-column: span 12 / span 12;
    justify-self: center;
  }

  #w-node-f866d546-4622-7efe-b8a5-459dc936113b-2b000a32 {
    grid-column: span 12 / span 12;
  }

  #newslatter.w-node-b46d95bc-3c2d-bef8-969f-2fb40b229ecc-ac6dbb34 {
    grid-area: span 1 / span 12 / span 1 / span 12;
    align-self: start;
  }

  #w-node-_6bda248d-4538-a37a-1d74-4aecfa50224e-ac6dbb34, #w-node-_817323b0-11d4-73a5-8a9b-838fb6b9a604-ac6dbb34 {
    grid-column: span 12 / span 12;
  }

  #spotlight-pagination.w-node-_0f8fae99-bb66-7913-3ff6-668837eaa02c-18d209b2, #w-node-_2dac8ce6-18e8-8950-025f-c622e6896524-18d209b2 {
    grid-area: span 1 / span 12 / span 1 / span 12;
    justify-self: center;
  }

  #w-node-e47785a6-6044-82e9-401f-77503324fcdc-29814ae1 {
    grid-column: span 1 / span 1;
  }

  #w-node-_60e67590-2b95-a64a-2cc9-f0e08b556912-29814ae1 {
    grid-column: span 3 / span 3;
  }

  #w-node-_33d4ea6b-5bb2-ee17-c644-2e95e25cce66-9cff3460 {
    grid-column: span 12 / span 12;
  }

  #w-node-_33d4ea6b-5bb2-ee17-c644-2e95e25ccea6-9cff3460 {
    grid-area: 2 / 1 / 3 / 13;
    align-self: start;
  }

  #w-node-_8b5377d7-d443-4d51-7849-94759666bf93-5239e506 {
    grid-column: 1 / 13;
  }

  #w-node-_195af113-cdbe-91d3-7b8e-c11469b5f0be-5239e506 {
    grid-column: 2 / 12;
  }

  #w-node-_132e9785-53bd-43ec-bc71-cb94ac5a3e44-5239e506 {
    grid-column-end: 7;
  }

  #w-node-_060ebd8a-aee1-ffe1-fee3-833ad0030380-5239e506 {
    grid-column: 7 / 13;
  }

  #w-node-_37e5e9ef-2792-29ca-7ca0-13e4d30c8a2d-5239e506 {
    grid-column: 1 / 7;
    grid-row-start: 3;
  }

  #w-node-_4aabd9c7-0e0a-df7b-4696-786aaa6f958e-5239e506 {
    grid-column: 7 / 13;
  }

  #w-node-_2e81e4be-07dc-60a3-6d59-fc4d14226ee3-5239e506 {
    grid-area: 4 / 1 / 5 / 7;
  }

  #w-node-_135a7b00-5005-9d39-f054-2034d56a7960-5239e506 {
    grid-row: 4 / 5;
    grid-column-start: 7;
  }

  #w-node-_45f60361-1d46-0278-4ed9-d9e29fea0694-379c4336, #w-node-_3c372d1a-ca23-a76b-9cc7-a723edc40604-379c4336 {
    grid-column: span 12 / span 12;
  }

  #w-node-_13940eee-097e-2139-bd01-ed90f0e53668-379c4336, #w-node-_13940eee-097e-2139-bd01-ed90f0e53669-379c4336, #w-node-_13940eee-097e-2139-bd01-ed90f0e5366a-379c4336 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_13940eee-097e-2139-bd01-ed90f0e5366b-379c4336, #w-node-_13940eee-097e-2139-bd01-ed90f0e5366c-379c4336 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_22d2eaa1-7d74-fff6-58d8-aa9eb77be9af-b77be9a8 {
    grid-column: span 12 / span 12;
  }

  #w-node-_22d2eaa1-7d74-fff6-58d8-aa9eb77be9ed-b77be9a8 {
    grid-area: 2 / 1 / 3 / 13;
    align-self: start;
  }

  #w-node-_26a45994-1caf-4443-9e64-d0d182fc088e-a80c2b63 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_436d2be7-2fe8-07a6-8cf2-24c0433fd939-a80c2b63 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4096643b-37c7-bab8-694c-8acbef7affa1-a80c2b63 {
    grid-column: span 3 / span 3;
  }

  #w-node-_91c51408-9045-9ebc-38b7-d48aa4e50c77-8321639c {
    grid-column: span 1 / span 1;
  }

  #w-node-_91c51408-9045-9ebc-38b7-d48aa4e50c85-8321639c {
    grid-column: span 3 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ab9fc542-2f8d-68b9-584f-7e0c87f81bb9-af36ed22 {
    grid-column: span 6 / span 6;
  }

  #w-node-_30a7ccbf-f142-c729-e26e-3622d1296b13-af36ed22 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-b14a0122-3961-2249-be77-2f0e224657ad-af36ed22, #w-node-_43c0beed-6386-7877-56a2-ee7835884e37-af36ed22, #w-node-_73874b90-ab75-7e50-29c3-3908917f44ec-af36ed22, #w-node-_1c78e62c-1aca-69f2-474b-936dc374d006-af36ed22, #w-node-ef07ea39-cfb9-5449-7b94-05b347257299-af36ed22, #w-node-ef07ea39-cfb9-5449-7b94-05b34725729e-af36ed22, #w-node-e0c0f0f9-86e5-b291-16fa-67027c7d91ac-af36ed22, #w-node-_0231eb0a-3d9f-3574-6b60-a387f73bb22d-af36ed22, #w-node-_38c376bb-e920-9eda-e812-210d78457c7d-af36ed22, #w-node-_8c60c5a5-f71b-34a4-f8b3-c84fb08a531e-af36ed22, #w-node-_2a3facfc-4fe8-4dd9-3321-d5351248ddcf-af36ed22, #w-node-_16208a4a-7610-d558-cad8-21613c02ff3c-af36ed22, #w-node-_035ff3d5-375d-5878-a683-f306d512ef1c-af36ed22, #w-node-_18b58d78-c5ef-76cf-c938-e6865c3a0957-af36ed22, #w-node-c4bd1cd3-8332-0e51-10e1-21867c45c99b-af36ed22, #w-node-_9106cb4b-3191-1113-9a39-28b1e23c6c51-af36ed22, #w-node-dd45c394-e668-3321-1198-f52069133a57-af36ed22, #w-node-_6c16b473-943e-1b4c-dbda-780c4c057a36-af36ed22, #w-node-_53ec84b3-60f1-9f16-1b2f-44f2c3696f1e-af36ed22, #w-node-a2f542df-f4a7-f916-a2bf-d690aba6410a-af36ed22, #w-node-_8d37f161-a4ff-4c02-09cc-d7338e140dd3-af36ed22, #w-node-a0ed19ac-34b4-91c5-7b83-68335faae140-af36ed22, #w-node-e92dc493-afce-b66a-bb38-0fdfa5de0a0a-af36ed22, #w-node-_20670753-4d0a-155f-6c6d-e28a3d1db02c-af36ed22, #w-node-_496fa53a-5d34-28de-2d08-c3c0930cbca2-af36ed22, #w-node-_7a23a602-d1b7-d52f-263a-cf3e3606d3b3-af36ed22, #w-node-a7a6a72c-9e0a-0737-6f04-f14d357bf427-af36ed22, #w-node-_39fab930-d5c6-d557-12ce-a3419715ff49-af36ed22, #w-node-_0e3734e8-37b3-160f-39d8-005208ef20ea-af36ed22, #w-node-a6ac3c0c-fa54-ec67-872e-32fedba6dcd0-af36ed22, #w-node-_1af4f6e2-81ff-44c5-47dd-a46655e81d15-af36ed22, #w-node-_435b1269-2fb6-a6a1-28fb-5b2dc7be8536-af36ed22, #w-node-_09698ba2-3f8f-7aef-9e3e-c6d8d1e7e450-af36ed22, #w-node-_6c9a523d-70fb-7c7c-4bee-7acb6d872709-af36ed22, #w-node-d28ea3ce-1ff6-1e07-c8e3-de7b699871ce-af36ed22, #w-node-b5d7910f-3b06-bf51-75ea-3208a5487c30-af36ed22, #w-node-_2a3b6b77-3302-5f68-7714-bcdecdc37578-af36ed22, #w-node-d76e0423-00bb-fc33-ce55-a4e359b90c01-af36ed22, #w-node-e177acb4-7c91-448d-d549-50d77e5c9e16-af36ed22, #w-node-_24b087a3-66a0-474e-9bb2-8506dc3e8caa-af36ed22, #w-node-a1536eb8-aacf-887c-844b-59e0e946dfb1-af36ed22, #w-node-_49c61263-a3e5-0fa5-5794-d850c0b00026-af36ed22, #w-node-bae514f5-9b6f-a4c3-d3ca-68d8ac2e547c-af36ed22, #w-node-e2446457-6a23-c0d1-070c-f0f3b7586106-af36ed22, #w-node-_214bbd82-eb09-3e6b-dc9e-802f78dffeb1-af36ed22, #w-node-f5550334-3d38-900d-34b5-b7cd860b5ba6-af36ed22, #w-node-be415236-5406-14ad-4edf-c6236719d74e-af36ed22, #w-node-_470204c1-cde7-6989-bcd0-20d473edc5bd-af36ed22, #w-node-_3c0e7e4f-af59-2b37-0cfc-668b8e7bc791-af36ed22, #w-node-daa40b7a-c21d-63e6-cd46-295bc549f1a7-af36ed22, #w-node-_5404eb7c-0e01-8e9c-0e49-0f9d7fd91b09-af36ed22 {
    grid-column: span 6 / span 6;
  }

  #w-node-_67575590-25d7-c14e-7162-ab76ff30550f-af36ed22, #w-node-a74b7cc9-c9ae-45b0-cfea-3ced5af403ef-af36ed22 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-df6c9add-b613-2ff8-15c8-d0804ca0e6fc-af36ed22 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b06-4afd7022 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b0b-4afd7022, #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b20-4afd7022, #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b33-4afd7022 {
    grid-column: span 6 / span 6;
  }

  #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b40-4afd7022 {
    justify-self: start;
  }

  #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b5f-4afd7022 {
    grid-column: span 6 / span 6;
    justify-self: start;
  }

  #w-node-_4f2543b0-285a-345d-c884-a5017e168cf5-79a3fc8f, #w-node-_0b1d5f7c-edef-7f1c-1e00-1ada63b6a0b5-79a3fc8f {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_748783a9-fe89-d102-f608-0f9af011e956-3fab2b8c, #w-node-_98339f1c-616e-13b7-3e6c-f4dbb6a934e3-3fab2b8c {
    grid-column: span 12 / span 12;
  }

  #w-node-ce95b37f-8c5f-f59c-1900-32c61593eaa2-1593ea8d {
    order: -9999;
  }

  #w-node-b0553240-dc0d-38a7-2217-30dcdcde2b6a-dcde2b65, #w-node-b0553240-dc0d-38a7-2217-30dcdcde2b70-dcde2b65, #Body.w-node-bfb71dbb-40bd-1038-e54b-c26d97278a4c-006c5620 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-d247af4b-ba29-5d18-7d72-a205bace3e10-006c5620 {
    order: 9999;
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-_458510e4-8d1a-c14f-750a-7f635ce34418-ae56543e {
    grid-column: span 2 / span 2;
  }

  #w-node-_458510e4-8d1a-c14f-750a-7f635ce34439-ae56543e {
    grid-column: span 4 / span 4;
  }

  #w-node-d55de25c-f615-1b16-42c5-dfeb6b4c58c8-346557a6 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-f3ff0c20-e52e-4eb4-fe5b-9490703e15f2-346557a6 {
    grid-column: span 12 / span 12;
  }

  #w-node-f3ff0c20-e52e-4eb4-fe5b-9490703e161e-346557a6 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_60e67590-2b95-a64a-2cc9-f0e08b556912-6d471676 {
    grid-column: span 6 / span 6;
    justify-self: stretch;
  }

  #newslatter.w-node-b46d95bc-3c2d-bef8-969f-2fb40b229ecc-ac6dbb34 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_6bda248d-4538-a37a-1d74-4aecfa50224e-ac6dbb34, #w-node-_817323b0-11d4-73a5-8a9b-838fb6b9a604-ac6dbb34 {
    grid-column: span 6 / span 6;
  }

  #w-node-_951599b4-014b-edd1-0dee-8d9a578dde7e-18d209b2 {
    grid-column: span 12 / span 12;
  }

  #w-node-b4203d81-b876-c447-69f2-32edd9867ce0-18d209b2 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_60e67590-2b95-a64a-2cc9-f0e08b556912-29814ae1 {
    grid-column: span 6 / span 6;
    justify-self: stretch;
  }

  #w-node-_8b5377d7-d443-4d51-7849-94759666bf8c-5239e506, #w-node-_8b5377d7-d443-4d51-7849-94759666bf93-5239e506 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_8b5377d7-d443-4d51-7849-94759666bf94-5239e506 {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-_195af113-cdbe-91d3-7b8e-c11469b5f0be-5239e506 {
    grid-area: 1 / 2 / 2 / 12;
  }

  #w-node-_132e9785-53bd-43ec-bc71-cb94ac5a3e44-5239e506, #w-node-_060ebd8a-aee1-ffe1-fee3-833ad0030380-5239e506, #w-node-_37e5e9ef-2792-29ca-7ca0-13e4d30c8a2d-5239e506, #w-node-_4aabd9c7-0e0a-df7b-4696-786aaa6f958e-5239e506, #w-node-_2e81e4be-07dc-60a3-6d59-fc4d14226ee3-5239e506, #w-node-_135a7b00-5005-9d39-f054-2034d56a7960-5239e506 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_4096643b-37c7-bab8-694c-8acbef7affa1-a80c2b63 {
    grid-column: span 6 / span 6;
  }

  #w-node-_91c51408-9045-9ebc-38b7-d48aa4e50c77-8321639c {
    grid-column: span 2 / span 2;
  }

  #w-node-_91c51408-9045-9ebc-38b7-d48aa4e50c85-8321639c {
    grid-column: span 4 / span 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1a3fe882-bd4a-dfcc-a0bf-3f5f25d7397a-af36ed22, #w-node-_5a894216-9c5d-6574-31c8-f7347fca5654-af36ed22, #w-node-_03855feb-db06-b647-1835-4d376ab32b31-af36ed22, #w-node-_8f76bec3-4738-7c01-34b3-07616f9deb5c-af36ed22, #w-node-f27bfc82-1a63-3f3d-b6a2-d3ed8088223f-af36ed22, #w-node-f2b2d57a-4362-d5b4-346b-62728fcb6aef-af36ed22 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_67575590-25d7-c14e-7162-ab76ff30550f-af36ed22, #w-node-a74b7cc9-c9ae-45b0-cfea-3ced5af403ef-af36ed22, #w-node-df6c9add-b613-2ff8-15c8-d0804ca0e6fc-af36ed22, #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b06-4afd7022 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_13d5f5d7-0882-eafc-c470-281f7d3b8b40-4afd7022 {
    justify-self: start;
  }

  #w-node-caeaaedf-489a-7d44-9328-94a62c8f90de-79a3fc8f {
    grid-area: span 1 / span 6 / span 1 / span 6;
    justify-self: center;
  }

  #w-node-_4f2543b0-285a-345d-c884-a5017e168cf5-79a3fc8f, #w-node-_0b1d5f7c-edef-7f1c-1e00-1ada63b6a0b5-79a3fc8f {
    grid-column: span 3 / span 3;
  }

  #w-node-_012b9f5b-9344-259f-94af-187a45c7ed9e-79a3fc8f {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_3cf59265-b6e9-4faa-cb5e-1a73bcb0ef7b-79a3fc8f, #w-node-_6fcd2fd1-17c9-ed6b-ef37-66cd8e93cd29-79a3fc8f, #w-node-_0ec668e4-7ae0-fe07-1703-cb47872a000e-79a3fc8f, #w-node-_4c75944d-65b8-54c6-b85c-979d929b017d-79a3fc8f, #w-node-_8350d8a5-95a2-0501-b46b-81a80ac5e97b-79a3fc8f {
    grid-column: span 12 / span 12;
  }

  #w-node-b0553240-dc0d-38a7-2217-30dcdcde2b67-dcde2b65 {
    grid-area: span 1 / span 6 / span 1 / span 6;
    justify-self: center;
  }

  #w-node-b0553240-dc0d-38a7-2217-30dcdcde2b6a-dcde2b65, #w-node-b0553240-dc0d-38a7-2217-30dcdcde2b70-dcde2b65 {
    grid-column: span 3 / span 3;
  }

  #w-node-_458510e4-8d1a-c14f-750a-7f635ce34412-ae56543e {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_458510e4-8d1a-c14f-750a-7f635ce34439-ae56543e {
    grid-column: span 6 / span 6;
  }

  #w-node-_60e67590-2b95-a64a-2cc9-f0e08b556912-6d471676, #w-node-_60e67590-2b95-a64a-2cc9-f0e08b556912-29814ae1 {
    justify-self: center;
  }

  #w-node-_98af0c31-4740-768a-e446-2ee1b94ecb53-b94ecb20, #w-node-_98af0c31-4740-768a-e446-2ee1b94ecb55-b94ecb20 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_195af113-cdbe-91d3-7b8e-c11469b5f0be-5239e506 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_13940eee-097e-2139-bd01-ed90f0e53667-379c4336 {
    justify-self: center;
  }

  #w-node-_91c51408-9045-9ebc-38b7-d48aa4e50c71-8321639c {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_91c51408-9045-9ebc-38b7-d48aa4e50c85-8321639c {
    grid-column: span 6 / span 6;
  }
}

@font-face {
  font-family: 'Polysans';
  src: url('https://assets.website-files.com/647ef68e217211d9af36ec9f/64818a1ed94ab3eedadc0bd2_PolySans-Neutral.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Polysans';
  src: url('https://assets.website-files.com/647ef68e217211d9af36ec9f/64818a514c8aa83e0bbdf292_PolySans-Median.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Polysans';
  src: url('https://assets.website-files.com/647ef68e217211d9af36ec9f/64818d8b7332de3fb94c3dfd_PolySans-Slim.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Polysans';
  src: url('https://assets.website-files.com/647ef68e217211d9af36ec9f/64818a6742437e3bb52bd4fa_PolySans-Bulky.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://assets.website-files.com/647ef68e217211d9af36ec9f/6516a66a5a394102aefcf176_Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://assets.website-files.com/647ef68e217211d9af36ec9f/6516a66a21daffa56491297d_Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}