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

body {
  margin: 0;
}

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

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

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

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

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

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

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

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

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

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

.w-block {
  display: block;
}

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

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

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

.w-hidden {
  display: none;
}

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

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

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

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

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

.w-optimization {
  display: contents;
}

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

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

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

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

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

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

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

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

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

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

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

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

figure {
  margin: 0 0 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-col {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.w-widget {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-tabs {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: Font awesome;
  src: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/634f4aa89833f87c09972f06_fa-light-300.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Font awesome;
  src: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/634f4aa89a44c046400cca52_fa-regular-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Font awesome;
  src: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/634f4aa89df32de9674a44f5_fa-thin-100.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Font awesome;
  src: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/634f4aa8eac03b2244b102ab_fa-sharp-solid-900.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Font awesome;
  src: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/634f4aa8628c88108580b006_fa-solid-900.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --oxford-blue: #151528;
  --navi-body: #444453;
  --links: #3a42ff;
  --howtoo-pink: #ef4787;
  --neutral-800: #080808;
  --grey-4: #e6e6e6;
  --white-smoke: #f8f8fb;
  --haze: #f6f6f6;
  --howtoo-yellow: #fcb01f;
  --grey-2: #777;
  --white: white;
  --howtoo-viking: #53c6d6;
  --grey-3: #d1d1d1;
  --linkedin: #0073b1;
  --grey-1: #383838;
  --navi-8: #444453;
  --navi-6: #73737e;
  --navi-9: #2d2d3e;
  --navi-7: #5c5c69;
  --navi-5: #95959c;
  --navi-4: #ababb0;
  --navi-3: #c0c0c5;
  --navi-2: #d6d6d8;
  --lime-gradient-1: #90f0ff;
  --lime-gradient-2: #b4ffc4;
  --lime-gradient-3: #eff6a1;
  --lime-gradient-4: #fdd07c;
  --yellow-80: #fdc050;
  --yellow-label: #ffe58f;
  --howtoo-yellow-hover: var(--yellow-80);
  --footer-text: #fff9;
  --accessible-components--dark-grey: #9b9b9b;
  --color: #ffffff4d;
  --yellow-label-bg: #fff1b8;
  --keyboard-focus: var(--navi-9);
}

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

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

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

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

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

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

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

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

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

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

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

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

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

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

.w-users-userresetpasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

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

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

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

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

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

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

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

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

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

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

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

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

body {
  color: #444453;
  background-color: #fff;
  flex-direction: column;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  line-height: 24px;
  display: block;
}

h1 {
  color: var(--oxford-blue);
  letter-spacing: -1.8px;
  text-indent: 0;
  margin-top: 8px;
  margin-bottom: 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 58px;
  font-weight: 700;
  line-height: 68px;
}

h2 {
  color: var(--oxford-blue);
  letter-spacing: -.72px;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}

h3 {
  color: var(--oxford-blue);
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

h4 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 27px;
}

h5 {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Nunito, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
}

h6 {
  color: var(--oxford-blue);
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}

p {
  color: var(--navi-body);
  column-count: 0;
  column-span: none;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}

a {
  color: var(--links);
  font-family: Inter, sans-serif;
  font-weight: 400;
  text-decoration: underline;
}

ul {
  color: var(--navi-body);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 16px;
}

ol {
  margin-top: 16px;
  margin-bottom: 24px;
  padding-left: 40px;
}

li {
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}

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

label {
  color: var(--navi-body);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 8px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  display: block;
}

blockquote {
  border-left: 3px solid var(--howtoo-pink);
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 16px 40px;
  font-size: 24px;
  line-height: 32px;
}

figure {
  margin-top: 48px;
  margin-bottom: 48px;
}

figcaption {
  color: var(--neutral-800);
  text-align: center;
  background-color: #fff;
  margin-top: 16px;
  margin-bottom: -4px;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
}

.blog-section {
  z-index: 2;
  padding: 20px 32px 24px;
  display: block;
  position: static;
  overflow: visible;
}

.blog-section.hero {
  color: #fff;
  text-align: center;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 128px;
  padding-bottom: 128px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-section.hero.about-hero {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c99499e844cb_pencils.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.blog-section.footer-v1-section {
  border-top: 1px solid var(--grey-4);
  align-items: center;
  margin-top: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}

.blog-section.top-section {
  margin-top: 28px;
  display: none;
}

.blog-section.post-hero-section {
  background-image: linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
  color: #fff;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 490px;
  padding: 100px 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-section.big-paddings {
  padding-top: 80px;
  padding-bottom: 80px;
}

.blog-section.no-padding {
  padding: 0;
  display: block;
}

.blog-section.banner-section {
  display: none;
}

.blog-section.promo-section {
  background-color: var(--haze);
  justify-content: center;
  align-items: center;
  height: 54vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-section.nav-layouts-section {
  color: #fff;
  background-color: #06c25e;
  padding-top: 80px;
  padding-bottom: 80px;
}

.blog-section.mini-footer-section {
  box-shadow: inset 0 1px 0 0 var(--grey-4);
  padding-top: 0;
  padding-bottom: 0;
}

.blog-section.intro-buy-section {
  background-color: var(--haze);
  padding-top: 120px;
  padding-bottom: 0;
  overflow: hidden;
}

.blog-section.top-section-categories {
  margin-top: 28px;
  display: block;
}

.blog-section.template {
  padding-top: 100px;
}

.t-c-wrapper {
  z-index: 3;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  max-width: 1148px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
  position: relative;
}

.t-c-wrapper.side-paddings {
  padding-left: 15px;
  padding-right: 15px;
}

.t-c-wrapper.nav-bar-v1-wrapper {
  flex-direction: row;
  align-self: center;
  align-items: stretch;
  display: flex;
}

.button {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  text-align: center;
  border-style: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 24px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1), box-shadow .4s cubic-bezier(.215, .61, .355, 1), color .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.button:hover {
  color: var(--oxford-blue);
  background-color: #76d1df;
}

.button.small {
  justify-content: center;
  width: auto;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 20px;
  font-size: 13px;
  line-height: 20px;
  display: flex;
}

.button.white {
  color: var(--neutral-800);
  background-color: #fff;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1), box-shadow .4s cubic-bezier(.215, .61, .355, 1), color .4s cubic-bezier(.215, .61, .355, 1);
}

.button.white:hover {
  color: #fff;
  background-color: #06c25e;
}

.button.ghost {
  box-shadow: inset 0 0 0 1px var(--grey-4);
  color: var(--neutral-800);
  background-color: #0000;
  margin-top: 8px;
}

.button.ghost:hover {
  box-shadow: inset 0 0 0 1px var(--grey-2);
}

.button.ghost-bg {
  color: #fff;
  background-color: #0000;
  box-shadow: inset 0 0 0 1px #fff6;
}

.button.ghost-bg:hover {
  color: var(--neutral-800);
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #0000;
}

.button.big {
  height: 56px;
  padding: 17px 28px 15px 24px;
  font-size: 16px;
  line-height: 20px;
}

.button.form-button {
  padding-top: 14px;
}

.button.contact-button {
  align-self: center;
}

.button.subscribe-button {
  color: var(--white);
  text-align: left;
  background-color: #0d1633;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c98c7ee84412_mail-white.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 16px;
  height: 40px;
  padding: 8px 20px 8px 44px;
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
}

.button.subscribe-button:hover {
  color: var(--oxford-blue);
  background-color: #76d1df;
}

.button.subscribe-button:active {
  background-color: var(--howtoo-viking);
}

.button.inline-button {
  display: inline-block;
}

.button.cta {
  flex-wrap: nowrap;
  justify-content: center;
  width: auto;
  min-width: 200px;
  max-width: 400px;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  position: static;
  overflow: visible;
}

.nav-bar-old {
  z-index: 100;
  border-bottom: 1px solid var(--grey-4);
  color: #fff;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-wrap {
  background-color: var(--oxford-blue);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

._404 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 600px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

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

.no-margin {
  word-break: normal;
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 17px;
}

.no-margin.medium {
  font-weight: 500;
}

.no-margin.color-white {
  text-align: left;
  display: none;
}

.intro-block {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

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

.title {
  color: var(--grey-2);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}

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

.footer-v1 {
  flex-wrap: wrap;
  display: none;
}

.link-white {
  color: #fff;
  text-decoration: none;
}

.link-white:hover {
  text-decoration: underline;
}

.page-wrapper {
  display: block;
  overflow: hidden;
}

.page-wrapper.overflow-visible {
  overflow: visible;
}

.button-icon {
  float: left;
  justify-content: center;
  align-items: center;
  width: 18px;
  margin-right: 8px;
  display: flex;
  position: relative;
}

.button-icon.big {
  width: 20px;
  margin-right: 12px;
}

.button-icon.small {
  width: 16px;
  margin-right: 6px;
}

.button-icon.right {
  margin-left: 7px;
  margin-right: -1px;
}

.sg-header {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: -80px;
  margin-bottom: 88px;
  padding-top: 80px;
  display: flex;
}

.sg-button-block {
  flex-direction: column;
  width: 50%;
  padding: 8px;
  display: flex;
}

.sg-button-wrapper {
  border: 1px solid var(--grey-4);
  text-align: center;
  background-color: #0000;
  border-radius: 6px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding: 64px 20%;
  display: flex;
}

.sg-button-wrapper.dark-bg {
  background-color: var(--neutral-800);
  box-shadow: none;
  color: #e1e6ee;
  border-color: #0000;
}

.sg-buttons {
  flex-wrap: wrap;
  align-items: stretch;
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.sg-header-line {
  background-color: var(--grey-4);
  flex: 1;
  height: 1px;
}

.sg-title {
  margin-bottom: 0;
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.licence-items {
  width: 66.66%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.sg-block {
  text-align: left;
  width: 100%;
  padding-bottom: 120px;
  padding-left: 12%;
  padding-right: 12%;
}

.paragraph-big {
  font-size: 16px;
  line-height: 28px;
}

.paragraph-small {
  font-size: 14px;
  line-height: 20px;
}

.menu-button-old {
  z-index: 101;
  color: #fff;
  align-items: center;
  padding: 32px;
  position: absolute;
  top: 0;
  left: 0;
}

.menu-button-old.w--open {
  background-color: #0000;
}

.nav-link-1 {
  float: left;
  clear: left;
  color: #fff;
  margin-bottom: 24px;
  padding-top: 20px;
  padding-bottom: 12px;
  padding-left: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: none;
  position: relative;
}

.input {
  border: 1px solid var(--grey-4);
  background-color: var(--haze);
  box-shadow: none;
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding: 8px 24px;
  font-size: 14px;
  line-height: 20px;
  transition: border-color .3s, background-color .3s;
  display: block;
}

.input:hover {
  border-color: var(--grey-3);
  background-color: #fff;
}

.input:focus {
  border-color: var(--oxford-blue);
  background-color: #fff;
}

.input.search-resuls-input {
  border-color: var(--grey-4);
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c92d10e843dd_search.svg");
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: 20px;
  flex: 1;
  margin-bottom: 0;
  margin-right: 16px;
  padding-left: 52px;
}

.input.search-resuls-input:hover {
  border-color: var(--grey-3);
}

.input.search-resuls-input:focus {
  border-color: var(--oxford-blue);
}

.input.text-area {
  height: auto;
  min-height: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
}

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

.input.no-margin:focus {
  border-color: var(--oxford-blue);
}

.input.margin-bottom {
  margin-bottom: 16px;
}

.input.margin-bottom::placeholder {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.input.select-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 8px;
}

.footer-v1-heading {
  margin-bottom: 36px;
}

.social-icons {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: -4px;
  margin-right: -4px;
  display: flex;
}

.social-icons.margin-top {
  margin-top: 24px;
}

.social-icon {
  background-color: var(--linkedin);
  color: var(--linkedin);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: 4px;
  padding: 11px;
  transition: background-color .3s;
  display: flex;
}

.social-icon.twitter {
  background-color: #2aa3f0;
  display: flex;
}

.social-icon.twitter:hover {
  background-color: #178bd5;
}

.social-icon.facebook {
  background-color: #3b5998;
}

.social-icon.facebook:hover {
  background-color: #254079;
}

.social-icon.instagram {
  background-color: #fa345a;
}

.social-icon.instagram:hover {
  background-color: #cf0a30;
}

.social-icon.youtube {
  background-color: #fc0d1c;
}

.social-icon.youtube:hover {
  background-color: #d80815;
}

.social-icon.pinterest {
  background-color: #d42d2f;
}

.social-icon.pinterest:hover {
  background-color: #b41c1e;
}

.social-icon.linkedin:hover {
  background-color: #005b8b;
}

.instagram-v1 {
  align-items: stretch;
  display: flex;
}

.instagram-info {
  flex: none;
  align-items: center;
  width: 25%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  position: relative;
}

.instagram-photos {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80vw;
  max-width: 1200px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  position: relative;
}

.instagram-photo-wrapper {
  flex: 1;
  padding: 6px;
  position: relative;
  overflow: hidden;
}

.full-width {
  width: 100%;
}

.post-card {
  flex-direction: column;
  display: block;
  position: relative;
}

.thumbnail-medium {
  border-radius: 6px;
  align-items: flex-start;
  height: 256px;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.badge {
  z-index: 3;
  color: var(--white);
  background-color: #151515b3;
  border-radius: 12px;
  height: 24px;
  padding: 3px 12px;
  font-family: Noto Sans HK, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
  position: relative;
}

.badge.section-intro-badge {
  background-color: var(--haze);
  color: var(--neutral-800);
  margin-bottom: 12px;
}

.badge.intro-buy-badge {
  background-color: #5d66fe;
  margin-bottom: 12px;
}

.post-info {
  color: var(--grey-2);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.post-info.text-white {
  color: #fff;
  margin-top: 4px;
  font-family: Inter, sans-serif;
}

.mini-icon-grey {
  opacity: .5;
  width: 14px;
  margin-right: 8px;
}

.post-v2 {
  color: #fff;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  min-height: 480px;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.thumbnail {
  z-index: 1;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  inset: 0;
}

.full-height {
  height: 100%;
}

.featured {
  z-index: 5;
  color: #fff;
  background-color: #06c25e;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  padding-left: 32px;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  overflow: hidden;
}

.instagram-gradient {
  z-index: 1;
  background-image: linear-gradient(to right, #15151500, var(--neutral-800) 93%);
  align-items: center;
  width: 33.33%;
  padding-left: 6%;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.underline {
  opacity: 1;
  background-color: #06c25e;
  width: 12px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.post-v5 {
  color: #fff;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 25%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.post-v5-info {
  z-index: 2;
  color: var(--grey-2);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.post-first-letter {
  float: left;
  margin-top: 6px;
  margin-right: 12px;
  font-family: Inter, sans-serif;
  font-size: 62px;
  font-weight: 500;
  line-height: 45px;
  display: inline-block;
}

.post-rich-text {
  color: var(--oxford-blue);
  white-space: normal;
  word-break: normal;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
}

.post-rich-text a {
  color: var(--links);
  text-decoration: none;
}

.post-rich-text a:hover {
  text-decoration: underline;
}

.post-rich-text figcaption {
  margin-top: 20px;
  font-size: 13px;
}

.post-rich-text img {
  border-radius: 6px;
}

.post-rich-text li {
  padding-top: 0;
  padding-bottom: 8px;
}

.slide-v2-content {
  z-index: 3;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.up-button {
  z-index: 50;
  background-color: #15151599;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c98b9fe843cc_chevrons-up-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 6px;
  width: 40px;
  height: 40px;
  transition: background-color .3s cubic-bezier(.215, .61, .355, 1);
  display: block;
  position: fixed;
  bottom: 16px;
  right: 16px;
}

.up-button:hover {
  background-color: var(--oxford-blue);
}

.pagination {
  justify-content: space-between;
  margin-top: 40px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
}

.pagination.full {
  margin-top: 32px;
  padding-left: 25px;
  padding-right: 25px;
}

.page-count {
  color: var(--grey-2);
  width: 80px;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 24px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}

.pagination-right {
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  display: flex;
}

.pagination-left {
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  display: flex;
}

.content-with-sidebar {
  z-index: 4;
  width: 100%;
  padding-top: 8px;
  display: flex;
}

.side-posts {
  flex: 1;
  padding-top: 12px;
}

.sidebar {
  flex: none;
  width: 350px;
  margin-left: 4%;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.sidebar.left {
  margin-left: 0%;
  margin-right: 4%;
}

.sidebar-block {
  margin-bottom: 48px;
}

.sidebar-block.sticky {
  margin-bottom: 0;
  position: sticky;
  top: 116px;
}

.sidebar-block.hide {
  display: none;
}

.sidebar-category {
  border: 1px solid var(--grey-4);
  color: var(--neutral-800);
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 11px 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: border-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sidebar-category:hover {
  border-color: var(--grey-3);
  box-shadow: inset 0 0 0 1px #fff0;
}

.sidebar-category-name {
  z-index: 1;
  position: relative;
}

.header-block {
  z-index: 2;
  border-bottom: 1px solid var(--grey-4);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.header-block.side-margins {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.header-line {
  z-index: 1;
  background-color: var(--neutral-800);
  width: 64px;
  height: 2px;
  position: absolute;
  inset: auto auto -1px 0;
}

.header {
  color: var(--oxford-blue);
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.sidebar-featured-thumb {
  float: left;
  border-radius: 3px;
  flex: none;
  width: 88px;
  height: 88px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}

.sidebar-instagram {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-icon-2 {
  z-index: 1;
  display: none;
  position: absolute;
}

.hero-background {
  z-index: 0;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.search-close {
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.slider-arrow-button {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-left: 24px;
  margin-right: 24px;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.slider-arrow-button:hover {
  background-color: var(--grey-4);
}

.slider-v2-nav {
  justify-content: center;
  align-items: flex-start;
  height: 60px;
  padding-top: 20px;
  font-size: 8px;
  display: flex;
}

.slider-v2 {
  color: #fff;
  border-radius: 6px;
  height: 640px;
  margin-left: 15px;
  margin-right: 15px;
  overflow: hidden;
}

.slide-v2 {
  background-color: var(--neutral-800);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 88px;
  display: flex;
  position: relative;
}

.slider-arrow {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.post-v5-medium {
  color: #fff;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  min-height: 31vw;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.post-v5-small {
  color: #fff;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  min-height: 23vw;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.post-v5-big {
  color: #fff;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  min-height: 43vw;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-arrow-icon {
  width: 24px;
}

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

.slide-v2-heading {
  text-transform: capitalize;
  margin-top: 12px;
  margin-bottom: 20px;
  font-size: 44px;
  line-height: 60px;
}

.category-v1 {
  color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 72px;
  margin: 6px;
  padding: 17px 20px 15px;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
  transition: box-shadow .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #fff6;
}

.category-v1:hover {
  box-shadow: inset 0 0 0 1px #fff0;
}

.sg-categories {
  z-index: 30;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 6px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 440px;
  height: 40px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  position: sticky;
  top: 100px;
  box-shadow: 0 3px 12px #15151529;
}

.sg-category-link {
  color: var(--neutral-800);
  border-left: 1px solid #f6f6f6;
  border-right: 1px solid #f6f6f6;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: -1px;
  padding: 2px 16px;
  text-decoration: none;
  transition: color .4s cubic-bezier(.215, .61, .355, 1);
}

.sg-category-link:hover {
  color: #06c25e;
}

.sg-category-link.first {
  border-left-style: none;
}

.sg-category-link.last {
  border-right-style: none;
}

.search-result-thumbnail {
  background-color: #f6f6f6;
  border-radius: 6px;
  width: 160px;
  height: 160px;
  position: relative;
  overflow: hidden;
}

.search-results-form {
  align-items: stretch;
  margin-bottom: 48px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.search-result-item {
  border-top: 1px solid var(--grey-4);
  border-bottom: 1px solid var(--grey-4);
  align-items: flex-start;
  margin-bottom: -1px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.search-result-info {
  flex: 1;
  padding-left: 32px;
}

.search-result-heading {
  color: var(--neutral-800);
  text-transform: capitalize;
  margin-bottom: -8px;
  text-decoration: none;
  display: inline-block;
}

.search-result-heading:hover {
  text-decoration: underline;
}

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

.search-result-summary {
  color: var(--grey-2);
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 24px;
}

.search-result-link {
  color: var(--grey-2);
  font-size: 11px;
  line-height: 16px;
  text-decoration: underline;
  transition: color .15s;
}

.search-result-link:hover {
  color: var(--links);
}

.search-result-list {
  margin-bottom: 16px;
}

.contact {
  align-items: stretch;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.contact-heading {
  text-align: center;
  margin-bottom: 48px;
}

.subscribe-v1-grid {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 470px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.text-2-columns {
  color: var(--grey-2);
  column-count: 2;
  column-span: none;
  column-gap: 40px;
}

.text-link {
  color: #06c25e;
}

.text-link:hover {
  text-decoration: underline;
}

.about-photo {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c94729e843f0_trent-szmolnik-1271248-unsplash.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 6px;
  margin: 72px auto;
  display: block;
}

.about-block-2 {
  text-align: left;
  margin-left: 8.33%;
  margin-right: 8.33%;
  padding-left: 15px;
  padding-right: 15px;
}

.highlighted-text {
  background-color: #ffedc6;
  padding-left: 2px;
  padding-right: 2px;
  font-weight: 500;
}

.about-photo-columns {
  margin-top: 24px;
  margin-bottom: 24px;
}

.about-photo-column {
  padding-top: 10px;
  padding-bottom: 10px;
}

.signature {
  height: 58px;
  margin-top: 4px;
}

.instagram-photo-link {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.instagram-hover {
  z-index: 1;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9988de843d9_instagram.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
}

.instagram-logo {
  z-index: 0;
  opacity: .05;
  height: 111%;
  position: absolute;
  left: -40%;
}

.instagram-heading {
  z-index: 1;
  margin-bottom: 0;
  position: relative;
}

.category-v2-link {
  color: var(--neutral-800);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin: 4px 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-link-5 {
  color: #20242e;
  margin-left: 16px;
  margin-right: 16px;
  padding: 4px 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  transition: all .1s;
  position: relative;
}

.nav-link-5.w--current {
  box-shadow: none;
  color: #20242e;
}

.nav-link-5.w--current:hover {
  color: #20242e;
}

.nav-category-link {
  color: #fff;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.protected-card {
  background-color: var(--white-smoke);
  text-align: center;
  border-radius: 6px;
  width: 400px;
  padding: 48px 64px;
}

.thumbnail-big {
  background-color: var(--haze);
  border-radius: 6px;
  align-items: flex-start;
  height: 384px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.changelog {
  flex-direction: column;
  width: 66.66%;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.change {
  border-top: 1px solid var(--grey-4);
  border-bottom: 1px solid var(--grey-4);
  background-color: #fff;
  align-items: center;
  margin-bottom: -1px;
  padding: 32px 24px;
  display: flex;
}

.change-icon {
  color: #fff;
  cursor: pointer;
  background-color: #06c25e;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: Noto Sans HK, sans-serif;
  font-size: 17px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.change-icon.release-icon {
  background-color: #5d66fe;
}

.change-icon.new-icon {
  background-color: #06c25e;
}

.change-icon.fix-icon {
  background-color: #fa345a;
}

.tooltip {
  z-index: 2;
  color: var(--neutral-800);
  text-align: center;
  background-color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 200px;
  margin-bottom: 30px;
  padding: 7px 10px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  display: block;
  position: absolute;
  top: 435px;
  bottom: auto;
  left: 871.5px;
  box-shadow: 0 4px 16px #15151533;
}

.tooltip-arrow {
  background-color: #fff;
  width: 8px;
  height: 8px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  transform: rotate(45deg);
}

.change-text {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 24px;
}

.footer-v2 {
  border-top: 1px solid var(--grey-2);
  background-color: var(--neutral-800);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 28px 40px;
  display: flex;
}

.footer-v2-link {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 1px;
  margin-right: 24px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  position: relative;
}

.footer-v2-links {
  align-items: center;
  display: flex;
}

.footer-v2-social {
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  margin-right: -4px;
  padding-left: 16px;
  display: flex;
  inset: 0% 32px auto auto;
}

.footer-v2-social-line {
  opacity: .5;
  background-color: #fff;
  width: 56px;
  height: 2px;
  margin-left: 16px;
  margin-right: 16px;
}

.footer-v2-social-heading {
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 4px;
  margin-right: -1px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.subscribe-v1 {
  border: 1px solid var(--grey-4);
  text-align: center;
  border-radius: 6px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 48px;
}

.form-info {
  color: var(--grey-2);
  margin-top: 20px;
  font-size: 11px;
  line-height: 16px;
}

.banner {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  transition: filter .3s;
  display: flex;
  overflow: hidden;
}

.banner:hover {
  filter: brightness(95%);
}

.banner-info {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #151515cc;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding: 4px 4px 4px 10px;
  font-size: 9px;
  font-weight: 500;
  line-height: 12px;
  display: flex;
  position: absolute;
  inset: 12px 12px auto auto;
}

.banner-info-text {
  margin-top: 1px;
  margin-right: 4px;
}

.banner-info-icon {
  width: 16px;
}

.form-success {
  color: #06c25e;
  background-color: #06c25e14;
  border: 1px solid #06c25e;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 16px;
}

.form-error {
  color: #fa345a;
  text-align: center;
  background-color: #fa345a14;
  border: 1px solid #fa345a4d;
  border-radius: 6px;
  margin-top: 16px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 16px;
}

.instagram-v2 {
  align-items: stretch;
  display: flex;
}

.instagram-v2-photo-wrapper {
  flex: 1;
  padding: 4px;
}

.tag {
  border: 1px solid var(--grey-4);
  color: var(--neutral-800);
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 4px;
  height: 24px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 8px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  transition: color .2s, border-color .2s, background-color .2s;
  display: block;
  position: relative;
  overflow: hidden;
}

.tag:hover {
  border-color: var(--oxford-blue);
  background-color: var(--oxford-blue);
  color: #fff;
}

.sidebar-tags {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: -6px;
  display: flex;
}

.layouts {
  grid-column-gap: 104px;
  grid-row-gap: 80px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
  grid-auto-columns: 1fr;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
}

.layout {
  text-align: center;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  position: relative;
}

.layout:hover {
  background-color: #ffffff08;
}

.layout-thumb {
  border: 1px solid var(--grey-4);
  background-color: #fff;
  border-radius: 6px;
  height: auto;
  max-height: 504px;
  text-decoration: none;
  transition: box-shadow .6s, transform .6s cubic-bezier(.215, .61, .355, 1);
  display: block;
  position: relative;
  overflow: scroll;
  box-shadow: 0 2px 16px #00000012;
}

.layout-thumb:hover {
  transform: translate(0, -8px);
  box-shadow: 0 10px 16px #0000001f;
}

.back-link {
  color: #fff6;
  text-align: center;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  font-size: 11px;
  line-height: 16px;
  transition: color .4s cubic-bezier(.215, .61, .355, 1);
}

.back-link:hover {
  color: #fff;
}

._404-page-wrap {
  background-image: linear-gradient(#ffffff80, #ffffff80), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9079fe843f2_aidan-hancock-428761-unsplash%20copy.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: none;
}

.licence-item {
  border-top: 1px solid var(--grey-4);
  border-bottom: 1px solid var(--grey-4);
  color: var(--neutral-800);
  background-color: #fff;
  align-items: center;
  margin-bottom: -1px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.licence-info {
  flex: 1;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 40px;
}

.loading-icon {
  z-index: 3;
  width: 32px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 0 0% auto;
}

.footer-v2-bottom {
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  display: flex;
}

.footer-v2-bottom-text {
  color: #ffffff80;
  margin-right: 16px;
  font-size: 11px;
  line-height: 16px;
}

.post-tag {
  color: var(--neutral-800);
  margin-bottom: 7px;
  margin-right: 16px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.post-tags-list {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.post-tags {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 32px;
  display: block;
}

.post-heading-big {
  color: var(--oxford-blue);
  text-transform: capitalize;
  margin-top: 20px;
}

.post-summary {
  color: var(--grey-2);
  margin-bottom: 12px;
}

.nav-brand-v1 {
  z-index: 2;
  color: var(--neutral-800);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  transition: color .15s;
  display: flex;
  left: auto;
  right: auto;
}

.nav-brand-v1:hover {
  color: #06c25e;
}

.search-form-input {
  border: 1px solid var(--grey-4);
  color: #151515;
  text-align: left;
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c92d10e843dd_search.svg");
  background-position: 12px;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 6px;
  width: 40px;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 13px;
  line-height: 32px;
  transition: width .3s, border-color .3s;
  position: relative;
  overflow: hidden;
}

.search-form-input:hover {
  border-color: var(--grey-3);
}

.search-form-input:focus {
  border-color: var(--oxford-blue);
  width: 200px;
  padding-left: 40px;
}

.search-form-input::placeholder {
  color: #0000;
}

.nav-menu-v1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-left: 24px;
  display: flex;
  position: static;
}

.search-button {
  z-index: 1;
  background-color: #ff6852;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.nav-logo {
  height: 35px;
  font-size: 14px;
}

.nav-link {
  z-index: 1;
  border-bottom: 2px solid var(--white);
  color: var(--oxford-blue);
  border-radius: 6px;
  align-self: auto;
  height: 30px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 8px 0 0;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .15s;
  display: block;
}

.nav-link:hover {
  border-bottom: 2px solid var(--oxford-blue);
  background-color: var(--white);
  border-radius: 0;
  margin-left: 16px;
  margin-right: 16px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-style: normal;
  text-decoration: none;
}

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

.nav-menu-small {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-right {
  color: var(--white);
  flex-direction: row;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  padding-right: 15px;
  display: flex;
}

.nav-bar-v1 {
  z-index: 50;
  box-shadow: 0 -1px 0 0 var(--grey-4), 0 1px 0 0 #1515151c;
  background-color: #fff;
  justify-content: flex-start;
  align-items: stretch;
  height: 84px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}

.menu-button {
  z-index: 2;
}

.search-form {
  order: 1;
  justify-content: center;
  align-items: center;
  max-width: 770px;
  margin-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.dropdown-link {
  color: var(--neutral-800);
  padding: 10px 32px 10px 28px;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: padding .4s, background-color .2s;
  display: block;
}

.dropdown-link:hover {
  background-color: var(--haze);
  padding-left: 32px;
  padding-right: 28px;
}

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

.dropdown-list {
  background-color: #fff;
  border-radius: 6px;
  display: none;
  box-shadow: 0 4px 16px #0000001f;
}

.dropdown-list.w--open {
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}

.dropdown-list.big-list {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 0;
  padding-bottom: 16px;
  display: flex;
  position: relative;
}

.nav-link-small {
  color: #888;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 10px;
  font-size: 11px;
  line-height: 16px;
  text-decoration: none;
  display: none;
}

.nav-link-small:hover {
  text-decoration: underline;
}

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

.nav-logo-text {
  margin-bottom: 2px;
  margin-left: 13px;
  font-family: Noto Sans HK, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.post-heading-medium {
  color: var(--oxford-blue);
  margin-top: 16px;
  margin-bottom: 12px;
}

.column {
  padding-left: 15px;
  padding-right: 15px;
}

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

.column.column-v2 {
  padding-left: 0;
  padding-right: 0;
}

.footer-v1-about {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.footer-v1-brand {
  color: var(--neutral-800);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: -3px;
  margin-bottom: 24px;
  text-decoration: none;
  display: flex;
}

.footer-v1-logo {
  height: 25px;
}

.footer-v1-logo-text {
  margin-bottom: 2px;
  margin-left: 12px;
  font-family: Noto Sans HK, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.footer-v1-info {
  color: var(--grey-2);
}

.footer-v1-column {
  width: 25%;
  padding-bottom: 64px;
  padding-left: 15px;
  padding-right: 15px;
}

.footer-v1-column.about {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-v1-nav-link {
  border-top: 1px solid var(--grey-4);
  border-bottom: 1px solid var(--grey-4);
  color: var(--neutral-800);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -1px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: padding .4s, background-color .4s;
  display: flex;
  position: relative;
}

.footer-v1-nav-link:hover {
  background-color: var(--haze);
  padding-left: 16px;
}

.nav-arrow {
  opacity: .5;
  width: 16px;
  margin-right: 10px;
  position: absolute;
  right: 0;
}

.post-mini {
  color: var(--neutral-800);
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.post-mini-thumbnail {
  border-radius: 6px;
  flex: none;
  width: 80px;
  height: 80px;
  position: relative;
  overflow: hidden;
}

.post-mini-heading {
  text-transform: capitalize;
  margin-bottom: 4px;
}

.footer-v1-posts {
  margin-top: -12px;
  margin-bottom: -12px;
}

.post-mini-content {
  flex: 1;
  padding-left: 20px;
}

.subscribe-v3-form {
  margin-top: -4px;
}

.subscribe-v3-text {
  margin-bottom: 16px;
}

.link-dark {
  color: var(--neutral-800);
  text-decoration: none;
  transition: color .3s;
}

.link-dark:hover {
  color: var(--links);
  text-decoration: underline;
}

.link-dark.temp {
  display: none;
}

.footer-bottom {
  border-top: 0px solid var(--grey-4);
  opacity: 1;
  color: var(--grey-2);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 28px;
  padding-bottom: 28px;
  font-size: 9px;
  line-height: 12px;
  display: flex;
}

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

.footer-bottom-left {
  text-align: left;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-bottom-right {
  text-align: right;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.text-link-dark {
  color: #ffa32d;
  text-decoration: underline;
  transition: color .2s;
}

.text-link-dark:hover {
  color: var(--links);
}

.divider-small {
  background-color: var(--grey-4);
  width: 1px;
  height: 16px;
  margin-left: 12px;
  margin-right: 12px;
}

.divider-small.transparent {
  background-color: var(--neutral-800);
  opacity: .5;
  color: var(--neutral-800);
}

.divider-small.temp {
  display: none;
}

.footer-mini-icon {
  opacity: 1;
  width: 14px;
  margin-right: 8px;
}

.more-link {
  color: var(--grey-2);
  text-transform: uppercase;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  display: flex;
}

.more-link-icon {
  border: 1px solid var(--grey-4);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  padding: 2px;
  display: flex;
}

.more-link-arrow {
  opacity: .5;
  width: 14px;
}

.more-link-arrow-hover {
  z-index: 1;
  opacity: 0;
  width: 14px;
  display: none;
  position: absolute;
}

.category-color-line {
  background-color: var(--neutral-800);
  width: 20px;
  height: 2px;
  margin-right: 12px;
}

.category-arrow {
  z-index: 2;
  opacity: .5;
  width: 16px;
  margin-right: 15px;
  position: absolute;
  right: 0;
}

.post-heading-link {
  color: var(--neutral-800);
  text-transform: capitalize;
}

.post-heading-link:hover {
  text-decoration: underline;
}

.thumbnail-small {
  border-radius: 6px;
  align-items: flex-start;
  height: 184px;
  padding: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.post-heading-small {
  color: var(--oxford-blue);
  margin-top: 12px;
  margin-bottom: 4px;
}

.post-card-v2-big {
  color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 408px;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.post-card-content {
  z-index: 3;
  position: relative;
}

.mini-icon {
  width: 14px;
  margin-right: 8px;
  display: none;
}

.post-gradient {
  z-index: 2;
  background-image: linear-gradient(#15151500 25%, #151515b3);
  position: absolute;
  inset: 0%;
}

.post-v2-heading {
  text-transform: capitalize;
  margin-top: 12px;
  margin-bottom: 16px;
}

.post-card-v2-medium {
  color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 432px;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.post-card-v2-small {
  color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 320px;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.thumbnail-huge {
  background-color: var(--haze);
  border-radius: 6px;
  align-items: flex-start;
  height: 440px;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.post-card-avatar {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin-right: 8px;
}

.post-info-block {
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.post-info-author {
  color: var(--grey-2);
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: underline;
  transition: color .15s;
  display: flex;
}

.post-info-author:hover {
  color: var(--neutral-800);
}

.post-info-author.text-white {
  color: #fff;
  justify-content: center;
}

.post-v5-card {
  z-index: 1;
  border-top: 1px solid var(--grey-4);
  border-bottom: 1px solid var(--grey-4);
  color: var(--neutral-800);
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 64px 24px;
  display: flex;
  position: relative;
}

.post-v5-heading {
  text-transform: capitalize;
  margin-top: 12px;
  margin-bottom: 12px;
}

.posts-v5 {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
}

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

.columns {
  margin-left: 0;
  margin-right: 0;
}

.grid-v1 {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.slider-v5 {
  background-color: #0000;
  flex: 1;
  height: 120px;
}

.slider-v5-wrapper {
  border: 1px solid var(--grey-4);
  border-radius: 6px;
  margin-left: 15px;
  margin-right: 15px;
  display: none;
  overflow: hidden;
}

.slider-v5-header {
  border-right: 1px solid var(--grey-4);
  background-color: var(--haze);
  justify-content: center;
  align-items: center;
  width: 32px;
  display: flex;
}

.slider-v5-arrow {
  border: 1px solid var(--grey-4);
  background-color: #fff;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 32px;
  transition: background-color .3s;
  display: flex;
  right: 40px;
}

.slider-v5-arrow:hover {
  background-color: var(--haze);
}

.slider-v5-arrow.left {
  border-radius: 6px 0 0 6px;
  margin-right: 35px;
}

.slider-v5-arrow-icon {
  opacity: .7;
  width: 20px;
}

.slider-v5-nav {
  font-size: 6px;
  line-height: 27px;
  display: none;
}

.slide-v5-thumbnail {
  border-radius: 50%;
  flex: none;
  width: 80px;
  height: 80px;
  position: relative;
  overflow: hidden;
}

.slide-v5-post {
  color: var(--neutral-800);
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  text-decoration: none;
  display: flex;
}

.slide-v5-post-content {
  flex: 1;
  padding-left: 20px;
}

.slider-v5-header-text {
  text-align: center;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  width: 120px;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  transform: rotate(-90deg);
}

.slider-v5-icon {
  border: 1px solid var(--grey-4);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  padding: 10px;
  display: flex;
}

.banner-sidebar {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  max-width: 320px;
  transition: filter .3s;
  overflow: hidden;
}

.banner-sidebar:hover {
  filter: brightness(95%);
}

.post-v3-card {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.post-v3-thumbnail {
  border-radius: 6px;
  flex: none;
  width: 35%;
  height: 200px;
  padding: 16px;
  position: relative;
  overflow: hidden;
}

.post-v3-content {
  flex: 1;
  padding-left: 30px;
}

.post-v3-heading {
  margin-top: -4px;
}

.connect {
  background-color: var(--haze);
  border-radius: 6px;
  justify-content: space-around;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  padding: 24px 16px;
  display: flex;
}

.connect-link {
  color: var(--neutral-800);
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  transition: color .15s;
  display: flex;
}

.connect-link:hover {
  color: #06c25e;
}

.connect-icon {
  border: 1px solid var(--grey-4);
  background-color: #fff;
  border-radius: 50%;
  flex: none;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 14px;
  display: flex;
}

.grid-small {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(220px, .5fr));
  grid-auto-columns: 1fr;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
}

.grid-medium {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  grid-auto-columns: 1fr;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
}

.grid-medium.no-margin {
  margin: 0;
}

.grid-big {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  grid-auto-columns: 1fr;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
}

.grid-big.no-margin {
  margin: 0;
}

.connect-link-text {
  margin-left: 16px;
  font-weight: 600;
}

.post-hero-gradient {
  z-index: 0;
  opacity: 0;
  background-image: linear-gradient(#15151500 25%, #151515cc);
  display: none;
  position: absolute;
  inset: 0%;
}

.post-hero-content {
  z-index: 3;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 50%;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.post-heading {
  color: var(--oxford-blue);
  text-align: left;
  text-transform: capitalize;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 12px;
}

.post {
  flex: 1;
}

.post-wrapper {
  padding-top: 0;
  display: flex;
}

.post-share {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100px;
  padding-left: 11px;
  padding-right: 11px;
  display: flex;
  position: sticky;
  top: 104px;
}

.post-bottom-info {
  color: var(--grey-2);
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  line-height: 20px;
  display: flex;
}

.post-bottom-category {
  color: var(--neutral-800);
  font-weight: 600;
}

.post-bottom-category:hover {
  text-decoration: underline;
}

.post-about {
  background-color: var(--haze);
  border-radius: 6px;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 48px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: none;
}

.post-author {
  border-right: 1px solid var(--grey-4);
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 240px;
  padding: 16px 32px;
  display: flex;
}

.post-avatar {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  align-self: center;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  margin-right: 8px;
}

.post-author-link {
  color: var(--grey-2);
  text-transform: uppercase;
  margin-top: -8px;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
}

.post-author-link:hover {
  text-decoration: underline;
}

.post-content {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
}

.post-more {
  width: 100%;
  padding-top: 56px;
}

.grid-mini {
  grid-column-gap: 30px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-columns: 1fr;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
}

.post-body {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.header-text {
  margin-top: 0;
  margin-bottom: 0;
}

.grid-mini-list {
  grid-column-gap: 30px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-mini-list.footer-posts {
  margin-top: 48px;
}

.post-subscribe {
  border: 1px solid var(--grey-4);
  text-align: center;
  border-radius: 6px;
  margin-top: 56px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 48px;
}

.blog-cms-grid-list {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
}

.post-v6-card {
  z-index: 1;
  color: var(--neutral-800);
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-top: 56px;
  padding-bottom: 52px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.post-v6-heading {
  text-transform: capitalize;
  margin-top: 12px;
  margin-bottom: 12px;
}

.slider-v3 {
  border-bottom: 1px solid var(--grey-4);
  background-color: #0000;
  height: auto;
  margin-top: -1px;
}

.slider-v3-arrow {
  border: 1px solid var(--grey-4);
  background-color: #fff;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 32px;
  transition: background-color .3s;
  display: flex;
  inset: -52px 0 auto auto;
}

.slider-v3-arrow:hover {
  background-color: var(--haze);
}

.slider-v3-arrow.left {
  border-radius: 6px 0 0 6px;
  margin-right: 35px;
}

.slide-v3 {
  width: 25%;
}

.subscribe-v2 {
  border: 1px solid var(--grey-4);
  background-color: var(--oxford-blue);
  border-radius: 6px;
  justify-content: space-around;
  align-items: flex-start;
  margin-left: 15px;
  margin-right: 15px;
  padding: 64px 80px;
  display: flex;
}

.subscribe-v2-heading {
  color: #fff;
  width: 50%;
  margin-top: -6px;
  margin-bottom: 0;
  margin-right: 15px;
  padding-right: 64px;
}

.subscribe-v2-form-block {
  flex: 1;
  margin-bottom: -8px;
}

.checkbox-label {
  color: #ccc;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0;
  margin-left: 2px;
  font-size: 11px;
  line-height: 16px;
}

.checkbox {
  width: 15px;
  height: 15px;
  margin-top: 0;
  margin-left: -30px;
  font-size: 20px;
}

.checkbox.w--redirected-checked {
  background-color: var(--oxford-blue);
  background-size: 12px 12px;
  width: 15px;
  height: 15px;
}

.subscribe-grid-v2 {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.banner-728x90 {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 728px;
  margin-left: auto;
  margin-right: auto;
  transition: filter .3s;
  display: flex;
  overflow: hidden;
}

.banner-728x90:hover {
  filter: brightness(95%);
}

.grid-v2 {
  grid-column-gap: 30px;
  background-color: var(--haze);
  border-radius: 6px;
  grid-template-rows: 544px;
  grid-template-columns: 66% 1fr;
  margin-left: 15px;
  margin-right: 15px;
  padding-right: 16px;
  overflow: hidden;
}

.post-card-v2-max {
  color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.scroll-list {
  position: relative;
  overflow: auto;
}

.grid-list-item {
  border-top: 1px solid var(--grey-4);
  border-bottom: 1px solid var(--grey-4);
  margin-bottom: -1px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 24px;
}

.grid-scroll-list {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  grid-auto-columns: 1fr;
  margin-top: -1px;
  display: grid;
}

.page-intro {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 770px;
  margin: 0 auto;
  display: flex;
}

.contact-form {
  grid-column-gap: 20px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
}

.input-wrapper {
  position: relative;
}

.subscribe-v3-grid {
  grid-template-columns: 1fr;
  display: grid;
}

.privacy-text {
  direction: ltr;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
}

.privacy-text p {
  color: var(--grey-1);
}

.sidebar-info {
  border: 1px solid var(--grey-4);
  border-radius: 6px;
  padding: 32px;
}

.breadcrumbs {
  color: var(--grey-2);
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.breadcrumbs-link {
  color: var(--grey-1);
}

.breadcrumbs-link:hover {
  text-decoration: underline;
}

.breadcrumbs-divider {
  color: var(--grey-3);
  padding-left: 7px;
  padding-right: 7px;
}

.grid-full-medium {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 25%);
  grid-auto-columns: 1fr;
  display: grid;
}

.post-card-v3-medium {
  color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 31vw;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-v4 {
  border: 1px solid var(--grey-4);
  background-color: #0000;
  border-radius: 6px;
  height: 136px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 200px;
  overflow: hidden;
}

.slider-v4-info {
  z-index: 10;
  text-align: left;
  width: 200px;
  height: 100%;
  padding: 28px 32px 32px 40px;
  position: absolute;
  inset: 0% auto 0% 0%;
  box-shadow: 8px 0 12px #fff;
}

.slider-v4-arrow {
  z-index: 11;
  border: 1px solid var(--grey-4);
  background-color: #fff;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 32px;
  margin-top: 72px;
  margin-left: 0;
  transition: background-color .3s;
  display: flex;
  top: 0;
  left: 40px;
}

.slider-v4-arrow:hover {
  background-color: var(--haze);
}

.slider-v4-arrow.right {
  border-radius: 0 6px 6px 0;
  margin-left: 35px;
}

.slide-v4-thumbnail {
  border-radius: 50%;
  flex: none;
  width: 80px;
  height: 80px;
  position: relative;
  overflow: hidden;
}

.slide-v4-info {
  flex: 1;
  padding-left: 20px;
}

.slide-v4 {
  width: 33.33%;
}

.slide-v4-post {
  color: var(--neutral-800);
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.slider-v4-nav {
  font-size: 6px;
  line-height: 27px;
  display: none;
}

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

.about-block-1 {
  text-align: center;
  margin-left: 16%;
  margin-right: 16%;
  padding-left: 15px;
  padding-right: 15px;
}

.team {
  text-align: center;
  padding-top: 64px;
  padding-left: 15px;
  padding-right: 15px;
}

.team-grid {
  grid-column-gap: 30px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.team-member-photo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 6px;
  height: 248px;
}

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

.team-member-name {
  margin-top: 0;
  margin-bottom: 0;
}

.intro-heading {
  text-align: center;
  max-width: 770px;
  margin-bottom: 72px;
  margin-left: auto;
  margin-right: auto;
}

.team-member-links {
  justify-content: flex-start;
  align-items: center;
  margin-top: -2px;
  margin-left: -2px;
  display: flex;
}

.team-member-bio {
  color: var(--grey-2);
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 20px;
}

.team-member-link {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  padding: 2px;
  transition: transform .3s;
  display: flex;
}

.team-member-link:hover {
  transform: translate(0, -2px);
}

.team-member-info {
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.team-member-page-link {
  border: 1px solid var(--grey-4);
  color: var(--neutral-800);
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 3px;
  margin-top: 3px;
  margin-left: 12px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 8px;
  font-weight: 600;
  line-height: 20px;
  transition: all .3s;
}

.team-member-page-link:hover {
  color: #fff;
  background-color: #06c25e;
  border-color: #0000;
}

.subscribe-popup {
  z-index: 999;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup {
  z-index: 2;
  background-color: #fff;
  border-radius: 6px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 770px;
  min-height: 428px;
  max-height: 96vh;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 30px #1515151a;
}

.subscribe-popup-image {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9e799e8449a_subscribe.png");
  background-position: 46%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
}

.popup-info {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 60px 48px;
  display: flex;
}

.close-button {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 17px;
  transition: transform .3s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-button:hover {
  transform: rotate(90deg);
}

.subscribe-popup-grid {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 8px;
  display: grid;
}

.popup-overlay {
  z-index: 1;
  background-color: #15151566;
  display: block;
  position: absolute;
  inset: 0%;
}

.search-results {
  color: var(--neutral-800);
  background-color: #fff;
  margin: 12px;
  padding-left: 16%;
  padding-right: 16%;
}

.empty-state {
  border: 1px solid var(--grey-4);
  background-color: var(--haze);
  color: var(--neutral-800);
  text-align: center;
  border-radius: 6px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 16px;
}

.blog-page-heading {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
}

.slider-v1 {
  color: #fff;
  height: 86vh;
  min-height: 600px;
  max-height: 800px;
  margin-bottom: 24px;
  overflow: hidden;
}

.slider-nav {
  justify-content: center;
  align-items: flex-start;
  height: 60px;
  padding-top: 20px;
  font-size: 8px;
  display: flex;
}

.slide-v1 {
  background-color: var(--neutral-800);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 88px;
  display: flex;
  position: relative;
}

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

.slide-v1-content {
  z-index: 3;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.slide-v1-heading {
  text-transform: capitalize;
  margin-top: 12px;
  margin-bottom: 20px;
  font-size: 44px;
  line-height: 60px;
}

.slide-heading-link {
  color: #fff;
  text-transform: capitalize;
}

.licence-links {
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}

.layout-heading {
  margin-bottom: 24px;
}

.section-intro {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 570px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.checkboxfield {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.checkboxfield.w--redirected-checked {
  background-color: var(--oxford-blue);
  background-size: 12px 12px;
  width: 15px;
  height: 15px;
  margin-top: 0;
}

.grid-v3 {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
}

.grid-v3-side-post {
  padding-bottom: 40px;
}

.promo-logo {
  width: 72px;
  margin-bottom: 8px;
}

.floating-slider {
  width: 48vw;
  margin-top: -4vw;
  margin-left: -20vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.promo-intro {
  z-index: 10;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin-top: -3vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.floating-author {
  width: 23vw;
  margin-top: -5vw;
  margin-right: 11vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.floating-post-small {
  width: 26vw;
  margin-top: -1vw;
  margin-left: 33vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.floating-cookie {
  width: 20vw;
  margin-top: 1vw;
  margin-right: -10vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.floating-post {
  width: 24vw;
  margin-bottom: -12vw;
  padding-left: 1vw;
  position: absolute;
  bottom: 0;
}

.floating-subscribe {
  width: 32vw;
  margin-bottom: 3vw;
  margin-left: 1vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.floating-post-big {
  width: 32vw;
  margin-bottom: 13vw;
  margin-right: -8vw;
  position: absolute;
  inset: auto 0% 0% auto;
}

.floating-slider-list {
  width: 58vw;
  margin-bottom: 1vw;
  margin-right: -26vw;
  position: absolute;
  inset: auto 0% 0% auto;
}

.nav-bar-v2 {
  z-index: 50;
  background-color: #fff;
  justify-content: flex-start;
  align-items: stretch;
  height: 84px;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px #1515151c;
}

.nav-brand-v2 {
  z-index: 2;
  color: var(--neutral-800);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 1px;
  padding-left: 16px;
  padding-right: 16px;
  transition: color .15s;
  display: flex;
  left: auto;
  right: auto;
}

.nav-brand-v2:hover {
  color: #06c25e;
}

.nav-brand-v2.w--current {
  padding-left: 28px;
  padding-right: 28px;
}

.nav-menu-v2 {
  flex-direction: row;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  padding-left: 24px;
  display: flex;
}

.nav-space {
  flex: 1;
  padding: 4px;
}

.menu-icon {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 22px;
  height: 22px;
  display: flex;
  position: relative;
}

.menu-line-top {
  background-color: #151515;
  border-radius: 1px;
  height: 2px;
}

.menu-line-middle {
  background-color: #151515;
  border-radius: 1px;
  height: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.menu-line-bottom {
  background-color: #151515;
  border-radius: 1px;
  height: 2px;
}

.menu-button-v2 {
  justify-content: center;
  align-items: center;
  padding: 31px;
}

.menu-button-v2.side-menu-button {
  z-index: 200;
  cursor: pointer;
  padding-left: 27px;
}

.nav-right-v2 {
  flex-direction: row;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.dropdown {
  display: block;
}

.dropdown.dropdown-big {
  position: static;
}

.side-menu {
  z-index: 200;
  background-color: #fff;
  width: 384px;
  padding-top: 39px;
  padding-left: 32px;
  padding-right: 32px;
  display: block;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: auto;
  transform: translate(100%);
}

.side-menu-overlay {
  z-index: 100;
  cursor: e-resize;
  background-color: #15151566;
  display: none;
  position: fixed;
  inset: 0%;
}

.grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.grid.align-center {
  align-items: center;
}

.contact-v2-info {
  margin-bottom: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.contact-v2-form {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-v2-heading {
  margin-bottom: 40px;
}

.contact-v2-sidebar {
  position: sticky;
  top: 120px;
}

.promo-layout {
  z-index: 10;
  border-radius: 6px;
  width: 46%;
  margin-bottom: -19%;
  position: relative;
  box-shadow: 0 10px 40px #1515153d;
}

.intro-buy-promo {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding-top: 24px;
  display: flex;
  position: relative;
}

.promo-intro-heading {
  margin-bottom: 32px;
}

.responsive-promo {
  justify-content: center;
  align-items: center;
  display: flex;
}

.iphone {
  z-index: 1;
  max-width: 300px;
  position: relative;
  top: 71px;
  left: 13px;
}

.side-info-left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.iphone-circle {
  background-color: #06c25e;
  border-radius: 50%;
  width: 512px;
  height: 512px;
  position: absolute;
}

.post-layouts {
  justify-content: center;
  align-items: center;
  margin-bottom: -3%;
  display: flex;
  position: relative;
}

.post-layout-1 {
  width: 72%;
}

.post-layout-2 {
  z-index: 2;
  width: 54%;
  position: absolute;
  inset: auto -7% 21% auto;
}

.post-layout-3 {
  z-index: 2;
  width: 54%;
  margin-top: -3%;
  position: absolute;
  inset: 12% auto auto -5%;
}

.grid-tab-link {
  color: var(--grey-2);
  background-color: #0000;
  padding-left: 16px;
  padding-right: 16px;
  transition: color .15s;
}

.grid-tab-link:hover {
  color: var(--neutral-800);
}

.grid-tab-link.w--current {
  color: #06c25e;
  background-color: #0000;
}

.grid-previews {
  grid-column-gap: 24px;
  grid-template: "."
  / minmax(80px, 128px) minmax(80px, 128px) minmax(80px, 128px);
  grid-auto-flow: row;
  margin: 16px;
  padding-top: 8px;
}

.grid-preview-link {
  border-radius: 6px;
  transition: box-shadow .4s, transform .4s;
  box-shadow: 0 4px 12px #15151514;
}

.grid-preview-link:hover {
  transform: translate(0, -4px);
  box-shadow: 0 8px 16px -4px #15151529;
}

.grid-tabs {
  margin-left: -16px;
}

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

.grid-preview-name {
  color: var(--grey-2);
  margin-top: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.inner-page-links {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 28px;
  display: flex;
}

.nav-bar-v3 {
  z-index: 50;
  background-color: #fff;
  justify-content: flex-start;
  align-items: stretch;
  height: 84px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px #1515151c;
}

.nav-menu-v3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.nav-brand-v3 {
  z-index: 2;
  color: var(--neutral-800);
  border-radius: 0;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding-bottom: 1px;
  padding-left: 15px;
  padding-right: 15px;
  transition: color .15s;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.nav-brand-v3:hover {
  color: #06c25e;
}

.nav-right-v3 {
  flex-direction: row;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.top-bar-container {
  background-color: var(--grey-1);
  justify-content: center;
  align-items: center;
  min-height: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.top-bar {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  justify-content: space-between;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
}

.top-bar-link {
  color: var(--grey-3);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: 9px;
  line-height: 20px;
  transition: color .2s;
  display: flex;
}

.top-bar-link:hover {
  color: #fff;
}

.top-bar-left {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-left: -8px;
  display: flex;
}

.top-bar-right {
  text-align: right;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  margin-right: -8px;
  display: flex;
}

.dropdown-social {
  border: 1px solid var(--grey-4);
  border-radius: 6px;
  width: 40px;
  height: 40px;
  padding: 0;
}

.image {
  padding: 11px;
}

.top-bar-icon {
  opacity: .7;
  width: 14px;
  margin-right: 6px;
}

.top-bar-divider {
  background-color: var(--grey-2);
  width: 1px;
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
}

.nav-layouts {
  grid-column-gap: 105px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: 15px;
  margin-right: 15px;
  overflow: hidden;
}

.nav-layout {
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 8px;
  display: flex;
  position: relative;
}

.nav-layout-heading {
  z-index: 3;
  border: 2px solid #06c25e;
  border-radius: 16px;
  height: 32px;
  margin-bottom: 40px;
  padding: 2px 16px;
  font-family: Noto Sans HK, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 23px;
  position: absolute;
  top: auto;
  bottom: 0%;
}

.nav-layout-gradient {
  z-index: 2;
  background-image: linear-gradient(#06c25e00, #06c25e 72%);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.nav-layout-thumb {
  z-index: 1;
  width: 100%;
  position: relative;
}

.testimonial-slide {
  width: 50%;
  padding: 15px;
}

.testimonial {
  border: 1px solid var(--grey-4);
  background-color: #fff;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px;
  display: flex;
  box-shadow: 0 4px 16px #0000000f;
}

.testimonial-slider {
  background-color: #0000;
  height: auto;
  margin: -1px -15px 25px;
  padding-top: 25px;
}

.testimonial-avatar {
  border-radius: 50%;
  flex: none;
  width: 64px;
  height: 64px;
}

.testimonial-content {
  flex: 1;
  padding-left: 32px;
}

.testimonial-info {
  justify-content: flex-start;
  align-items: center;
  min-height: 40px;
  margin-top: 8px;
  display: flex;
  position: relative;
}

.testimonial-link {
  background-color: var(--haze);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 12px;
  padding: 7px;
  transition: background-color .2s;
  display: flex;
}

.testimonial-link:hover {
  background-color: var(--grey-4);
}

.testimonial-rating {
  justify-content: center;
  align-items: center;
  margin-top: 1px;
  margin-right: -8px;
  padding: 8px;
  display: flex;
  position: absolute;
  right: 0;
}

.testimonial-star {
  width: 15px;
  margin-left: 1px;
}

.testimonials-slider-arrow {
  border: 1px solid var(--grey-4);
  background-color: #fff;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 32px;
  transition: background-color .3s;
  display: flex;
  inset: -52px 15px auto auto;
}

.testimonials-slider-arrow:hover {
  background-color: var(--haze);
}

.testimonials-slider-arrow.left {
  border-radius: 6px 0 0 6px;
  margin-right: 35px;
}

.promo-layout-side {
  z-index: 1;
  border-radius: 6px;
  width: 29%;
  position: absolute;
  inset: 24% auto auto 7%;
  box-shadow: 0 8px 24px #15151529;
}

.promo-layout-side.right {
  left: auto;
  right: 7%;
}

.grid-full-big {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 33.33%);
  grid-auto-columns: 1fr;
  display: grid;
}

.post-card-v3-big {
  color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 33vw;
  min-height: 344px;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.instagram-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
  margin-left: 15px;
  margin-right: 15px;
}

.dropdown-social-link {
  box-shadow: 0 1px 0 0 var(--grey-4);
  color: var(--neutral-800);
  width: 40px;
  height: 41px;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .2s, background-color .2s;
  position: relative;
}

.dropdown-social-link:hover {
  z-index: 1;
  background-color: var(--haze);
  box-shadow: 0 -1px 0 0 var(--grey-4), inset 0 -1px 0 0 var(--grey-4);
  color: #06c25e;
}

.dropdown-social-link.w--current {
  color: #151515;
}

.dropdown-social-icon {
  flex: none;
  width: 18px;
  margin: 11px;
}

.dropdown-social-wrapper {
  margin-right: 12px;
  display: none;
}

.dropdown-icon {
  width: 16px;
  margin: 11px;
}

.big-image-section {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9628ce844a7_kaleidico-gVtJgTyi2iI-unsplash.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 80vh;
  margin-top: 24px;
  margin-bottom: 48px;
}

.grid-sticky-info {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 128px;
}

.pricing {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  padding-left: 15px;
  padding-right: 15px;
}

.pricing-bottom-text {
  color: var(--grey-2);
  text-align: center;
  max-width: 600px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
  line-height: 20px;
}

.pricing-card {
  border: 1px solid var(--grey-4);
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px;
  display: flex;
}

.pricing-icon-circle {
  background-color: #06c25e;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  display: flex;
}

.pricing-icon-circle.color-2 {
  background-color: #ffa32d;
}

.pricing-icon-circle.color-3 {
  background-color: #5d66fe;
}

.pricing-icon {
  width: 32px;
}

.price {
  justify-content: flex-start;
  align-items: center;
  margin-top: -12px;
  margin-bottom: 16px;
  padding: 8px 10px 8px 16px;
  display: flex;
}

.price-text {
  color: var(--grey-2);
  margin-bottom: -13px;
  margin-left: 6px;
}

.price-text.left {
  margin-left: 0;
  margin-right: 6px;
}

.price-tag {
  font-family: Noto Sans HK, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
}

.pricing-info {
  background-color: var(--haze);
  color: var(--grey-1);
  text-align: center;
  border-radius: 6px;
  margin-bottom: 32px;
  padding: 12px 16px;
  font-size: 12px;
  line-height: 20px;
}

.faq-arrow-icon {
  margin-left: -2px;
  margin-right: 14px;
}

.question {
  color: #222;
  justify-content: flex-end;
  align-items: center;
  padding-top: 28px;
  padding-bottom: 28px;
  display: flex;
}

.answer {
  padding-left: 44px;
}

.faq-card {
  border: 1px solid var(--grey-4);
  cursor: pointer;
  border-radius: 6px;
  margin-bottom: 16px;
  padding-left: 32px;
  padding-right: 32px;
  overflow: hidden;
}

.faq {
  flex: 1;
}

.answer-text {
  color: var(--grey-1);
  padding-bottom: 32px;
}

.question-text {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 24px;
}

.select {
  background-color: #0000;
  border: 1px #0000;
  height: 100%;
  margin: 0 0 0 -8px;
}

.adv-form {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template: "Form-Header"
                 "."
                 "."
                 "."
                 / 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.adv-form-heading {
  text-align: center;
  margin-bottom: 32px;
}

.thumbnail-max {
  background-color: var(--haze);
  border-radius: 6px;
  align-items: flex-start;
  height: 536px;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dropdown-wrapper {
  background-color: #93d865;
  align-items: flex-start;
  display: none;
}

.dropdown-wrapper.w--open {
  background-color: #0000;
  width: 100%;
  margin-top: 12px;
  position: absolute;
  left: 0%;
  right: 0%;
}

.dropdown-space {
  height: 12px;
  display: none;
  position: absolute;
  inset: -12px 0% auto;
}

.dropdown-sidebar {
  width: 210px;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 20px;
}

.dropdown-posts {
  flex: 1;
  padding: 20px;
}

.dropdown-post-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(15%, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-sidebar-link {
  color: var(--neutral-800);
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: padding .4s, background-color .2s;
  display: block;
}

.dropdown-sidebar-link:hover {
  background-color: var(--haze);
  padding-left: 24px;
  padding-right: 28px;
}

.dropdown-sidebar-link.w--current {
  color: #151515;
}

.message-popup {
  z-index: 10;
  column-count: auto;
  object-fit: fill;
  background-color: #fff;
  border-radius: 6px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start;
  align-items: stretch;
  width: 320px;
  height: auto;
  margin-bottom: 20px;
  margin-left: 20px;
  padding: 24px;
  display: none;
  position: fixed;
  inset: auto auto 0 0;
  box-shadow: 0 4px 16px #00000026;
}

.message-text {
  text-align: center;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 20px;
  display: none;
}

.post-popup {
  z-index: 10;
  background-color: #fff;
  border-radius: 6px;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 350px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 16px 24px 16px 16px;
  position: fixed;
  inset: auto 0% 0% auto;
  overflow: hidden;
  box-shadow: 0 4px 16px #00000026;
}

.post-popup-thumbnail {
  border-radius: 6px;
  flex: none;
  width: 72px;
  height: 72px;
  position: relative;
  overflow: hidden;
}

.post-popup-content {
  flex: 1;
  margin-bottom: 8px;
  padding-left: 20px;
}

.post-popup-heading {
  text-transform: capitalize;
  margin-bottom: 4px;
}

.post-popup-block {
  color: var(--neutral-800);
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.post-popup-badge {
  z-index: 3;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #06c25e;
  border-radius: 6px 0 0;
  height: 24px;
  padding: 3px 9px 3px 10px;
  font-family: Open Sans, sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.post-popup-close {
  z-index: 3;
  opacity: .6;
  border-bottom-left-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 6px;
  transition: background-color .2s, opacity .2s, transform .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.post-popup-close:hover {
  background-color: var(--haze);
  opacity: 1;
}

.floating-cards {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.promo-intro-gradient {
  z-index: 10;
  opacity: .06;
  background-image: linear-gradient(#f6f6f600, #151515);
  height: 48px;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block {
  color: var(--oxford-blue);
  text-decoration: underline;
}

.text-block:hover {
  color: var(--links);
}

.text-block-2, .text-block-3, .text-block-4 {
  color: var(--oxford-blue);
}

.section-2, .dropdown-toggle, .dropdown-toggle-2 {
  display: none;
}

.section-3 {
  display: block;
}

.blog-section-4 {
  display: none;
}

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

.rich-text-block {
  display: block;
}

.image-3 {
  margin-top: 10px;
}

.cookies-popup {
  z-index: 60;
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  display: block;
  position: sticky;
  inset: auto 0 0;
  box-shadow: 0 0 20px 20px #0000001a;
}

.cookies-text {
  text-align: right;
  width: 1020px;
  margin-bottom: 0;
  margin-left: 48px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 50px;
  font-size: 12px;
  line-height: 20px;
  display: inline;
  position: relative;
}

.cookie-div-block {
  flex: 0 auto;
  align-self: auto;
  align-items: center;
  width: auto;
  min-width: 0;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.button-cookie {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-style: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 24px;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1), box-shadow .4s cubic-bezier(.215, .61, .355, 1), color .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.button-cookie:hover {
  color: var(--oxford-blue);
  background-color: #76d1df;
}

.button-cookie.small {
  justify-content: center;
  width: 200px;
  height: 40px;
  margin-left: 48px;
  margin-right: 48px;
  padding: 8px 20px;
  font-size: 13px;
  line-height: 20px;
  display: flex;
}

.button-cookie.white {
  color: var(--neutral-800);
  background-color: #fff;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1), box-shadow .4s cubic-bezier(.215, .61, .355, 1), color .4s cubic-bezier(.215, .61, .355, 1);
}

.button-cookie.white:hover {
  color: #fff;
  background-color: #06c25e;
}

.button-cookie.ghost {
  box-shadow: inset 0 0 0 1px var(--grey-4);
  color: var(--neutral-800);
  background-color: #0000;
  margin-top: 8px;
}

.button-cookie.ghost:hover {
  box-shadow: inset 0 0 0 1px var(--grey-2);
}

.button-cookie.ghost-bg {
  color: #fff;
  background-color: #0000;
  box-shadow: inset 0 0 0 1px #fff6;
}

.button-cookie.ghost-bg:hover {
  color: var(--neutral-800);
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #0000;
}

.button-cookie.big {
  height: 56px;
  padding: 17px 28px 15px 24px;
  font-size: 16px;
  line-height: 20px;
}

.button-cookie.form-button {
  padding-top: 14px;
}

.button-cookie.contact-button {
  align-self: center;
}

.button-cookie.subscribe-button {
  text-align: left;
  background-color: #0d1633;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c98c7ee84412_mail-white.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 16px;
  height: 40px;
  padding: 8px 20px 8px 44px;
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
}

.button-cookie.subscribe-button:hover {
  color: var(--oxford-blue);
  background-color: #76d1df;
}

.button-cookie.subscribe-button:active {
  background-color: var(--howtoo-viking);
}

.button-cookie.inline-button {
  display: inline-block;
}

.button-cookie.cta {
  flex-wrap: nowrap;
  justify-content: center;
  width: auto;
  min-width: 200px;
  max-width: 400px;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  position: static;
  overflow: visible;
}

.button-cookie.small-cookie {
  justify-content: center;
  width: 100px;
  height: 40px;
  margin-left: 48px;
  margin-right: 48px;
  padding: 8px 20px;
  font-size: 13px;
  line-height: 20px;
  display: flex;
}

.badge-dark {
  z-index: 3;
  color: #fff;
  background-color: #151515b3;
  border-radius: 12px;
  height: 24px;
  padding: 3px 12px;
  font-family: Noto Sans HK, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
  position: relative;
}

.badge-dark.section-intro-badge {
  background-color: var(--haze);
  color: var(--neutral-800);
  margin-bottom: 12px;
}

.badge-dark.intro-buy-badge {
  background-color: #5d66fe;
  margin-bottom: 12px;
}

.text-block-5 {
  color: var(--oxford-blue);
}

.nav-link-2 {
  z-index: 1;
  border-bottom: 2px solid var(--white);
  color: var(--oxford-blue);
  border-radius: 6px;
  align-self: auto;
  height: 30px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 8px 0 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .15s;
  display: block;
}

.nav-link-2:hover {
  border-bottom: 2px solid var(--oxford-blue);
  background-color: var(--white);
  border-radius: 0;
  margin-left: 16px;
  margin-right: 16px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-style: normal;
  text-decoration: none;
}

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

.nav-link-v0 {
  z-index: 1;
  border-bottom: 2px solid var(--white);
  color: var(--oxford-blue);
  border-radius: 6px;
  align-self: auto;
  height: 30px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 8px 0 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .15s;
  display: block;
}

.nav-link-v0:hover {
  border-bottom: 2px solid var(--oxford-blue);
  background-color: var(--white);
  border-radius: 0;
  margin-left: 16px;
  margin-right: 16px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-style: normal;
  text-decoration: none;
}

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

.wrapper-categories-dropdown {
  z-index: 1;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-top: -10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.wrapper-categories-dropdown.side-paddings {
  padding-left: 15px;
  padding-right: 15px;
}

.wrapper-categories-dropdown.nav-bar-v1-wrapper {
  flex-direction: row;
  align-self: center;
  align-items: stretch;
  display: flex;
}

.badge-coloured {
  z-index: 3;
  color: var(--white);
  background-color: #151515b3;
  border-radius: 12px;
  height: 24px;
  padding: 3px 12px;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  position: relative;
}

.badge-coloured.section-intro-badge {
  background-color: var(--haze);
  color: var(--neutral-800);
  margin-bottom: 12px;
}

.badge-coloured.intro-buy-badge {
  background-color: #5d66fe;
  margin-bottom: 12px;
}

.rich-text-block-for-popup {
  float: none;
  clear: none;
  direction: ltr;
  text-align: left;
  letter-spacing: normal;
  text-indent: 0;
  text-transform: none;
  column-count: auto;
  column-rule-style: none;
  column-rule-width: 6px;
  white-space: normal;
  object-fit: fill;
  flex-flow: row;
  place-content: stretch center;
  align-items: center;
  column-gap: 0;
  width: auto;
  height: auto;
  margin: auto auto 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: block;
  position: static;
  overflow: visible;
}

.burger-icon {
  cursor: pointer;
  display: none;
}

.primary-button {
  color: #fff;
  background-color: #0d1633;
  border-radius: 4px;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 14px 34px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-button:hover {
  color: #0d1633;
  background-color: #54c6d7;
}

.dropdown-list-2.w--open {
  background-color: #fff;
  border-radius: 4px;
  padding-top: 14px;
  padding-bottom: 14px;
  box-shadow: 0 20px 40px #37446f33;
}

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

.logo-icon {
  flex: 1;
  max-width: 180px;
  margin-right: 10px;
}

.buttons-container {
  border-radius: 4px;
  padding-left: 20px;
  display: flex;
}

.dropdown-icon-2 {
  color: #8087a6;
  display: none;
}

.dropdown-toggle-3 {
  padding-right: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.dropdown-toggle-3:hover {
  color: #4e74ff;
}

.dropdown-toggle-3.white {
  color: #fff;
}

.dropdown-toggle-3.white:hover {
  color: #fffc;
}

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

.dropdown-link-2 {
  color: #8087a6;
  padding: 14px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.dropdown-link-2:hover {
  color: #4e74ff;
  background-color: #eff0ff;
}

.dropdown-link-2.w--current {
  color: #4e74ff;
}

.brand {
  color: #37446f;
  align-items: center;
  display: flex;
}

.brand.w--current {
  width: 180px;
}

.navigation {
  -webkit-text-fill-color: inherit;
  background-color: #fff0;
  background-clip: content-box;
  width: 100%;
  height: 80px;
  position: absolute;
}

.section-7 {
  background-color: #fff;
}

.container-12 {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 65%;
  max-height: 100%;
  display: flex;
}

.h1 {
  color: #0d1633;
  text-align: center;
  justify-content: center;
  max-width: 100%;
  margin-top: 100px;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 60px;
  display: flex;
}

.subtitle {
  color: #0d1633;
  text-align: center;
  align-self: center;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 40px;
  font-family: Nunito, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}

.subtitle.subscribehr {
  color: var(--oxford-blue);
  font-size: 24px;
}

.image-11 {
  max-width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.image-13 {
  object-fit: contain;
  width: 80%;
  max-width: 100%;
}

.link-block-2 {
  width: 15%;
  height: 80%;
  display: flex;
}

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

.navigation-2 {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: content-box;
  align-items: flex-start;
  width: 100%;
  height: 80px;
  display: flex;
  position: fixed;
}

.section-8 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  display: inline-block;
}

.container-2 {
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
}

.grid-2 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template: ". . . Area"
  / 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  width: 100%;
}

.image-8 {
  max-width: 90%;
}

.image-7 {
  max-width: 95%;
}

.section-9 {
  width: 100%;
  height: 100%;
  margin-top: 100px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.container-5 {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.heading-2 {
  color: #0d1633;
  text-align: center;
  width: 700px;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 55px;
}

.icon-2 {
  color: var(--oxford-blue);
  margin-left: 10px;
}

.section-6 {
  margin-bottom: 0;
}

.slider-5 {
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
  max-width: 100%;
  height: 100%;
  display: block;
}

.icon {
  color: var(--oxford-blue);
  margin-right: 10px;
  display: flex;
}

.mask-5 {
  width: 100%;
  position: relative;
}

.slide-10 {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.container-11 {
  justify-content: flex-start;
  max-width: 65%;
  display: block;
}

.grid-3 {
  background-color: #fff;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 95%;
  margin-top: 20px;
  display: flex;
}

.container-6 {
  justify-content: center;
  align-items: center;
  max-width: 90%;
  height: 30%;
  margin-bottom: 0;
  display: flex;
}

.pricing-details {
  border-style: solid;
  border-width: 12px 3px 3px;
  border-color: var(--howtoo-viking);
  background-color: var(--white);
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  width: auto;
  max-width: 400px;
  margin-bottom: 30px;
  margin-left: 40px;
  margin-right: auto;
  padding: 30px 20px 40px;
  display: block;
  position: relative;
}

.check-icon-v-2 {
  width: 22px;
  height: 22px;
  margin-top: 2px;
  margin-right: 20px;
}

.body-p {
  text-align: left;
  flex-direction: row;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  overflow: visible;
}

.body-p.color-white {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p.color-white.align-centre {
  text-align: center;
}

.body-p.color-white.fix-width.align-centre._210px {
  text-align: left;
  width: 210px;
  min-width: 210px;
}

.body-p.color-white.fix-width.align-centre._310px {
  text-align: left;
  width: 310px;
  min-width: 310px;
}

.body-p.color-white.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p.color-white.top-margin-90 {
  margin-top: 90px;
}

.body-p.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p.no-margin.blue {
  color: var(--links);
}

.body-p.no-margin.navi {
  color: var(--oxford-blue);
}

.body-p.no-margin.navi.align-right {
  text-align: right;
}

.body-p.learn-more {
  margin-bottom: 8px;
}

.heading-3 {
  color: #0d1633;
  text-align: center;
  margin-bottom: 10px;
  font-family: Nunito, sans-serif;
  font-size: 44px;
  font-weight: 700;
}

.small-feature {
  max-width: 470px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.small-feature.margin-top {
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 0;
}

.section-10 {
  background-color: var(--white);
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.image-9 {
  z-index: 0;
  -webkit-text-fill-color: inherit;
  object-fit: contain;
  background-color: #fff;
  background-clip: padding-box;
  flex: 0 auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #0d1633;
  border-radius: 4px;
  width: 100%;
  margin-top: 28px;
  padding: 14px 60px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.button-2:hover {
  color: #0d1633;
  background-color: #53c6d6;
}

.button-2.demo {
  display: none;
}

.section-11 {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.section-11.dark {
  background-color: var(--howtoo-yellow);
  background-color: #0000;
  padding-top: 40px;
  padding-bottom: 100px;
  display: block;
}

.section-11.hero {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
  background-position: 0 0;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 100px;
  padding-bottom: 120px;
  padding-left: 0;
}

.section-11.dark {
  background-color: var(--white);
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
}

.container {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.title-container {
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  max-width: 770px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.h2 {
  font-weight: 700;
}

.h2.white {
  color: #0d1633;
  width: 700px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 46px;
}

.footer-2 {
  color: #0d1633;
  background-color: #0d1633;
  padding-top: 40px;
  padding-bottom: 40px;
}

.footer-top {
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.footer-grid {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 8fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  display: grid;
}

.logo-icon-2 {
  flex: 1;
  max-width: 180px;
  margin-right: 0;
  display: block;
  position: static;
}

.h1-3 {
  color: #0d1633;
  text-align: center;
  justify-content: center;
  max-width: 85%;
  margin-top: 100px;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 55px;
  display: flex;
}

.video {
  width: 70%;
}

.background-video {
  object-fit: cover;
  width: 100%;
  overflow: hidden;
}

.background-video-2 {
  width: 60%;
  overflow: visible;
}

.grid-4 {
  grid-row-gap: 16px;
}

.background-video-3 {
  object-fit: cover;
  width: 100%;
  overflow: visible;
}

.container-14 {
  justify-content: flex-start;
  max-width: 60%;
  display: flex;
}

.background-video-4 {
  object-fit: cover;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 300px;
  max-width: 50%;
  height: 405px;
  margin-left: 0;
  margin-right: 140px;
  padding-left: 0;
  display: flex;
  overflow: auto;
}

.div-block {
  flex-direction: column;
  order: -1;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  margin-right: 60px;
  display: flex;
}

.heading-4 {
  margin-bottom: 10px;
}

.section-12 {
  background-color: #f7f7f700;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.paragraph-2 {
  margin-bottom: 10px;
  font-family: Nunito, sans-serif;
  font-size: 15px;
}

.background-video-5 {
  object-fit: cover;
  order: 1;
  justify-content: flex-end;
  width: 500px;
  height: 332px;
  margin-left: 20px;
  display: flex;
  overflow: visible;
}

.container-15 {
  flex-direction: row-reverse;
  max-width: 60%;
  display: flex;
}

.div-block-copy {
  flex-direction: column;
  order: -1;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  margin-right: 100px;
  display: flex;
}

.h1-3-copy {
  color: #0d1633;
  text-align: center;
  justify-content: center;
  max-width: 45%;
  margin-top: 100px;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 55px;
  display: flex;
}

.paragraph-copy {
  color: #0d1633;
  width: 100%;
  margin-bottom: 10px;
  margin-right: 60px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.paragraph-3 {
  color: var(--oxford-blue);
  margin-bottom: 10px;
  font-family: Nunito, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.heading-4-copy {
  color: var(--oxford-blue);
  margin-bottom: 20px;
  font-size: 65px;
  font-weight: 400;
}

.section-13 {
  background-color: #fcb01fb5;
  margin-top: 0;
}

.container-16 {
  flex-direction: column;
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

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

.heading-6 {
  text-align: center;
  letter-spacing: 0;
  align-self: center;
  width: 90%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
}

.image-14 {
  max-height: 100%;
  margin-left: 20px;
}

.div-block-2 {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  display: flex;
}

.image-15 {
  align-self: center;
  display: block;
}

.section-14 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.heading-7 {
  color: var(--oxford-blue);
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}

.pricing-details-copy {
  flex-direction: column;
  align-items: flex-start;
  width: 70%;
  margin-bottom: 30px;
  display: flex;
}

.grid-3-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  grid-template: "Area"
  / .5fr .5fr;
  justify-items: center;
  width: 80%;
  margin-top: 0;
}

.container-17 {
  background-color: #fcb024;
  border-radius: 100px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 50%;
  height: 120px;
  max-height: 120px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.section-15 {
  background-color: var(--white);
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 60px;
}

.body {
  color: var(--oxford-blue);
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.body.inter {
  font-family: Inter, sans-serif;
}

.grid-2-copy {
  grid-column-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  width: 100%;
}

.section-14-copy {
  background-color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.body-copy {
  background-color: #f6f6f6;
  margin-top: -1px;
}

.container-12-copy {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
  display: flex;
}

.section-6-copy {
  margin-bottom: 140px;
}

.primary-button-copy {
  color: #fff;
  background-color: #0d1633;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 14px 34px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-button-copy:hover {
  color: #fff;
  background-color: #252d47;
}

.primary-button-copy.demo {
  display: none;
}

.heading-8 {
  color: var(--oxford-blue);
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
}

.section-11-copy.dark-copy {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container-17-copy {
  background-color: #fcb024;
  border-radius: 100px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 70%;
  height: 200px;
  max-height: 200px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.subtitle-copy {
  color: #0d1633;
  text-align: center;
  align-self: center;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 40px;
  font-family: Nunito, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}

.heading-8-copy {
  color: var(--oxford-blue);
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.section-10-copy {
  background-color: var(--white);
  padding-top: 60px;
  padding-bottom: 40px;
}

.image-11-copy {
  max-width: 40%;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.heading-9 {
  overflow: visible;
}

.container-18 {
  max-width: 97%;
  margin-bottom: 20px;
}

.heading-10 {
  color: var(--oxford-blue);
}

.heading-11 {
  color: var(--oxford-blue);
  align-items: center;
  width: 100%;
  min-width: 99%;
  max-width: 99%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
  display: block;
}

.heading-12 {
  width: 80%;
  margin-top: 0;
  margin-bottom: 0;
}

.section-16 {
  object-fit: fill;
  width: 80%;
  min-width: 80%;
  max-width: 80%;
}

.container-19 {
  justify-content: flex-start;
  max-width: 85%;
  display: flex;
}

.container-20 {
  max-width: 1148px;
  padding-left: 24px;
  padding-right: 24px;
}

.section-17 {
  margin-top: 20px;
  margin-bottom: 0;
}

.container-21 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 66px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 48px;
  padding-right: 48px;
  display: block;
  box-shadow: 1px 1px 10px #0000000d;
}

.brand-2 {
  align-items: center;
  height: 100%;
  margin-right: 0;
  display: flex;
}

.nav-mobile-logo {
  width: 158px;
  min-width: 131px;
  height: 36px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: none;
}

.nav-menu-2 {
  order: 0;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.button-copy {
  color: #0d1633;
  background-color: #fff;
  border: 2px solid #0d1633;
  border-radius: 4px;
  align-items: center;
  height: 44px;
  margin-top: 0;
  margin-left: 16px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  transition: background-color .3s, border-color .3s, color .3s;
  display: flex;
}

.button-copy:hover {
  color: #0d1633;
  background-color: #fcb024;
  border-color: #fcb024;
}

.button-3 {
  color: #fff;
  background-color: #0d1633;
  border-radius: 4px;
  align-items: center;
  height: 42px;
  margin-top: 0;
  margin-left: 16px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  transition: background-color .3s, color .3s;
  display: flex;
}

.button-3:hover {
  color: #0d1633;
  background-color: #fcb024;
  font-weight: 700;
}

.footer-middle {
  grid-column-gap: 49px;
  object-fit: fill;
  border: 0 #000;
  grid-template-rows: auto;
  grid-template-columns: 100px 100px 100px 100px;
  grid-auto-flow: row;
  place-content: stretch end;
  place-items: start stretch;
  padding-top: 20px;
  padding-bottom: 60px;
  position: static;
  overflow: visible;
}

.footer-column-title {
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 16px;
  font-size: 21px;
  font-weight: 600;
  line-height: 20px;
}

.footer-link-item {
  margin-bottom: 14px;
}

.footer-column-links-container {
  text-align: left;
  justify-content: flex-start;
  display: flex;
}

.nav-link-6 {
  color: #fff;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  text-decoration: none;
  transition: color .3s;
}

.nav-link-6:hover {
  color: #989898;
}

.nav-link-6.w--current {
  font-size: 13px;
}

.nav-link-6.smaller {
  font-size: 15px;
}

.footer-links-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

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

.footer {
  background-color: #0d1633;
  border: 1px #000;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}

.header-navigation {
  color: #000;
  border-top: 1px solid #cfd0d666;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.footer-bottom-2 {
  color: #ccc;
  text-align: center;
  border-top: 0 solid #575757;
  padding-top: 50px;
  padding-bottom: 32px;
}

.container-default {
  background-color: #0000;
  max-width: 1244px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 24px 0;
}

.footer-link {
  color: #fff;
  text-decoration: none;
}

.footer-link:hover {
  color: #989898;
}

.footer-link.social-media {
  align-items: center;
  display: flex;
}

.nav-item-wrapper {
  margin-right: 40px;
}

.nav-button {
  opacity: 1;
  color: #fff;
  background-color: #0d1633;
  border-radius: 4px;
  align-items: center;
  min-width: 124px;
  height: 42px;
  margin-top: 0;
  margin-left: 0;
  padding: 10px 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  transition: opacity .3s;
  display: flex;
}

.nav-button:hover {
  opacity: .5;
}

.lightbox-link-2 {
  z-index: 1;
  background-color: #0000;
  width: 149px;
  height: 42px;
  display: flex;
  position: relative;
  top: -42px;
  left: 175px;
  overflow: visible;
}

.flex-container {
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: 80%;
  display: flex;
}

.lp_button_navi {
  color: #fff;
  text-align: center;
  background-color: #0d1633;
  border: 1px solid #000;
  border-radius: 4px;
  align-items: center;
  width: 210px;
  height: 56px;
  margin-top: 0;
  margin-right: 10px;
  padding: 0 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  transition: background-color .3s, color .3s;
  display: inline-block;
}

.lp_button_navi:hover {
  color: #0d1633;
  background-color: #fcb024;
  font-weight: 700;
}

.lp_button_navi.onboarding {
  margin-left: auto;
  margin-right: auto;
}

.hero-image-mask {
  width: 100%;
  margin-left: 40px;
}

.hero {
  background-color: #0000;
  align-items: center;
  height: auto;
  padding-top: 100px;
  padding-bottom: 0;
  display: block;
}

.button-copy-copy {
  color: #0d1633;
  background-color: #0000;
  border: 2px solid #0d1633;
  border-radius: 4px;
  align-items: center;
  height: 42px;
  margin-top: 0;
  margin-left: 20px;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  transition: background-color .3s, color .3s;
  display: inline-block;
  position: static;
}

.button-copy-copy:hover {
  color: #0d1633;
  background-color: #fcb024;
  font-weight: 700;
}

.hero-image {
  object-fit: cover;
  object-position: 50% 50%;
  flex: 0 .5 auto;
  width: 100%;
  height: 100%;
}

.subtitle-2 {
  color: var(--navi-body);
  text-align: center;
  align-self: flex-start;
  width: 564px;
  min-width: 0;
  margin: 40px auto 30px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}

.h1-4 {
  color: var(--neutral-800);
  text-align: center;
  justify-content: center;
  align-self: flex-start;
  width: 912px;
  max-width: 100%;
  margin: 0 auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 72px;
  font-weight: 900;
  line-height: 80px;
  display: flex;
}

.paragraph-4 {
  color: var(--navi-body);
  text-align: left;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 28px;
  display: flex;
}

.section-18 {
  background-color: #fff;
  border-top: 4px #000;
  padding-top: 60px;
  padding-bottom: 40px;
}

.pricing-details-2 {
  border-style: solid;
  border-width: 12px 3px 3px;
  border-color: var(--howtoo-yellow);
  background-image: linear-gradient(#fff, #fff);
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  width: 35%;
  min-width: 50%;
  margin-bottom: 30px;
  padding: 30px 20px 40px;
  font-family: Nunito Sans, sans-serif;
  display: flex;
  position: relative;
  left: auto;
  box-shadow: 1px 1px 16px #00000059;
}

.container-22 {
  justify-content: center;
  align-items: center;
  max-width: 65%;
  height: 30%;
  margin-top: 40px;
  margin-bottom: 0;
  display: flex;
}

.heading-13 {
  color: #0d1633;
  text-align: center;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 46px;
}

.grid-5 {
  background-color: #fff;
  grid-template-rows: auto minmax(auto, 1fr);
  grid-template-columns: .75fr .75fr;
  width: 95%;
  margin-top: 40px;
  display: flex;
}

.button-5 {
  color: #fff;
  text-align: center;
  background-color: #0d1633;
  border-radius: 4px;
  width: 100%;
  margin-top: 28px;
  padding: 14px 40px;
  font-size: 18px;
  font-weight: 700;
}

.button-5:hover {
  color: #0d1633;
  background-color: #53c6d6;
}

.section-19 {
  width: 100%;
  height: 100%;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.heading-14 {
  color: #0d1633;
  text-align: left;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 46px;
}

.primary-button-2 {
  color: #fff;
  background-color: #0d1633;
  border-radius: 4px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 60%;
  padding: 14px 34px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.primary-button-2:hover {
  color: #fff;
  background-color: #6e7385;
}

.footer-link-2 {
  color: #fff;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  transition: opacity .3s;
}

.footer-link-2:hover {
  opacity: .6;
}

.footer-column-title-2 {
  color: #fff9;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 16px;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 20px;
}

.container-23 {
  background-color: #fff;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 66px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 48px;
  padding-right: 48px;
  box-shadow: 1px 1px 10px #0000000d;
}

.brand-3 {
  align-items: center;
  height: 64px;
  margin-right: 24px;
  display: flex;
}

.image-17 {
  float: none;
  max-width: 145px;
  max-height: 36px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  display: inline-block;
  position: static;
}

.nav-menu-3 {
  align-items: center;
  height: 100%;
  display: flex;
}

.button-copy-3 {
  color: #0d1633;
  background-color: #fff;
  border: 2px solid #0d1633;
  border-radius: 4px;
  align-items: center;
  height: 44px;
  margin-top: 0;
  margin-left: 16px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.button-copy-3:hover {
  color: #6e7385;
  border-color: #6e7385;
}

.button-6 {
  background-color: #0d1633;
  border-radius: 4px;
  align-items: center;
  height: 44px;
  margin-top: 0;
  margin-left: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.button-6:hover {
  background-color: #6e7385;
}

.submit-button-2 {
  background-color: #0d1633;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 80%;
  min-width: 80%;
  height: 56px;
  margin-left: auto;
  margin-right: auto;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.submit-button-2:hover {
  background-color: #6e7385;
}

.contact-form-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 81%;
  margin-top: 0;
  margin-bottom: 20px;
  display: grid;
}

.small-container {
  flex-direction: column;
  align-items: flex-start;
  width: 600px;
  display: flex;
}

.small-container.hero {
  align-items: flex-start;
  max-width: 420px;
  padding-top: 0;
  padding-bottom: 0;
}

.h1-5 {
  line-height: 68px;
}

.text-field-2 {
  color: #6e7385;
  border: 2px solid #cfd0d6;
  border-radius: 2px;
  width: 81%;
  height: 50px;
  margin-bottom: 20px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 17px;
  transition: opacity .2s;
}

.text-field-2:active {
  border-color: #0d1633;
}

.text-field-2:focus {
  color: #0d1633;
  border-color: #0d1633;
}

.select-field {
  color: #0d1633;
  background-color: #fff;
  border: 2px solid #cfd0d6;
  border-radius: 2px;
  width: 81%;
  height: 50px;
  margin-bottom: 32px;
  font-size: 17px;
}

.text-field-2-copy {
  color: #6e7385;
  border: 2px solid #cfd0d6;
  border-radius: 2px;
  width: 30px;
  height: 50px;
  margin-bottom: 20px;
  margin-left: 0;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 17px;
  transition: opacity .2s;
  display: block;
}

.text-field-2-copy:active {
  color: #fff0;
  border-color: #0d1633;
}

.form-block-2 {
  width: 472px;
  min-width: auto;
  max-width: none;
  height: 459px;
  margin-bottom: 0;
  margin-left: 220px;
  display: none;
}

.container-24 {
  justify-content: center;
  align-items: center;
  width: 90%;
  min-width: 90%;
  max-width: 90%;
  margin: 0 60px 60px;
  padding-bottom: 220px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.checkbox-label-2 {
  color: #0d1633;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 17px;
}

.field-label {
  color: #0d1633;
  letter-spacing: 0;
  text-transform: none;
  width: auto;
  margin-bottom: 4px;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.subtitle-3 {
  color: #0d1633;
  margin-top: 36px;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 27px;
}

.checkbox-field-2 {
  width: 81%;
  margin-bottom: 32px;
}

.growth-video-form {
  background-color: #fff;
  background-image: linear-gradient(135deg, #bbe8ef, #f8b5cf 64%, #fedfa7);
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  width: 478px;
  min-width: 478px;
  max-width: 478px;
  height: 426px;
  margin-left: 0;
  padding: 3px;
  display: none;
  box-shadow: 1px 1px 9px #37446f2e;
}

.two-col-grid {
  grid-column-gap: 60px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 90%;
  min-width: 90%;
  max-width: 90%;
  display: grid;
}

.two-col-grid.max-width {
  grid-column-gap: 0px;
  grid-column-gap: 20px;
  grid-column-gap: 40px;
  grid-column-gap: 0px;
  grid-column-gap: 40px;
  grid-column-gap: 40px;
  grid-column-gap: 0px;
  grid-template-columns: minmax(max-content, 1fr) minmax(max-content, .25fr);
  grid-auto-flow: row;
  justify-content: center;
  place-items: start center;
  width: 80%;
  min-width: 80%;
  max-width: 80%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.footer-link-3 {
  color: #fff;
  text-decoration: none;
}

.footer-link-3:hover {
  color: #989898;
}

.footer-link-4 {
  color: #fff;
  text-decoration: none;
}

.footer-link-4:hover {
  color: #989898;
}

.text-field-2-copy-2 {
  color: #6e7385;
  border: 2px solid #cfd0d6;
  border-radius: 2px;
  height: 50px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 17px;
  transition: opacity .2s;
  display: block;
}

.text-field-2-copy-2:active {
  color: #fff0;
  border-color: #0d1633;
}

.subtitle-4 {
  color: #0d1633;
  text-align: left;
  margin-bottom: 30px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.grid-6 {
  grid-template-rows: auto;
}

.nav-link-7 {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  transition: color .3s;
}

.nav-link-7:hover {
  color: #989898;
}

.nav-link-7.w--current {
  font-size: 13px;
}

.footer-link-5 {
  color: #fff;
  text-decoration: none;
}

.footer-link-5:hover {
  color: #989898;
}

.checkbox-label-3 {
  letter-spacing: 0;
  text-transform: none;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.text-block-7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  line-height: 46px;
  display: inline-block;
}

.success-message {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.form-2-copy, .form-2-copy-copy {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 80px 60px;
  display: flex;
  overflow: hidden;
  box-shadow: 1px 1px 9px #37446f2e;
}

.h2-copy {
  color: var(--oxford-blue);
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
}

.h2-copy.white {
  color: #0d1633;
  width: 700px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 46px;
}

.success-message-2 {
  background-color: #fff;
  border-radius: 10px;
  padding-bottom: 100px;
  box-shadow: 1px 1px 30px #0025641a;
}

.creator-video-form {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 80px 60px;
  display: flex;
  box-shadow: 1px 1px 9px #37446f2e;
}

.section-11-copy {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.section-11-copy.dark {
  background-color: var(--howtoo-yellow);
  background-color: #fcb01f;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-11-copy.hero {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
  background-position: 0 0;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 100px;
  padding-bottom: 120px;
  padding-left: 0;
}

.section-11-copy.hero-copy {
  background-color: var(--oxford-blue);
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
  background-position: 50%;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 80px;
  padding-bottom: 120px;
  padding-left: 0;
  display: none;
}

.section-11-copy.hero-copy-copy {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
  background-position: 0 0;
  background-size: cover;
  background-clip: padding-box;
  background-color: var(--oxford-blue);
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9ec00e84619_Frame%205366-min.png");
  background-position: 50%;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 80px;
  padding-bottom: 120px;
  padding-left: 0;
}

.creator {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 80px 60px;
  display: flex;
  box-shadow: 1px 1px 9px #37446f2e;
}

.html-embed {
  width: 100%;
  margin-bottom: 0;
}

.creator-bg {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.creator-bg.dark {
  background-color: var(--howtoo-yellow);
  background-color: #fcb01f;
  padding-top: 100px;
  padding-bottom: 100px;
}

.creator-bg.hero {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
  background-position: 0 0;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 100px;
  padding-bottom: 120px;
  padding-left: 0;
}

.creator-bg.hero-copy {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
  background-position: 0 0;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 40px;
  padding-bottom: 300px;
  padding-left: 0;
}

.ceator-form {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 80px 60px;
  display: flex;
  box-shadow: 1px 1px 9px #37446f2e;
}

.creator-form-html {
  margin-bottom: 0;
}

.h2-copy {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 400;
  line-height: 54px;
}

.h2-copy.white {
  color: #0d1633;
  width: 700px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 46px;
}

.section-11-copy-copy.dark {
  background-color: var(--howtoo-yellow);
  background-color: #fcb01f;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-11-copy-copy.hero-copy {
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 100px;
  padding-bottom: 120px;
  padding-left: 0;
}

.two-col-grid-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: grid;
}

.two-col-grid-copy.max-width {
  grid-column-gap: 0px;
  grid-column-gap: 20px;
  grid-column-gap: 40px;
  grid-column-gap: 0px;
  grid-column-gap: 40px;
  grid-template-columns: minmax(max-content, .75fr);
  justify-content: center;
  place-items: start center;
  width: 80%;
}

.h3 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
}

.h3.white {
  color: #0d1633;
  width: 700px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 46px;
}

.text-field-2-copy-3 {
  color: #6e7385;
  border: 2px solid #cfd0d6;
  border-radius: 2px;
  height: 50px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 17px;
  transition: opacity .2s;
  display: block;
}

.text-field-2-copy-3:active {
  color: #fff0;
  border-color: #0d1633;
}

.submit-button-3 {
  background-color: #0d1633;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 81%;
  height: 56px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.submit-button-3:hover {
  background-color: #6e7385;
}

.h1-6 {
  color: #0d1633;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 58px;
  font-weight: 300;
  line-height: 68px;
}

.container-25 {
  justify-content: center;
  align-items: center;
  width: 80%;
  min-width: 80%;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.checkbox-label-4 {
  color: #0d1633;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 13px;
  line-height: 17px;
}

.field-label-2 {
  color: #0d1633;
  width: 81%;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}

.subtitle-5 {
  color: #0d1633;
  margin-top: 36px;
  margin-bottom: 30px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.form-2 {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 80px 55px;
  display: flex;
  box-shadow: 1px 1px 9px #37446f2e;
}

.image-18 {
  background-color: #0000;
}

.lightbox-link-3 {
  float: none;
  clear: none;
  background-color: #3a42ff61;
  position: relative;
  top: auto;
  left: auto;
}

.h1-7 {
  color: #0d1633;
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 68px;
  display: block;
  position: relative;
}

.container-26 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.mask {
  padding-top: 0;
  overflow: visible;
}

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

.text-center.left-mobile {
  background-color: #0000;
}

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

.grid-1-column.card-tables {
  grid-row-gap: 0px;
}

.button-secondary-2 {
  color: #080808;
  text-align: center;
  background-color: #0000;
  border: 1px solid #080808;
  border-radius: 80px;
  justify-content: center;
  padding: 19px 48px 20px;
  line-height: 19px;
  transition: transform .3s, color .3s, background-color .3s;
}

.button-secondary-2:hover {
  color: #fff;
  background-color: #0b6dff;
  border-color: #0b6dff;
  transform: translate(0, -2px);
}

.button-secondary-2.button-white {
  color: #fff;
  background-color: #0000;
  border-width: 2px;
  border-color: #fff;
  border-radius: 4px;
  height: 44px;
  margin-bottom: 20px;
  padding: 10px 20px;
  font-weight: 700;
  transition: border-color .3s, transform .3s, color .3s, background-color .3s;
}

.button-secondary-2.button-white:hover {
  color: #0d1633;
  background-color: #fcb024;
  border: 2px solid #fcb024;
}

.button-secondary-2.button-white {
  background-color: var(--oxford-blue);
  color: var(--white);
  border-color: #fff;
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
  line-height: 18px;
}

.button-secondary-2.small {
  padding: 14px 24px;
  font-size: 16px;
  line-height: 18px;
}

.button-secondary-2.large {
  padding: 24px 56px 25px;
  font-size: 20px;
  line-height: 22px;
}

.button-secondary-2.button-white {
  color: #fff;
  border-color: #fff;
}

.button-secondary-2.button-white:hover {
  border-color: #0b6dff;
}

.slider-3 {
  height: 700px;
  overflow: visible;
}

.container-inner-1030px {
  max-width: 1030px;
  margin-left: auto;
  margin-right: auto;
}

.careers---page-wrapper {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.footer-column-title-3 {
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 16px;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 20px;
}

.color-white-4 {
  color: #fff;
  font-family: Nunito Sans, sans-serif;
  font-size: 72px;
  font-weight: 300;
}

.card-table-wrapper {
  border-bottom: 1px solid #ccc;
}

.slide-2 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c91b2be84589__DSC1233.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  height: 700px;
  padding-top: 160px;
}

.slide-3 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c90c9ae84590__DSC1253.jpg");
  background-position: 50% 65%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 160px;
}

.button-row {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1px;
  padding-bottom: 1px;
  display: flex;
}

.button-row.center {
  justify-content: center;
}

.paragraph-dark-4 {
  color: #fff;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
}

.section-20 {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section-20.bg-neutral-100.mg-top-and-bottom-section-white {
  border: 1px #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 100px;
}

.section-20.bg-neutral-100.contact-v2-section-2 {
  background-color: var(--oxford-blue);
  padding-top: 220px;
}

.section-20.bg-neutral-100.mg-bottom-section-white {
  margin-bottom: 56px;
}

.section-20.before-header {
  padding-top: 200px;
}

.section-20.before-header.bg-neutral-800 {
  background-image: linear-gradient(#02040999, #02040999), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c973dae84546_iStock-1066998508.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  padding-top: 140px;
  padding-bottom: 140px;
}

.section-20.before-header.bg-neutral-800.blog-post-hero {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c973dae84546_iStock-1066998508.jpg"), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c973dae84546_iStock-1066998508.jpg");
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-attachment: fixed, scroll;
  background-color: var(--navi-body);
  background-image: none;
  padding-top: 0;
  padding-bottom: 0;
}

.section-20.before-header.contact-v2 {
  padding-bottom: 0;
}

.section-20.before-header.bg-neutral-100.home-v2-hero {
  background-color: #0000;
  padding-bottom: 0;
}

.section-20.short {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section-20.short.bg-neutral-100.mg-top-48px {
  margin-top: 0;
}

.section-20.medium {
  padding-top: 60px;
  padding-bottom: 140px;
}

.section-20.offices-contact-v2 {
  padding-bottom: 0;
}

.section-20._2-bg-container {
  position: relative;
}

.section-20.dark-section-contained {
  padding-top: 0;
  padding-bottom: 0;
}

.section-20.cta-v2 {
  background-color: #080808;
}

.section-20.logos-strip-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.button-copy-4 {
  color: #0d1633;
  background-color: #fff;
  border: 2px solid #0d1633;
  border-radius: 4px;
  align-items: center;
  height: 44px;
  margin-top: 0;
  margin-left: 16px;
  padding: 10px 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  transition: background-color .3s, border-color .3s, color .3s;
  display: flex;
}

.button-copy-4:hover {
  color: #0d1633;
  background-color: #fcb024;
  border-color: #fcb024;
}

.nav-link-8 {
  color: #fff;
  font-family: Nunito, sans-serif;
  font-size: 13px;
  text-decoration: none;
  transition: color .3s;
}

.nav-link-8:hover {
  color: #989898;
}

.nav-link-8.w--current {
  font-size: 13px;
}

.mg-top-48px {
  margin-top: 48px;
  display: none;
}

.slide-7 {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9348ae8458c__DSC1222.jpg");
  background-position: 50%;
  background-size: cover;
  padding-top: 160px;
}

.slide-5 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c98267e8458f__DSC1202.jpg");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  padding-top: 160px;
}

.footer-link-6 {
  color: #fff;
  font-family: Nunito Sans, sans-serif;
  text-decoration: none;
}

.footer-link-6:hover {
  color: #989898;
}

.top-content {
  grid-template-rows: auto;
  grid-template-columns: 1fr .4fr;
  align-items: center;
  margin-bottom: 48px;
}

.top-content._1-4fr---0-6fr {
  grid-column-gap: 150px;
  grid-template-columns: 1.4fr .6fr;
  margin-bottom: 20px;
}

.top-content._1-4fr---0-6fr.mg-bottom-24px {
  margin-bottom: 24px;
}

.top-content.text {
  grid-column-gap: 70px;
  grid-column-gap: 70px;
  grid-template-columns: 1fr .8fr;
  align-items: end;
  margin-bottom: 20px;
}

.top-content._1-4fr---0-6fr {
  grid-column-gap: 150px;
  grid-template-columns: 1.4fr .6fr;
}

.container-inner-660px {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

.button-7 {
  color: #fff;
  background-color: #0d1633;
  border-radius: 4px;
  align-items: center;
  height: 42px;
  margin-top: 0;
  margin-left: 16px;
  padding: 10px 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  transition: background-color .3s, color .3s;
  display: flex;
}

.button-7:hover {
  color: #0d1633;
  background-color: #fcb024;
  font-weight: 700;
}

.mg-bottom-0 {
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.empty-state-2 {
  color: #fff;
  text-align: center;
  background-color: #2b2b2b;
  padding: 30px 24px;
}

.career-content {
  border-bottom: 1px solid #ccc;
  margin-bottom: 80px;
  padding-bottom: 80px;
}

.career-content.last {
  margin-bottom: 0;
}

.post-details-wrapper {
  border-top: 1px solid #575757;
  margin-top: 86px;
  padding-top: 56px;
}

.icon-font.arrow-button {
  margin-left: 6px;
  font-family: Icon font;
  font-size: 10px;
  line-height: 13px;
  display: inline-block;
  position: relative;
  top: -1px;
}

.icon-font.arrow-button.large {
  margin-left: 10px;
  font-size: 12px;
}

.icon-font.external-arrow.big-link {
  margin-left: 26px;
  font-size: 20px;
}

.icon-font.chevron-dropdown {
  margin-left: 7px;
  font-size: 7px;
  line-height: 5px;
}

.icon-font.arrow-link-icon {
  margin-left: 10px;
  font-size: 10px;
  line-height: 12px;
  display: inline-block;
  position: relative;
  top: -1px;
}

.icon-font.social-media-footer {
  justify-content: center;
  align-items: center;
  width: 20px;
  margin-right: 18px;
  display: flex;
}

.icon-font.social-media-footer.youtube {
  font-size: 18px;
}

.icon-font.faq-arrow {
  font-family: Font awesome, sans-serif;
  font-size: 18px;
}

.button-primary {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
  position: relative;
}

.button-primary:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.button-primary:active {
  background-color: var(--navi-6);
}

.button-primary.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-primary.mg-top-32px {
  margin-top: 32px;
}

.button-primary.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-primary.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.button-primary.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.button-primary.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-primary.button-white {
  color: var(--oxford-blue);
  background-color: #fff;
}

.button-primary.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-primary.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.button-primary.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.button-primary.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-primary.yellow:hover {
  background-color: #ffc53d;
}

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

.button-primary.yellow.demo {
  display: none;
}

.button-primary.yellow._1line {
  padding-left: 0;
  padding-right: 0;
}

.button-primary.yellow.ai-bookdemo, .button-primary.yellow.pricing {
  display: none;
}

.button-primary.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.button-primary.cyan:hover {
  background-color: #7ddae3;
}

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

.button-primary.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.button-primary.navbar:hover {
  transform: none;
}

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

.color-white.align-centre {
  text-align: left;
  justify-content: center;
  align-self: center;
  display: inline-block;
}

.color-white.text-center {
  text-align: left;
  font-size: 17px;
}

.color-white.align-centre-2.body_small {
  color: var(--haze);
  display: block;
}

.color-white.align-centre-2.quote-name {
  margin-bottom: 8px;
}

.color-white.left-icons {
  padding-left: 0;
  list-style-type: none;
}

.grid-2-columns {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.paragraph-dark {
  color: #ccc;
  font-weight: 400;
}

.rich-text {
  color: var(--navi-body);
}

.rich-text.top-margin-30 {
  margin-top: 30px;
}

.post-detail {
  color: #fff;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 400;
}

.display-2 {
  font-size: 30px;
  line-height: 32px;
}

.grid-4-columns {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-4-columns.blog-post-details {
  grid-template-columns: auto auto auto auto;
}

.grid-4-columns.card-table {
  grid-template-columns: 450px 1fr 1fr .4fr;
  justify-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
}

.detail-title {
  color: var(--white);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Nunito Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
}

.heading-size-h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.heading-size-h4.card-table-heading {
  color: var(--oxford-blue);
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 600;
}

.card-table {
  width: 100%;
  padding-top: 36px;
  padding-bottom: 36px;
  text-decoration: none;
  transition: color .3s;
}

.arrow-link-circle-icon {
  font-family: Font awesome, sans-serif;
}

.card-table-title {
  width: 100%;
  max-width: 490px;
}

.card-table-detail-title {
  color: #575757;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: Nunito Sans, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

.card-table-detail {
  color: var(--oxford-blue);
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.arrow-link-circle {
  color: #fff;
  background-color: #080808;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  font-size: 22px;
  line-height: 24px;
  display: flex;
}

.arrow-link-circle._56px {
  background-color: #0d1633;
  width: 56px;
  height: 56px;
  font-size: 18px;
  line-height: 20px;
}

.arrow-link-circle.slide {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  transform-style: preserve-3d;
  background-color: #0d163380;
  margin-left: 40px;
  margin-right: 40px;
  transition: transform .3s, background-color .3s;
}

.arrow-link-circle.slide:hover {
  background-color: var(--howtoo-yellow);
  transform: scale3d(.94, .94, 1.01);
}

.arrow-link-circle.slider-icon {
  z-index: 1;
  transform-style: preserve-3d;
  transition: background-color .3s, transform .3s;
}

.arrow-link-circle.slider-icon:hover {
  background-color: #0b6dff;
  transform: scale3d(.9, .9, 1.01);
}

.arrow-link-circle.slider-icon.right {
  inset: -20% 0% auto auto;
}

.arrow-link-circle.slider-icon.right.icon-cards {
  top: -23%;
}

.arrow-link-circle.slider-icon.left {
  inset: -20% 84px auto auto;
}

.arrow-link-circle.slider-icon.left.icon-cards {
  top: -23%;
}

.arrow-link-circle._56px {
  width: 56px;
  height: 56px;
  font-size: 18px;
  line-height: 20px;
}

.image-19 {
  width: auto;
  max-width: 100%;
}

.lightbox-link-4 {
  width: auto;
}

.heading-15 {
  color: var(--oxford-blue);
  text-align: center;
  margin-top: -80px;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.banner-text {
  flex: 1;
  min-width: 400px;
}

.image-20 {
  margin-left: auto;
  margin-right: auto;
  font-family: Nunito Sans, sans-serif;
  font-weight: 600;
  display: block;
}

.slide-nav {
  color: #0000;
}

.div-block-4 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.list-item-2 {
  padding-top: 0;
  padding-bottom: 0;
}

.list {
  text-align: left;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  list-style-type: disc;
  position: relative;
  left: 40px;
}

.container-27 {
  flex: 1;
  max-width: 100%;
  display: block;
}

.container-28 {
  align-items: center;
  max-width: 65%;
  display: flex;
}

.section-21 {
  display: none;
  overflow: visible;
}

.container-29 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.title-container-2 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 770px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.primary-button-3 {
  color: #fff;
  background-color: #0d1633;
  border-radius: 4px;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 34px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .3s;
  display: inline-block;
}

.primary-button-3:hover {
  opacity: .6;
}

.section-22 {
  padding-top: 40px;
}

.section-23 {
  margin-top: 60px;
  margin-bottom: 40px;
}

.container-30 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-2 Area"
  / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: stretch;
  max-width: 50%;
  display: grid;
}

.div-block-5 {
  max-width: 80%;
}

.grid-7 {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  justify-items: stretch;
  max-width: 80%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.section-24 {
  padding-top: 60px;
  padding-bottom: 40px;
  display: block;
}

.heading-16 {
  color: var(--oxford-blue);
  margin-top: 8px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.paragraph-5 {
  color: var(--oxford-blue);
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
}

.paragraph-6 {
  color: var(--oxford-blue);
  text-align: center;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.columns-4 {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.heading-17 {
  font-size: 36px;
  font-weight: 400;
  line-height: 46px;
}

.paragraph-7 {
  font-weight: 400;
}

.paragraph-8 {
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
}

.paragraph-9 {
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.section-25 {
  padding-top: 60px;
}

.paragraph-10 {
  color: var(--oxford-blue);
  text-align: center;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
}

.container-31 {
  background-color: var(--howtoo-yellow);
  max-width: 100%;
  margin-top: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-6 {
  border-style: solid;
  border-width: 12px 3px 3px;
  border-color: var(--howtoo-yellow);
  border-radius: 8px;
  padding: 40px 20px 30px;
}

.grid-7-laptop {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  justify-items: stretch;
  max-width: 80%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.grid-7-laptop-copy {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  justify-items: stretch;
  max-width: 80%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.pricing-details-2-copy {
  border-style: solid;
  border-width: 12px 3px 3px;
  border-color: var(--howtoo-viking);
  background-image: linear-gradient(#fff, #fff);
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  width: 35%;
  min-width: 50%;
  margin-bottom: 30px;
  padding: 30px 20px 40px;
  font-family: Nunito Sans, sans-serif;
  display: flex;
  position: relative;
  left: auto;
  box-shadow: 1px 1px 16px #00000059;
}

.div-block-6-copy {
  border-style: solid;
  border-width: 12px 3px 3px;
  border-color: var(--howtoo-viking);
  border-radius: 8px;
  padding: 40px 20px 30px;
}

.footer-holder {
  background-color: var(--oxford-blue);
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.hero-2 {
  background-color: #fff;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
}

.flex-container-2 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: 70%;
  display: flex;
}

.hero-image-mask-2 {
  width: 100%;
  margin-left: 40px;
}

.hero-image-2 {
  object-fit: cover;
  object-position: 50% 50%;
  flex: 0 .5 auto;
  width: 100%;
  height: 100%;
}

.div-block-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-right: 0;
  display: flex;
}

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

.heading-19 {
  color: var(--oxford-blue);
  text-align: center;
  margin-bottom: 20px;
  font-weight: 400;
}

.video-2 {
  object-fit: contain;
  width: 500px;
  min-width: 500px;
  max-width: 500px;
  height: 250px;
  min-height: 250px;
  max-height: 250px;
  margin-bottom: 60px;
  margin-left: 0;
  margin-right: 0;
}

.heading-20 {
  text-align: left;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}

.paragraph-11 {
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 30px;
}

.grid-8 {
  grid-column-gap: 32px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
  min-width: 100%;
  max-width: 100%;
  margin-top: 0;
}

.container-32 {
  background-color: #fcb024;
  max-width: 100%;
}

.section-26 {
  width: 100%;
}

.hero-2-copy {
  background-color: #fcb024;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.heading-20 {
  text-align: center;
  margin-bottom: 0;
}

.paragraph-4-copy {
  color: #0d1633;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 28px;
  display: flex;
}

.p-button {
  color: #fff;
  text-align: center;
  background-color: #0d1633;
  border-radius: 4px;
  width: 210px;
  height: 56px;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 0 40px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  display: block;
}

.p-button:hover {
  color: #fff;
  background-color: #6e7385;
}

.p-button.spacing_centre {
  margin-left: auto;
  margin-right: auto;
}

.heading-20-copy {
  text-align: left;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}

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

.div-block-8 {
  width: 100%;
}

.container-34 {
  max-width: 50%;
}

.div-block-9 {
  margin-bottom: 40px;
}

.div-block-10 {
  width: 35%;
  min-width: 35%;
  margin-bottom: 24px;
}

.heading-21 {
  font-size: 16px;
}

.paragraph-4-copy-copy {
  color: #0d1633;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 20px;
  line-height: 28px;
  display: flex;
}

.image-22, .image-23 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-24 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-25 {
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-26, .image-27 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.slide-nav-2 {
  position: absolute;
}

.section-11-copy-copy {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.section-11-copy-copy.dark {
  background-color: var(--howtoo-yellow);
  background-color: #fcb01f;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-11-copy-copy.hero {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
  background-position: 0 0;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 100px;
  padding-bottom: 120px;
  padding-left: 0;
}

.section-11-copy-copy.hero-copy {
  background-color: var(--oxford-blue);
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9ec00e84619_Frame%205366-min.png");
  background-position: 50%;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 80px;
  padding-bottom: 120px;
  padding-left: 0;
}

.section-11-copy-copy.hero-copy-copy {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
  background-position: 0 0;
  background-size: cover;
  background-clip: padding-box;
  background-color: var(--oxford-blue);
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/626731efdf725d7a96768b3a_Frame%205419-min.png");
  background-position: 50%;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 80px;
  padding-bottom: 120px;
  padding-left: 0;
  display: none;
}

.page-wrapper-2-copy {
  background-color: #fff;
}

.section-27 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c97ec6e84545_iStock-1139897347.jpg");
  background-position: 0 0;
  background-size: cover;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  padding: 140px 0;
  display: block;
}

.container-35 {
  max-width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-11 {
  max-width: 40%;
  margin-top: 100px;
  margin-left: 100px;
  display: block;
}

.div-block-12 {
  background-color: #0d1633f2;
  max-width: 500px;
  margin-left: 0;
  padding: 60px;
}

.heading-22 {
  color: var(--white);
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
}

.paragraph-12 {
  color: var(--white);
  font-family: Nunito, sans-serif;
  font-size: 17px;
}

.section-28 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9a45ae84532_iStock-964951952.jpg");
  background-position: 0 0;
  background-size: cover;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 140px 0;
  display: block;
}

.div-block-13 {
  background-color: #0d1633f2;
  max-width: 520px;
  margin-left: auto;
  margin-right: 0;
  padding: 60px;
}

.bold-text {
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
}

.div-block-14 {
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.section-29 {
  padding: 140px 0;
}

.div-block-15 {
  flex: 0 auto;
  order: 0;
  align-self: auto;
  max-width: 60%;
  margin-left: auto;
  margin-right: 0;
}

.heading-23 {
  font-size: 36px;
  font-weight: 400;
  line-height: 46px;
}

.section-30 {
  background-color: var(--oxford-blue);
  align-items: center;
  padding: 140px 0;
  display: flex;
}

.container-36 {
  display: block;
}

.div-block-16 {
  max-width: 50%;
  margin-left: 0;
  margin-right: 0;
}

.div-block-17 {
  background-image: linear-gradient(#fcb024, #fcb024);
  max-width: 40%;
  margin-left: auto;
  padding: 40px;
}

.image-28 {
  object-fit: contain;
  position: static;
}

.paragraph-13 {
  color: var(--oxford-blue);
  font-size: 36px;
  line-height: 46px;
}

.heading-24 {
  color: var(--oxford-blue);
  font-size: 72px;
  font-weight: 700;
  line-height: 98px;
}

.section-31 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c923c0e84544_Group%201619-1%201.jpg");
  background-position: 0 0;
  background-size: auto;
  padding: 140px 0;
}

.paragraph-14 {
  font-family: Nunito, sans-serif;
  font-size: 17px;
}

.section-32 {
  background-color: var(--oxford-blue);
  justify-content: center;
  padding: 60px 0;
  font-family: Nunito, sans-serif;
  display: flex;
}

.heading-25 {
  color: var(--white);
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
}

.div-block-18 {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  max-width: 80%;
  display: flex;
}

.paragraph-15 {
  color: var(--white);
  margin-bottom: 12px;
  margin-left: 0;
  font-family: Nunito, sans-serif;
  font-size: 17px;
}

.div-block-19 {
  padding-left: 60px;
}

.button-8 {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  text-align: center;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.section-33 {
  padding: 140px 0;
}

.div-block-20 {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-29 {
  object-fit: contain;
  margin-left: auto;
}

.div-block-15-copy {
  flex: 0 auto;
  order: 0;
  align-self: auto;
  max-width: 60%;
  margin-left: 0;
  margin-right: 0;
}

.section-34 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c925ede84535_12%20trial%20days%20left%201.jpg");
  background-position: 0 0;
  background-size: auto;
  padding-top: 140px;
  padding-bottom: 140px;
}

.section-35 {
  background-image: linear-gradient(to bottom, var(--oxford-blue), var(--oxford-blue));
  padding-top: 60px;
  padding-bottom: 60px;
}

.heading-26 {
  color: var(--white);
  text-align: center;
  flex: 1;
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
}

.div-block-21 {
  justify-content: center;
  display: flex;
}

.button-8-copy {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  text-align: center;
  border-radius: 4px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.div-block-20-copy {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.paragraph-16 {
  color: var(--white);
  text-align: center;
  padding-top: 24px;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  line-height: 24px;
}

.link {
  color: var(--howtoo-viking);
}

.button-copy-5 {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  border-radius: 4px;
  align-items: center;
  height: 42px;
  margin-top: 0;
  margin-left: 0;
  padding: 10px 40px;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  transition: background-color .3s, color .3s;
  display: inline-block;
}

.button-copy-5:hover {
  background-color: var(--howtoo-viking);
  color: #0d1633;
  font-weight: 700;
}

.button-9 {
  border: 2px solid var(--white);
  color: var(--white);
  background-color: #0000;
  border-radius: 4px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 28px;
}

.link-block-3 {
  border: 2px solid var(--white);
  color: var(--white);
  border-radius: 4px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start center;
  align-items: flex-start;
  width: 170px;
  max-width: none;
  margin-right: 0;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  line-height: 28px;
  transition: color .2s, background-color .2s, border .2s;
  display: flex;
}

.link-block-3:hover {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.text-block-8 {
  border: 2px none var(--white);
  border-radius: 4px;
  padding: 10px 10px 10px 20px;
  font-weight: 700;
  display: block;
}

.text-block-9 {
  padding: 10px 20px 10px 0;
  font-family: Icon font-Play;
  display: inline-block;
  position: static;
}

.grid-8-copy {
  grid-column-gap: 32px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
  min-width: 100%;
  max-width: 100%;
}

.section-36 {
  padding-left: 160px;
  padding-right: 0;
  display: flex;
}

.container-37 {
  align-self: center;
  max-width: 544px;
}

.h2_new {
  color: var(--oxford-blue);
  letter-spacing: -1px;
  align-self: center;
  max-width: none;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}

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

.h2_new.width-600 {
  width: auto;
}

.image-30 {
  width: 100%;
  height: 100%;
  margin-left: 60px;
  display: inline-block;
  position: absolute;
}

.button_line {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 56px;
  padding: 0 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  transition: opacity .3s;
  display: flex;
  overflow: visible;
}

.button_line:hover {
  opacity: .6;
  color: #0d1633;
  font-weight: 700;
}

.button_line.white {
  border-color: var(--white);
  color: var(--white);
}

.div-block-22 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.banner_device {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  margin-left: 0;
  margin-right: 0;
  transition: filter .3s;
  display: flex;
  overflow: hidden;
}

.banner_device:hover {
  filter: brightness(95%);
}

.image-31 {
  width: 1440px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.gradient-stripe {
  z-index: auto;
  background-image: linear-gradient(to right, #fed88f, #f7a3c3 49%, #bbe8ef);
  flex: 1;
  width: 100%;
  height: 350px;
  display: block;
  position: absolute;
  top: 75px;
  overflow: hidden;
}

.lp_hero-image {
  z-index: 4;
  height: 500px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.lp_hero-image.hidden {
  display: none;
}

.section-37 {
  justify-content: space-between;
  max-width: 1440px;
  height: 860px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-right: 160px;
  display: flex;
}

.div-block-25 {
  flex: 0 auto;
  align-self: flex-start;
  width: 640px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.image-32 {
  max-width: 500px;
  margin-left: 0;
}

.heading-27 {
  color: var(--neutral-800);
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 49px;
}

.lp_h1 {
  color: var(--oxford-blue);
  text-align: center;
  letter-spacing: 0;
  justify-content: center;
  align-self: flex-start;
  width: 912px;
  max-width: 100%;
  margin: 0 auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 55px;
  font-weight: 800;
  line-height: 80px;
  display: flex;
}

.lp_h1.form-copy {
  text-align: left;
}

.lp_h2 {
  color: var(--oxford-blue);
  text-align: left;
  letter-spacing: -.5px;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
  display: block;
}

.lp_h2.align-centre {
  z-index: 7;
  font-size: 36px;
  display: block;
}

.lp_h2.align-centre.color-white {
  color: var(--white);
  font-weight: 700;
}

.lp_h2.white {
  color: var(--white);
}

.lp_h2.lp2-gradient {
  color: var(--oxford-blue);
}

.div-block-26 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(40px, .25fr) 1.75fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  margin-top: 30px;
  display: grid;
}

.image-33 {
  width: 48px;
  height: 48px;
}

.heading-28 {
  color: var(--oxford-blue);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Nunito Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.lp_paragraph {
  color: var(--navi-body);
  text-align: left;
  max-width: 448px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.lp_paragraph.align-centre {
  text-align: center;
  max-width: none;
}

.div-block-27 {
  flex: 0 auto;
  align-self: flex-start;
  min-width: 400px;
  margin-left: 100px;
  margin-right: auto;
}

.section-38 {
  max-width: 1440px;
  height: 750px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 0 80px 160px;
  display: none;
}

.div-block-28 {
  align-self: center;
  min-width: 360px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-29 {
  flex: 0 auto;
  width: 900px;
  height: 700px;
  margin-top: -80px;
  display: block;
}

.image-34 {
  width: 900px;
  max-width: none;
  margin-top: 40px;
  margin-right: auto;
}

.section-38-copy {
  padding: 80px 160px;
  display: block;
}

.lp_h2-centre {
  color: var(--oxford-blue);
  text-align: center;
  letter-spacing: 0;
  width: 547px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 49px;
}

.subtitle-2-copy {
  color: var(--grey-1);
  text-align: center;
  align-self: flex-start;
  width: auto;
  min-width: 0;
  margin: 10px auto 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}

.div-block-30 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: space-between;
  place-items: stretch stretch;
  width: auto;
  max-width: 1200px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.image-35 {
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.button-10 {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  text-align: center;
  border-radius: 8px;
  width: 80px;
  height: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
  display: block;
}

.div-block-31 {
  width: 270px;
  min-width: auto;
  margin-left: auto;
  margin-right: auto;
}

.heading-29 {
  color: #272e35;
  text-align: center;
  letter-spacing: 0;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 20px;
  line-height: 30px;
  display: block;
}

.section-39 {
  max-width: 1440px;
  height: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 160px;
}

.image-36 {
  width: 402px;
  max-width: 100%;
}

.div-block-32 {
  width: 402px;
  height: 490px;
  position: absolute;
}

.div-block-33 {
  border-style: none none none solid;
  border-width: 1px 1px 1px 12px;
  border-color: #7681921a #7681921a #7681921a var(--howtoo-yellow);
  background-color: var(--white);
  border-radius: 8px;
  width: 715px;
  height: 272px;
  padding: 48px 64px 48px 50px;
  position: relative;
  top: 209px;
  left: 369px;
  box-shadow: 9px 18px 20px #08152614;
}

.heading-30 {
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.heading-31 {
  letter-spacing: 0;
  margin-top: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.paragraph-17 {
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.div-block-34 {
  display: flex;
}

.image-37 {
  flex: 0 auto;
  width: 141px;
  height: 20px;
  margin-top: 20px;
  margin-left: auto;
}

.div-block-35 {
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-40 {
  background-image: linear-gradient(to right, #fedfa7, #f8b5cf 50%, #bbe8ef);
  height: auto;
  padding: 100px 0 80px;
  display: block;
}

.div-block-36 {
  grid-column-gap: 19px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: stretch stretch;
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.image-38 {
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-37 {
  background-color: #ffffffe6;
  border: 0 solid #000;
  border-radius: 16px;
  max-width: none;
  padding-top: 40px;
  padding-bottom: 20px;
}

.div-block-37.navi {
  background-color: var(--oxford-blue);
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.div-block-38 {
  align-items: center;
  height: 60px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.div-block-37-copy {
  background-color: #0d1633e6;
  border: 0 solid #000;
  border-radius: 16px;
  max-width: 260px;
  padding-top: 40px;
  padding-bottom: 20px;
}

.heading-29-copy {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  flex: 1;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 20px;
  line-height: 30px;
  display: block;
}

.lp_h2_300 {
  color: var(--oxford-blue);
  text-align: left;
  letter-spacing: 0;
  width: auto;
  margin: 0 auto 0 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 49px;
  position: static;
}

.link-block-4 {
  margin-top: 10px;
  margin-left: 40px;
  padding-left: 0;
}

.section-41 {
  background-color: var(--white);
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 160px;
  display: none;
}

.div-block-39 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 0 solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: end stretch;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-block-40 {
  border-style: none;
  border-width: 30px 3px 3px;
  border-color: var(--howtoo-yellow);
  background-color: var(--white);
  border-radius: 12px;
  width: 372px;
  height: 427px;
  margin: 0 3px 3px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.div-block-41 {
  background-image: linear-gradient(to top, #bbe8ef 14%, #f8b5cf 71%, #ffa32d);
  border-radius: 12px;
  width: 378px;
  height: 460px;
  box-shadow: 7px 19px 20px #08152629;
}

.heading-32 {
  color: var(--oxford-blue);
  text-align: center;
  letter-spacing: 0;
  margin-top: 0;
  font-size: 21px;
  line-height: 28px;
}

.paragraph-18 {
  text-align: center;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.heading-33 {
  color: var(--oxford-blue);
  text-align: right;
  letter-spacing: 0;
  margin: 0 2px 0 auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 68px;
}

.heading-33.aligh-centre {
  margin-right: auto;
}

.paragraph-19 {
  color: var(--grey-2);
  text-align: center;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 13px;
  line-height: 17px;
}

.div-block-42 {
  align-items: flex-end;
  margin-top: 2px;
  display: flex;
}

.heading-33-copy {
  color: var(--oxford-blue);
  text-align: right;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 53px;
  text-decoration: none;
}

.lp_button_navi-copy {
  color: #fff;
  text-align: center;
  background-color: #0d1633;
  border: 1px solid #000;
  border-radius: 4px;
  align-items: center;
  height: 56px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  transition: background-color .3s, color .3s;
  display: block;
}

.lp_button_navi-copy:hover {
  color: #0d1633;
  background-color: #fcb024;
  font-weight: 700;
}

.paragraph-20 {
  text-align: center;
  letter-spacing: 1px;
  height: 24px;
  margin-top: 3px;
  margin-bottom: 3px;
  font-family: Nunito Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}

.div-block-41-copy {
  background-color: var(--howtoo-pink);
  background-image: linear-gradient(to bottom, var(--howtoo-pink), white);
  border-radius: 12px;
  width: 378px;
  height: 440px;
  box-shadow: 14px 14px 20px #08152629;
}

.div-block-41-copy.viking {
  background-color: var(--howtoo-viking);
  background-image: none;
}

.div-block-40-copy {
  border-style: none;
  border-width: 30px 3px 3px;
  border-color: var(--howtoo-yellow);
  background-color: var(--white);
  border-radius: 12px;
  width: 378px;
  height: 425px;
  margin: 15px 0 0;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.lp_button_line-copy {
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border: 2px solid #000;
  border-radius: 4px;
  align-items: center;
  height: 56px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  transition: background-color .3s, color .3s;
  display: block;
}

.lp_button_line-copy:hover {
  color: #0d1633;
  background-color: #fcb024;
  font-weight: 700;
}

.section-42 {
  background-color: var(--white);
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 160px;
  display: block;
}

.lp_h1-form {
  color: var(--oxford-blue);
  text-align: left;
  letter-spacing: 0;
  justify-content: center;
  align-self: flex-start;
  width: auto;
  max-width: 100%;
  margin: 0 auto 30px;
  font-family: Nunito Sans, sans-serif;
  font-size: 72px;
  font-weight: 900;
  line-height: 80px;
  display: flex;
}

.lp_h1-form.form-copy {
  text-align: left;
}

.paragraph-21 {
  text-align: left;
  width: 420px;
  height: 72px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.div-block-43 {
  width: auto;
  height: auto;
}

.lp_hero {
  background-color: #0000;
  align-items: center;
  height: 1090px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  position: relative;
}

.div-block-44 {
  background-color: #ffffffe6;
  border-radius: 8px;
  width: 472px;
  height: 420px;
  padding: 60px 32px;
}

.image-39 {
  width: 25%;
  max-width: 50%;
  margin-left: 40px;
}

.div-block-45 {
  z-index: 2;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: relative;
}

.section-38-copy-copy {
  padding: 20px 160px 40px;
  display: block;
}

.subtitle-2-copy {
  color: var(--links);
  text-align: center;
  align-self: flex-start;
  width: 564px;
  min-width: 0;
  margin: 0 auto 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 27px;
  text-decoration: underline;
}

.subtitle-icon {
  text-align: center;
  width: 270px;
  margin-top: 10px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.heading-34 {
  margin-top: 60px;
  margin-left: 450px;
  position: absolute;
}

.lp_h2_absolute {
  color: var(--oxford-blue);
  text-align: left;
  letter-spacing: 0;
  width: 547px;
  margin-top: 80px;
  margin-left: 440px;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 49px;
  position: absolute;
}

.paragraph-22 {
  text-align: center;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.lightbox-link-6 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 56px;
  display: block;
  position: absolute;
  left: 50.8%;
}

.link-block-5 {
  background-color: #0d1633e6;
  border-radius: 16px;
  padding-top: 60px;
  padding-bottom: 20px;
}

.div-block-46 {
  width: 500px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.heading-35 {
  font-size: 72px;
  font-weight: 300;
  line-height: 80px;
}

.case-study {
  padding-left: 160px;
  padding-right: 0;
  display: flex;
}

.growth-video-form-copy {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  margin-left: 0;
  padding: 60px 40px;
  display: flex;
  box-shadow: 1px 1px 9px #37446f2e;
}

.form-block-2-copy {
  width: 472px;
  min-width: auto;
  max-width: none;
  height: 459px;
  margin-bottom: 0;
  margin-left: 220px;
}

.form-block-discover-creator {
  min-width: auto;
  max-width: 100%;
  margin-bottom: 0;
  margin-left: 20px;
}

.growth-video-form-creator {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  width: auto;
  min-width: 300px;
  max-width: 478px;
  height: auto;
  margin-left: 0;
  padding: 60px 40px;
  display: flex;
  box-shadow: 1px 1px 9px #37446f2e;
}

.cs_painchek_section {
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

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

.div-block-47 {
  align-self: auto;
  max-width: 628px;
  margin-top: 0;
  margin-right: 60px;
}

.div-block-48 {
  background-color: #efefef;
  border-radius: 16px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  margin-left: auto;
  margin-right: 20px;
  padding-bottom: 40px;
  padding-right: 0;
  display: flex;
  position: sticky;
  top: 100px;
}

.div-block-49 {
  background-color: #efefef;
  border: 0 solid #000;
  border-radius: 16px;
  width: 340px;
  padding-top: 10px;
  display: block;
}

.div-block-50 {
  margin-top: 100px;
}

.div-block-51 {
  min-width: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
}

.heading-36 {
  text-align: center;
  font-family: Nunito Sans, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 40px;
}

.paragraph-23 {
  text-align: center;
  width: 280px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.cs_painchek_button {
  color: #fff;
  text-align: center;
  background-color: #0d1633;
  border: 1px solid #000;
  border-radius: 4px;
  align-items: center;
  width: 210px;
  height: 56px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  transition: background-color .3s, color .3s;
  display: block;
}

.cs_painchek_button:hover {
  color: #0d1633;
  background-color: #fcb024;
  font-weight: 700;
}

.div-block-52 {
  max-width: 628px;
}

.div-block-53 {
  margin-top: 40px;
  display: flex;
}

.div-block-54 {
  background-color: #efefef;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 40px;
}

.image-40 {
  height: 43px;
}

.image-41 {
  height: 24px;
}

.div-block-55 {
  max-width: 64px;
  height: auto;
}

.heading-37 {
  color: var(--oxford-blue);
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 27px;
}

.div-block-56 {
  margin-left: 20px;
}

.paragraph-24 {
  font-family: Nunito Sans, sans-serif;
  font-size: 15px;
}

.div-block-57 {
  max-width: 500px;
  margin-left: 0;
  margin-right: auto;
}

.h3_new {
  color: var(--grey-2);
  letter-spacing: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 28px;
}

.div-block-58 {
  min-width: 500px;
  max-width: 628px;
  margin-left: 0;
  position: static;
  inset: 0% 0% auto auto;
}

.div-block-59 {
  align-self: auto;
  width: auto;
  margin-left: 40px;
  display: block;
  position: static;
  top: 0%;
  left: 60%;
  right: 0%;
}

.div-block-60 {
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin-top: 40px;
  display: grid;
  position: relative;
}

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

.h1_new {
  border: 1px none var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: left;
  letter-spacing: -1.5px;
  margin-left: auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 58px;
  font-weight: 800;
  line-height: 68px;
}

.h1_new.align_centre {
  text-align: center;
  margin-top: 0;
  margin-bottom: 100px;
}

.image-42 {
  max-width: 692px;
  position: relative;
  left: -60px;
}

.div-block-61 {
  min-width: 300px;
  max-width: 480px;
  margin-top: 140px;
  margin-left: auto;
}

.section-43 {
  background-color: var(--howtoo-yellow);
  background-image: linear-gradient(to right, #fedfa7, #f8b5cf 54%, #bbe8ef);
  width: 100%;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  position: static;
  top: 1320px;
}

.div-block-62 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.div-block-63 {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-10 {
  font-size: 90px;
}

.div-block-64 {
  align-items: flex-end;
  display: flex;
}

.text-block-11 {
  font-size: 72px;
}

.text-block-12 {
  background-color: var(--white);
  color: #0d1633b3;
  text-align: center;
  text-transform: lowercase;
  border-radius: 20px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  display: inline-block;
  box-shadow: 0 8px 12px #00000026;
}

.cs_painchek_stats_h1 {
  color: var(--oxford-blue);
  white-space: normal;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 5px;
  font-family: Nunito Sans, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 80px;
}

.cs_painchek_stats_h2 {
  color: var(--oxford-blue);
  margin-right: auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 56px;
}

.case-studies-read-more-content-wrapper {
  background-color: var(--white);
  border-radius: 12px;
  height: 370px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-shadow: 6px 6px 16px #00000026;
}

.case-study-thumbnail_ccc {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c92ec0e8456a_Rectangle%205057.png");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 140px;
  padding: 40px 30px;
}

.image-43 {
  height: 140px;
  display: block;
}

.heading-40 {
  color: var(--white);
  letter-spacing: 0;
  height: 55.1111px;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
}

.paragraph-25 {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.button-11 {
  background-color: var(--oxford-blue);
  text-align: center;
  border-radius: 4px;
  width: 160px;
  height: 48px;
  margin-top: 10px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 48px;
  position: absolute;
  bottom: 20px;
}

.case-study-card-content-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px 24px;
  display: flex;
  position: relative;
}

.div-block-66-copy {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c91653e84564_Rectangle%205058.png");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-radius: 0;
  padding: 40px 30px;
}

.cs_painchek_button_watch-video {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 4px;
  align-items: center;
  width: 210px;
  height: 56px;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  transition: background-color .3s, color .3s;
  display: block;
}

.cs_painchek_button_watch-video:hover {
  color: #0d1633;
  background-color: #fcb024;
  font-weight: 700;
}

.section-44 {
  height: 100px;
}

.image-44 {
  width: 550px;
  max-width: none;
  margin-left: 0;
  overflow: hidden;
}

.div-block-68 {
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.lightbox-link-7 {
  width: auto;
}

.heading-41 {
  color: #383838;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Nunito Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.lp_paragraph-2 {
  color: #383838;
  text-align: left;
  max-width: 448px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.lp_h2-2 {
  color: #0d1633;
  text-align: left;
  letter-spacing: 0;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 49px;
}

.h2-copy-2 {
  color: #0d1633;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
}

.lp_h1-form-2 {
  color: #0d1633;
  text-align: left;
  letter-spacing: 0;
  justify-content: center;
  align-self: flex-start;
  width: auto;
  max-width: 100%;
  margin: 0 auto 30px;
  font-family: Nunito Sans, sans-serif;
  font-size: 72px;
  font-weight: 900;
  line-height: 80px;
  display: flex;
}

.h2_regular {
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
  line-height: 46px;
}

.h3_regular {
  margin-bottom: 12px;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
}

.h1_light {
  font-family: Nunito, sans-serif;
  font-size: 58px;
  font-weight: 300;
  line-height: 68px;
}

.div-block-43-copy {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.p-button-2 {
  color: #fff;
  text-align: center;
  background-color: #0d1633;
  border-radius: 4px;
  width: 210px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 14px 40px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.p-button-2:hover {
  color: #fff;
  background-color: #6e7385;
}

.p-button-2.spacing_centre {
  margin-left: auto;
  margin-right: auto;
}

.section-45 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 160px;
  display: flex;
}

.div-block-70 {
  height: 140px;
}

.div-block-71 {
  margin-top: 140px;
}

.section-46 {
  justify-content: flex-start;
  max-width: 1268px;
  height: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
  overflow: visible;
}

.nunito-300-36px {
  line-height: 46px;
}

.nunito-300-36px.no-spacing {
  margin-bottom: 0;
}

.nunito-300-36px.no-spacing.align-centre-in-mobile {
  font-weight: 700;
}

.nunito-300-36px.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-36px.margin-bottom-24 {
  margin-bottom: 24px;
}

.nunito-300-36px.centre {
  text-align: center;
}

.nunito-300-36px.centre.width-250 {
  width: 250px;
}

.body-big {
  color: var(--oxford-blue);
  margin-top: 0;
  padding-bottom: 10px;
  font-size: 21px;
  line-height: 28px;
}

.body-big.color-white {
  color: var(--white);
}

.body-big.color-white.align-centre.bottom-margin-40 {
  text-align: center;
  margin-bottom: 40px;
}

.body-big.color-white.align-centre.center-text {
  text-align: center;
}

.div-block-72 {
  align-self: center;
  min-width: 540px;
  max-width: 540px;
  margin-right: 0;
}

.nunito-300-58px {
  text-align: left;
  margin-bottom: 10px;
}

.nunito-300-58px.align-centre {
  text-align: center;
}

.nunito-300-58px.align-centre.color-white {
  color: var(--white);
  display: flex;
}

.nunito-300-58px.align-centre.color-white.bottom-margin-30 {
  margin-bottom: 30px;
}

.nunito-300-58px.white {
  color: var(--white);
}

.image-46 {
  background-color: #0000;
  flex: 0 auto;
  order: 0;
  align-self: auto;
}

.courses-button {
  border: 2px solid var(--oxford-blue);
  color: #fff;
  text-align: center;
  letter-spacing: .05em;
  background-color: #0d1633;
  border-radius: 4px;
  flex: 0 auto;
  align-self: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 24px;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  transition: opacity .3s;
  display: inline-block;
}

.courses-button:hover {
  opacity: .6;
}

.courses-button.centre {
  justify-content: flex-start;
  margin-top: 20px;
  display: inline-block;
  position: relative;
}

.courses-button.top-margin-20 {
  align-self: center;
  margin-top: 20px;
}

.courses-button.space {
  margin-right: 20px;
}

.professional-cards {
  background-color: #f8f8fb;
  flex-wrap: nowrap;
  justify-content: space-between;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 250px 140px;
  display: flex;
  position: static;
}

.div-block-73 {
  width: 480px;
}

.courses---sticky-banner-wrapper {
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: auto;
  min-width: 0;
  min-height: 0;
  margin-left: auto;
  padding: 0;
  display: flex;
  position: sticky;
  top: 100px;
  overflow: visible;
  box-shadow: 1px 1px 16px #0003;
}

.grid-9 {
  grid-column-gap: 13px;
  grid-row-gap: 33px;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 3.5fr;
}

.nunito-sans-600-21px {
  color: var(--oxford-blue);
  margin-bottom: 0;
  margin-left: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
}

.nunito-sans-600-21px.centre {
  text-align: center;
  margin-top: 20px;
}

.nunito-sans-600-21px._60-right-margin {
  margin-right: 60px;
}

.grid-10 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: stretch;
  justify-items: center;
}

.div-block-75 {
  flex: 1;
}

.image-47 {
  height: 64px;
  max-height: 72px;
}

.caption {
  color: var(--oxford-blue);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.caption.centre {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
}

.caption.no-margin {
  letter-spacing: .4px;
  white-space: normal;
}

.caption.no-margin.grey {
  color: var(--navi-body);
}

.caption.no-margin.grey.opacity-0 {
  color: #0000;
  height: 18px;
}

.div-block-76 {
  height: 20px;
}

.div-block-77 {
  margin-left: auto;
  margin-right: auto;
}

.grid-11 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.section-courses-page-2 {
  background-color: var(--white-smoke);
  justify-content: space-between;
  padding: 140px 0;
  display: block;
}

.div-block-78 {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.course-library-card {
  background-color: var(--white);
  border-radius: 8px;
  flex-direction: column;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-48 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 20px;
  width: 100%;
  height: 180px;
}

.div-block-79 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9a45ae84532_iStock-964951952.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 10px 10px 0 0;
  height: 180px;
  display: none;
}

.courses-card-title-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.courses-card-stats-wrapper {
  z-index: 99;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff80;
  border-bottom-left-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: minmax(max-content, max-content) minmax(min-content, min-content) minmax(max-content, min-content);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: center stretch;
  padding: 10px;
  display: grid;
  position: absolute;
  inset: 0% 0% auto auto;
}

.courses-clock-icon {
  width: 15px;
  height: 15px;
  margin-right: 2px;
}

.paragraph-26 {
  color: #42495c;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.paragraph-26.color-white {
  color: var(--white);
}

.paragraph-26.color-p {
  color: #42495c;
}

.text-link-secondary {
  color: var(--links);
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 27px;
  position: static;
  top: 460px;
}

.text-link-secondary.light {
  color: var(--white);
}

.text-link-secondary.dark {
  color: var(--oxford-blue);
}

.footer-tilt-line-section-2 {
  padding-top: 40px;
  padding-bottom: 100px;
  position: relative;
}

.footer-tilt-line-content-wrapper {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-83 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff3;
  width: 402px;
  height: 500px;
  position: absolute;
  top: 2746px;
}

.div-block-84 {
  float: none;
  clear: none;
  background-color: var(--howtoo-yellow);
  width: 4000px;
  height: 200px;
  overflow: visible;
  transform: translate(-300px)rotate(9deg);
}

.div-block-85 {
  z-index: 0;
  background-color: var(--howtoo-yellow);
  width: 120%;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0 0%;
  overflow: visible;
  transform: translate(-50px, 7vw)rotate(6deg);
}

.footer-tilt-line-section-1 {
  height: 12vw;
  margin-top: 0;
  position: relative;
  overflow: visible;
}

.section-courses-page-3 {
  justify-content: space-between;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 100px;
  display: none;
}

.div-block-86 {
  flex: 0 auto;
  height: 700px;
  position: relative;
  inset: 0% 0% 0% auto;
}

.image-50 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: contain;
}

.div-block-87 {
  justify-content: center;
  display: none;
}

.slider-6 {
  box-shadow: none;
  background-color: #0000;
  border-radius: 0;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: static;
  inset: 0%;
  overflow: hidden;
}

.course-preview-carousel-slide {
  border: 1px solid #000;
  border-radius: 0;
  width: 33.3333%;
  margin-left: 40px;
  margin-right: 40px;
}

.section-courses-posts-template-1 {
  justify-content: space-between;
  max-width: 1440px;
  height: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px;
  display: flex;
}

.div-block-81-copy {
  grid-column-gap: 4px;
  grid-row-gap: 16px;
  grid-template: ". Area"
  / minmax(max-content, max-content) minmax(min-content, min-content) minmax(min-content, min-content);
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: space-between center;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-block-88 {
  margin-top: 20px;
  font-family: Roboto, sans-serif;
}

.div-block-89 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-90 {
  margin-top: 40px;
  font-size: 17px;
}

.courses---section-2-wrapper {
  max-width: 640px;
  margin-right: 20px;
  display: block;
  position: sticky;
  top: 60px;
  overflow: visible;
}

.footer-wrapper {
  padding-top: 0;
  overflow: hidden;
}

.div-block-92 {
  overflow: hidden;
}

.div-block-93 {
  background-color: #f2f2f2;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
}

.div-block-74-copy {
  flex: 0 auto;
  align-self: auto;
  width: 600px;
  margin-left: 20px;
  position: static;
  top: 100px;
}

.grid-12 {
  grid-column-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(min-content, max-content);
  grid-auto-columns: minmax(min-content, max-content);
  grid-auto-flow: column;
  justify-content: stretch;
  place-items: stretch stretch;
  margin-bottom: 8px;
}

.wcag-tag-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  height: 23px;
  transition: opacity .3s;
  display: flex;
}

.wcag-tag-wrapper:hover {
  opacity: .6;
}

.div-block-95 {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.image-51 {
  width: 18px;
  max-width: none;
  height: 18px;
  display: block;
}

.body-class {
  direction: ltr;
  color: #4e545a;
  white-space: nowrap;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
  position: static;
}

.body-class.purple {
  color: var(--links);
}

.grid-12-2 {
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: min-content min-content;
  grid-auto-flow: row;
  justify-content: stretch;
  place-items: end stretch;
  margin-bottom: 8px;
}

.div-block-96 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-bottom: 10px;
  display: flex;
}

.icon-3 {
  color: var(--links);
  margin: 0 0 0 10px;
}

.text-link-secondary-wrapper {
  display: inline-block;
}

.richtext_body-p {
  color: #4e545a;
  height: auto;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  display: block;
  position: static;
}

.richtext_body-p h1 {
  font-family: Nunito Sans, sans-serif;
  font-weight: 800;
}

.image-52 {
  max-width: none;
}

.div-block-98 {
  padding-bottom: 0;
}

.collection-item, .left-arrow, .right-arrow, .icon-4, .icon-5 {
  display: block;
}

.slide-nav-3 {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #0000;
  border-radius: 0 0 20px 20px;
  display: block;
  position: relative;
  top: 16px;
}

.mask-6 {
  box-shadow: none;
  border-radius: 20px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.section-courses-posts-template-banner {
  justify-content: space-between;
  max-width: 1440px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
  position: relative;
  overflow: visible;
}

.div-block-99 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: repeat;
  background-attachment: scroll;
  height: auto;
  min-height: 300px;
}

.section-courses-page-4 {
  flex-wrap: nowrap;
  justify-content: space-around;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  position: static;
  overflow: visible;
}

.collection-list-wrapper-3 {
  display: none;
}

.image-52-copy {
  max-width: none;
  display: none;
}

.footer-tilt-line-text-wrapper {
  align-self: center;
  margin-right: 20px;
}

.container-21-copy {
  background-color: #fff;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 66px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 48px;
  padding-right: 48px;
  box-shadow: 1px 1px 10px #0000000d;
}

.navbar-website {
  z-index: 1000;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 2px 0 10px #0000000d;
}

.navbar-wrapper {
  z-index: 200;
  background-color: var(--white);
  justify-content: flex-start;
  height: 66px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.navbar-main-dropdown {
  color: var(--oxford-blue);
  margin-left: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}

.navbar-main-section-wrapper {
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: flex-start;
  display: block;
}

.nav-text-block {
  color: var(--oxford-blue);
  align-self: center;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.grid-2-columns-2 {
  grid-column-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-2-columns-2.big-links-footer {
  grid-column-gap: 130px;
}

.grid-2-columns-2.faqs-v2 {
  grid-column-gap: 80px;
  grid-row-gap: 0px;
}

.grid-2-columns-2.contact-links.v2 {
  grid-column-gap: 24px;
  grid-template-columns: .7fr 1.1fr;
  margin-top: 24px;
}

.grid-2-columns-2._1-2fr--1fr.bottom {
  align-items: end;
}

.grid-2-columns-2._1-2fr--1fr.bottom._1-column-mobile {
  grid-column-gap: 82px;
}

.grid-2-columns-2.home-v2-mission {
  grid-column-gap: 44px;
  grid-template-columns: 1fr .9fr;
  align-items: end;
}

.grid-2-columns-2.cta-v2 {
  grid-column-gap: 140px;
  align-items: start;
}

.grid-2-columns-2.featured-blog-posts-v2 {
  grid-column-gap: 50px;
  grid-template-columns: 1.2fr 1fr;
}

.color-white-5, .paragraph-dark-5 {
  color: var(--oxford-blue);
}

.div-block-104 {
  color: var(--oxford-blue);
  padding-top: 60px;
  padding-bottom: 60px;
}

.div-block-105 {
  max-width: 1244px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.color-white-6 {
  color: var(--white);
  font-family: Inter, sans-serif;
}

.paragraph-dark-6 {
  color: var(--oxford-blue);
}

.div-block-106 {
  padding-left: 0;
  padding-right: 24px;
}

.navbar-main-dropdown-wrapper {
  padding-left: 0;
  padding-right: 0;
  transition: opacity .3s;
  display: flex;
}

.navbar-main-dropdown-wrapper:hover {
  opacity: .6;
}

.navbar-dropdown-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(min-content, max-content);
  grid-auto-columns: minmax(min-content, max-content);
  grid-auto-flow: column;
  justify-content: start;
  place-items: center stretch;
  min-width: 520px;
  margin-left: 30px;
  display: grid;
}

.nav-dropdown-icon {
  background-color: var(--oxford-blue);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-right: 8px;
  position: relative;
  left: 8px;
}

.icon-7 {
  margin-right: 8px;
  position: relative;
  left: 8px;
}

.navbar-main-dropdown-list {
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: row;
  width: auto;
  padding: 24px;
  display: none;
  top: 48px;
  box-shadow: 0 1px 8px -5px #00256447, 1px 1px 20px 4px #0025641c;
}

.navbar-main-dropdown-list.resources {
  display: none;
}

.navbar-main-dropdown-list.products {
  width: 400px;
  display: block;
}

.div-block-108 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar-dropdown-content-wrapper {
  grid-template-rows: auto;
  grid-template-columns: minmax(max-content, max-content) 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 320px;
  margin-bottom: 0;
  padding: 5px 8px;
  transition: background-color .3s;
  display: flex;
}

.navbar-dropdown-content-wrapper:hover {
  background-color: #0000;
}

.link-block-6 {
  align-self: center;
  margin-right: 0;
}

.navbar-mobile-link-wrapper {
  align-self: center;
  margin-right: 0;
  text-decoration: none;
  transition: opacity .3s;
}

.navbar-mobile-link-wrapper:hover {
  opacity: .6;
}

.navbar-mobile-link-wrapper.w--current {
  text-decoration: none;
}

.navbar-mobile-link-wrapper.hidden {
  display: none;
}

.link-block-8 {
  align-self: center;
  min-width: 97px;
}

.dropdown-list-4 {
  background-color: var(--white);
  border-radius: 5px;
  width: 660px;
  padding: 34px;
  display: none;
  top: 48px;
  box-shadow: 1px 1px 20px 4px #0025641c, 0 1px 8px -5px #00256447;
}

.navbar-dropdown-link-block {
  background-color: var(--white);
  margin-bottom: 0;
  text-decoration: none;
  transition: background-color .2s;
}

.navbar-dropdown-link-block:hover {
  background-color: var(--haze);
  border-radius: 8px;
}

.navbar-dropdown-link-block.w--current, .navbar-dropdown-link-block.hidden {
  display: block;
}

.image-5-copy {
  float: none;
  width: 207px;
  height: 48px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: inline-block;
  position: static;
}

.button_login {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  background-color: #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: 42px;
  margin-top: 0;
  margin-right: 20px;
  padding: 10px 20px;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 700;
  transition: opacity .3s;
  display: flex;
}

.button_login:hover {
  opacity: .5;
  color: #0d1633;
  border-color: #0d1633;
  font-weight: 700;
}

.nunito-sans-600-14px {
  color: var(--oxford-blue);
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}

.nunito-sans-600-14px.centre {
  text-align: center;
}

.body_small {
  color: var(--navi-body);
  margin-bottom: 0;
  margin-right: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.div-block-107-copy {
  justify-content: space-around;
  min-width: 573px;
  margin-left: 60px;
  display: flex;
}

.div-block-110 {
  display: none;
}

.dropdown-list-3-copy {
  background-color: var(--white);
  border-radius: 5px;
  width: 384px;
  padding: 34px;
  display: none;
  top: 48px;
  box-shadow: 0 1px 8px -5px #00256447, 1px 1px 20px 4px #0025641c;
}

.text-block-13-copy {
  color: var(--oxford-blue);
  align-self: center;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.navbar-mobile-support-wrapper {
  display: none;
}

.link-block-6-copy {
  align-self: center;
  margin-right: 48px;
}

.navbar-mobile-social-wrapper {
  display: none;
}

.image-5-copy {
  float: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: inline-block;
  position: static;
}

.link-block-11, .link-block-12, .link-block-13 {
  display: block;
}

.cards-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.centered-container {
  text-align: center;
  flex: 1;
}

.cards-grid-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cards-image-mask {
  border-radius: 0%;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.cards-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.courses-card-image-warpper {
  width: 100%;
  height: 200px;
  position: relative;
  overflow: hidden;
}

.grid-medium_course {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  grid-auto-columns: 1fr;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
}

.grid-medium_course.no-margin {
  margin: 0;
}

.slide-12 {
  border: 1px solid #000;
  width: 50%;
  height: 50%;
  margin-left: 220px;
  margin-right: 220px;
}

.slide-13 {
  border: 1px solid #000;
  width: 50%;
  height: 100%;
  margin-left: 220px;
  margin-right: 220px;
}

.slide-14 {
  border: 1px solid #000;
  width: 50%;
  height: 50%;
  margin-left: 220px;
  margin-right: 220px;
}

.splide__list {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.slider__wave {
  z-index: 2;
  margin-top: -.6vw;
  position: absolute;
  inset: 0% 0% auto;
}

.slider__wave.is--bottom {
  margin-bottom: -.6vw;
  inset: auto 0% 0%;
  transform: rotate(-180deg);
}

.control {
  color: #0d0628;
  border: 2px solid #0d0628;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.33em;
  height: 3.33em;
  margin-left: .5em;
  margin-right: .5em;
  transition: transform .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.control:active {
  transform: scale(.9);
}

.control__fill {
  z-index: 1;
  background-color: #0d0628;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  margin-top: -100%;
  margin-right: -100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.container-38 {
  width: 100%;
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
  padding: 4.06em;
}

.container-38.is--slider {
  padding-top: 0;
  padding-bottom: 0;
}

.control__arrow {
  z-index: 2;
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.3em;
  display: block;
  position: relative;
}

.control__arrow.is--flipped {
  transform: rotate(-180deg);
}

.splide__slide {
  flex: none;
  width: 33.3333%;
  height: 40vw;
  min-height: 41.88em;
  padding-left: .52em;
  padding-right: .52em;
}

.section-49.is--slider {
  z-index: 2;
  margin-bottom: 5em;
  position: relative;
}

.controls {
  z-index: 4;
  justify-content: center;
  align-items: center;
  width: 13em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.arrow-link-circle-icon-2.slider-icon.left {
  transform: rotate(180deg);
}

.slider {
  background-color: #0000;
  height: 100%;
}

.slider.mg-top-56px {
  display: block;
  overflow: visible;
}

.slider-mask.about-images {
  padding-bottom: 20px;
  overflow: visible;
}

.slider-mask.slider-icon-cards, .slider-mask.slider-icon-cards-copy {
  max-width: 405px;
  overflow: visible;
}

.hidden-desktop {
  display: block;
  position: relative;
}

.slider-item {
  border-radius: 8px;
  width: 800px;
  margin-right: 28px;
  overflow: hidden;
  box-shadow: 3px 3px 16px #0000004d;
}

.c-section {
  perspective: 2000px;
  position: relative;
}

.c-arrow {
  z-index: 10;
}

.c-container {
  min-height: 100vh;
}

.c-slide_wrap {
  cursor: grab;
  padding-top: 90px;
  padding-bottom: 90px;
}

.c-slide {
  border-radius: 40px;
  width: 1100px;
  height: 700px;
}

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

.c-bg-img {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

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

.hero-section {
  padding: 80px 160px 40px;
  position: relative;
  overflow: hidden;
}

.tilt-background {
  background-color: var(--oxford-blue);
  width: 100%;
  height: 800px;
  position: absolute;
  inset: 0% 0% auto;
}

.grid-13 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, max-content);
  grid-auto-columns: minmax(auto, max-content);
  grid-auto-flow: column;
  justify-content: center;
  margin-top: 20px;
}

.course-tag {
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

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

.div-block-116 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(min-content, max-content) 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.div-block-117 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65cac795d1aee8b070b8a4a8_book-demo-ad.png");
  background-position: 50%;
  background-size: 356px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 356px;
  height: 300px;
  display: none;
}

.button-12 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-courses-page-5 {
  background-color: var(--white-smoke);
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-top: 100px;
  padding-bottom: 140px;
  display: block;
  position: static;
  overflow: hidden;
}

.grid-mini-copy {
  grid-column-gap: 30px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  grid-auto-columns: 1fr;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.div-block-118 {
  margin-bottom: 40px;
}

.div-block-88-copy {
  margin-top: 80px;
  font-family: Roboto, sans-serif;
}

.post-mini-heading-copy {
  text-transform: capitalize;
  margin-bottom: 4px;
}

.courses-card-paragraph-wrapper {
  flex-direction: column;
  display: flex;
  position: relative;
}

.courses-cms-list {
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100%;
  display: grid;
}

.courses-cms-list.no-margin {
  margin: 0;
}

.button_login-copy {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  background-color: #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: 42px;
  margin-top: 0;
  margin-right: 20px;
  padding: 10px 20px;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  transition: background-color .3s, color .3s;
  display: flex;
}

.button_login-copy:hover {
  color: #0d1633;
  background-color: #fcb024;
  font-weight: 700;
}

.button-4-copy {
  color: #fff;
  background-color: #0d1633;
  border-radius: 4px;
  align-items: center;
  min-width: 124px;
  height: 42px;
  margin-top: 0;
  margin-left: 0;
  padding: 10px 20px;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  transition: background-color .3s, color .3s;
  display: inline-block;
}

.button-4-copy:hover {
  color: #0d1633;
  background-color: #fcb024;
  font-weight: 700;
}

.navbar-margin-block {
  display: none;
}

.big-link-arrow-line {
  background-color: var(--links);
  width: 100%;
  height: 2px;
  position: relative;
  top: -4px;
}

.big-link-arrow-wrapper {
  display: none;
}

.big-link-arrow {
  color: #fff;
  justify-content: flex-start;
  padding-bottom: 26px;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: none;
  display: flex;
}

.big-link-arrow:hover {
  color: #fff;
}

.big-link-arrow-line-wrapper {
  width: 100%;
  position: relative;
}

.big-link-arrow-line-2 {
  background-color: var(--oxford-blue);
  width: 100%;
  height: 2px;
}

.course-link-line {
  background-color: var(--links);
  width: 100%;
  height: 2px;
  position: relative;
  top: -4px;
}

.course-link-line.light {
  background-color: var(--white);
}

.course-link-line.dark {
  background-color: var(--oxford-blue);
}

.margin {
  height: 30px;
}

.text-block-14 {
  order: -1;
  position: relative;
}

.image-55, .image-56, .image-57, .image-58 {
  width: 100%;
  display: block;
}

.body-2 {
  overflow: visible;
}

.navbar-us-website {
  z-index: 50;
  position: sticky;
  top: 0;
  box-shadow: 2px 0 10px #0000000d;
}

.footer-wrapper-us {
  padding-top: 60px;
  overflow: hidden;
}

.oval-1 {
  background-color: var(--howtoo-yellow);
  border-radius: 1000px;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  inset: 60px 0% 0% 60px;
}

.div-block-122 {
  width: 100%;
  margin-left: 40px;
  position: relative;
}

.div-block-123 {
  z-index: 5;
  border: 2px solid var(--white);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #f6f6f68a;
  border-radius: 16px;
  width: 800px;
  height: 500px;
  position: absolute;
  top: 100px;
  left: 0;
  overflow: hidden;
  box-shadow: 14px 14px 11px #0d163342;
}

.d-31-card-wrapper {
  z-index: 6;
  perspective: 1000px;
  position: absolute;
  top: 320px;
  left: -102px;
}

.d-31-card-front {
  box-shadow: none;
  backface-visibility: hidden;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c920fee84621_kalisa-veer-349467-unsplash.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.d-31-card-front.third {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background-image: linear-gradient(#f6f6f6e6, #f6f6f6e6);
  align-items: flex-start;
  display: block;
  overflow: hidden;
  box-shadow: 11px 11px 8px -4px #0d163326;
}

.d-31-h2 {
  color: var(--oxford-blue);
  text-align: center;
  margin-bottom: 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 800;
}

.d-31-icon {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c95442e84622_sydney-opera-house.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70%;
  height: 70%;
}

.d-31-icon.space {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9b2f2e8459d_5.3a.png");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: cover;
  align-self: flex-start;
  width: 100%;
  height: 85%;
  display: block;
}

.d-31-p {
  color: var(--oxford-blue);
  text-align: center;
  font-family: Nunito Sans, sans-serif;
}

.d-31-card {
  cursor: pointer;
  background-color: #0000;
  width: 240px;
  height: 300px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
  position: relative;
  inset: 0;
  overflow: visible;
}

.d-31-card-back {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-color: #f6f6f6;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
  box-shadow: 11px 11px 8px -4px #0d163326;
}

.flip-icon {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93250e8459e_Group%2020187.svg");
  background-position: 0 0;
  background-size: cover;
  width: 37px;
  height: 22px;
  margin-top: 12px;
  margin-left: 194px;
}

.image-59, .image-60, .image-61 {
  min-width: 36px;
}

.header-brand {
  align-items: center;
  min-width: 158px;
  margin-right: 0;
  padding-left: 0;
  display: flex;
}

.paragraph-28 {
  color: var(--white);
  font-family: Nunito, sans-serif;
  font-size: 16px;
  display: inline;
}

.lp_section {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 120px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lp_section.display-1 {
  display: block;
}

.lp_section.display-2-vertical {
  flex-direction: column;
  align-items: center;
  position: relative;
}

.lp_section.display-2-vertical.background {
  z-index: 6;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c95457e845af_Desktop%20-%201.png");
  background-position: 0 0;
  background-size: 100%;
}

.lp_section.display-2-vertical.max-100 {
  height: 33vw;
}

.lp_section.max-100 {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.lp_h2.align-centre {
  z-index: 3;
  text-align: center;
  font-weight: 800;
  position: relative;
}

.lp_body-b {
  color: var(--navi-body);
  margin-bottom: 30px;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  line-height: 28px;
}

.lp_body-b.align-centre {
  text-align: center;
}

.lp_body-b.white {
  color: var(--white);
}

.container-39 {
  max-width: 564px;
  margin-top: 20px;
}

.lp_button {
  z-index: 3;
  opacity: 1;
  color: #fff;
  text-align: center;
  background-color: #0d1633;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 210px;
  height: 56px;
  margin-top: 0;
  margin-left: 0;
  padding: 0 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  transition: opacity .3s;
  display: flex;
  position: relative;
}

.lp_button:hover {
  opacity: .5;
}

.lp_button.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: flex;
}

.lp_grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: space-between;
  place-items: stretch stretch;
  width: auto;
  max-width: 1200px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.lp_grid-2 {
  grid-column-gap: 40px;
  grid-row-gap: 33px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin-top: 30px;
  margin-bottom: 30px;
}

.lp_h3 {
  color: var(--oxford-blue);
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  line-height: 28px;
}

.background-video-6 {
  z-index: 2;
  opacity: .75;
}

.div-block-124 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content max-content max-content max-content;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.image-63 {
  width: 180px;
  height: 150px;
}

.image-64 {
  width: 180px;
  height: 150px;
  margin-top: -50px;
}

.image-65 {
  width: 180px;
  height: 150px;
}

.image-66 {
  width: 180px;
  height: 150px;
  margin-top: -50px;
}

.image-67 {
  width: 250px;
  height: 210px;
}

.courses-completed {
  z-index: 8;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffe6;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: stretch space-around;
  align-items: stretch;
  width: 327px;
  height: 100px;
  display: block;
  position: absolute;
  inset: 71% auto 0% 75%;
  transform: none;
  box-shadow: 4px 4px 16px #0d163340;
}

.image-68 {
  z-index: 4;
  border-style: solid;
  border-color: #000;
  border-radius: 8px;
}

.main-device {
  z-index: 4;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffe6;
  border-radius: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  align-items: baseline;
  width: 877px;
  height: 501px;
  display: block;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%);
}

.image-69 {
  display: block;
  position: relative;
}

.andrew-card {
  z-index: 6;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffe6;
  border-radius: 8px;
  width: 200px;
  height: 260px;
  display: block;
  position: absolute;
  top: 5%;
  left: 75%;
  transform: none;
  box-shadow: 4px 4px 16px #0d163340;
}

.andrew-complete-course {
  z-index: 8;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffe6;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: stretch space-around;
  align-items: stretch;
  width: 288px;
  max-width: none;
  height: 42px;
  display: block;
  position: absolute;
  inset: 60% auto 0% 75%;
  overflow: visible;
  box-shadow: 4px 4px 16px #0d163340;
}

.div-block-125 {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.background-video-7 {
  opacity: .6;
  height: 100%;
}

.navbar-2 {
  z-index: 15;
  background-color: var(--oxford-blue);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  position: sticky;
  top: 0%;
}

.panel {
  z-index: 6;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffe6;
  border-radius: 8px;
  width: 224px;
  height: 233px;
  display: block;
  position: absolute;
  top: 44%;
  left: 13%;
  transform: none;
  box-shadow: 4px 4px 16px #0d163340;
}

.image-70-copy {
  width: 224px;
  height: 233px;
}

.image-68-copy {
  z-index: 4;
  border-style: solid;
  border-color: #000;
  border-radius: 8px;
}

.video-4 {
  width: 50%;
  height: 5%;
}

.image-72 {
  display: block;
}

.background-video-8, .image-73 {
  position: absolute;
}

.div-block-127 {
  z-index: 2;
  position: relative;
}

.video-5 {
  flex: 0 auto;
  margin-left: auto;
  margin-right: auto;
}

.lp_hero-onboarding {
  background-color: #0000;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  position: relative;
}

.growth-video-block {
  width: 50%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.footer-background {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c95457e845af_Desktop%20-%201.png");
  background-position: 0 0;
  background-repeat: repeat-y;
  background-size: cover;
  background-attachment: scroll;
  width: 100vw;
  height: 100%;
  margin-top: 40px;
  position: absolute;
  top: 0;
}

.div-block-128 {
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
  display: inline-block;
}

.div-block-129 {
  grid-column-gap: 60px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  display: grid;
}

.bold-text-2, .bold-text-3 {
  color: var(--oxford-blue);
}

.div-block-130 {
  max-width: 800px;
  margin-right: 40px;
  position: relative;
}

.div-block-131 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c940fbe845c5_Group%2020939.png");
  background-position: 0 0;
  background-size: 704px;
  border-radius: 20px;
  width: 704px;
  height: 500px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% 0% 0% 60%;
  box-shadow: 4px 4px 16px #0d163326;
}

.image-74 {
  width: 100%;
}

.div-block-132 {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 120px;
  padding-right: 120px;
  display: flex;
}

.div-block-133 {
  width: 100%;
}

.link-2, .link-3, .link-4 {
  font-weight: 500;
}

.color-primary-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.apple-pay {
  border-radius: 50px;
  height: 56px;
}

.footer-logo-container {
  margin-bottom: 12px;
}

.style-guide-subtitle {
  margin-top: 0;
}

.style-guide-subtitle.rich-text {
  margin-top: 88px;
}

.container-small-left {
  max-width: 592px;
  padding-right: 24px;
}

.arrow-link {
  color: #fff;
  text-decoration: none;
  transition: color .3s;
}

.arrow-link:hover {
  color: #989898;
}

.arrow-link.black {
  color: #080808;
}

.dropdown-columns-wrapper {
  align-items: flex-start;
  display: flex;
}

.color-neutral-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
}

.cart-close-button {
  justify-content: center;
  align-items: center;
  transition: transform .3s;
  display: flex;
}

.cart-close-button:hover {
  transform: scale(1.15);
}

.color-content {
  padding: 22px 16px 24px;
}

.style-guide-subheader {
  background-color: #0d16334d;
  padding: 56px 68px;
}

.footer-top-2 {
  grid-column-gap: 190px;
  border-bottom: 1px solid #575757;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1.12fr;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
}

.style-guide-title {
  color: #fff;
  margin-top: 0;
}

.header-2 {
  background-color: #0000;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  position: absolute;
}

.header-2.white {
  background-color: #0000;
}

.icons-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 80px);
}

.flex {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flex.sidebar {
  align-items: flex-start;
}

.dropdown-title {
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

.paragraph-small-2 {
  font-size: 14px;
  line-height: 20px;
}

.cart-footer {
  padding-top: 29px;
  padding-bottom: 29px;
}

.mg-top-8px {
  margin-top: 8px;
}

.style-guide-sidebar {
  z-index: 2;
  flex: 0 14em;
  height: 100%;
  min-height: 96vh;
  margin-right: 16px;
  font-family: Nunito Sans, sans-serif;
  position: sticky;
  top: 66px;
}

.style-guide-content {
  background-color: #fff;
  flex: 1;
  max-width: 100%;
  margin-left: 18px;
  position: relative;
  box-shadow: 0 8px 22px #08080817;
}

.button-wrap {
  position: relative;
}

.error-state {
  color: red;
  text-align: center;
  background-color: #ffe3e3;
}

.header-logo {
  transform-style: preserve-3d;
  width: 170px;
  margin-right: 36px;
  transition: transform .3s;
}

.header-logo:hover {
  transform: scale3d(.92, .92, 1.01);
}

.style-guide-sidebar-icon {
  width: 60%;
}

.section-styleguide {
  padding-top: 40px;
  padding-bottom: 86px;
}

.header-navigation-2 {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.dropdown-list-5 {
  background-color: #fff;
  min-width: 850px;
  padding: 50px 50px 36px;
  top: 48px;
  right: -429.734px;
  box-shadow: 0 12px 78px #0000001a;
}

.nav-item-wrapper-2 {
  margin-right: 32px;
}

.nav-item-wrapper-2.show-mobile {
  display: none;
}

.sidebar-navigation {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.style-guide-link {
  color: #575757;
  align-items: center;
  width: 196px;
  padding: 12px 20px;
  text-decoration: none;
  transition: opacity .2s, background-color .3s;
  display: flex;
}

.style-guide-link:hover {
  background-color: var(--links);
  color: #080808;
}

.style-guide-link.w--current {
  color: #080808;
  background-color: #ededed;
  font-weight: 700;
  transition: color .3s, background-color .3s;
}

.color-container {
  background-color: #fff;
  box-shadow: 0 8px 16px #08080808, 0 12px 22px #08080805;
}

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

.cart-button {
  background-color: #0000;
  margin-right: 20px;
  padding: 0;
  font-size: 16px;
  line-height: 18px;
  transition: color .3s;
}

.cart-button:hover {
  color: #ccc;
}

.cart-button.desktop.black {
  color: #080808;
}

.cart-button.desktop.black:hover {
  color: #0b6dff;
}

.cart-button.mobile {
  display: none;
}

.mg-top-24px {
  margin-top: 24px;
}

.footer-logo {
  transform-style: preserve-3d;
  width: 158px;
  transition: transform .3s;
}

.footer-logo:hover {
  transform: scale3d(.9, .9, 1.01);
}

.color-hex {
  color: #989898;
  text-transform: uppercase;
  line-height: 20px;
}

.color-block {
  min-height: 120px;
}

.color-block.bg-primary-1 {
  background-color: var(--oxford-blue);
}

.color-block.bg-neutral-400 {
  background-color: #ccc;
}

.color-block.bg-neutral-300 {
  background-color: #ededed;
}

.color-block.bg-neutral-700 {
  background-color: #2b2b2b;
}

.color-block.bg-neutral-600 {
  background-color: #575757;
}

.color-block.bg-neutral-500 {
  background-color: #989898;
}

.color-block.bg-neutral-800 {
  background-color: #080808;
}

.color-block.bg-neutral-200 {
  background-color: #f6f6f6;
}

.color-block.howtoo-yellow {
  background-color: var(--howtoo-yellow);
}

.color-block.howtoo-pink {
  background-color: var(--howtoo-pink);
}

.color-block.howtoo-cyan {
  background-color: var(--howtoo-viking);
}

.color-block.navi-10 {
  background-color: var(--oxford-blue);
}

.color-block.navi-9 {
  background-color: var(--navi-9);
}

.color-block.navi-8 {
  background-color: var(--navi-8);
}

.color-block.navi-7 {
  background-color: var(--navi-7);
}

.color-block.navi-6 {
  background-color: var(--navi-6);
}

.color-block.navi-5 {
  background-color: var(--navi-5);
}

.color-block.navi-4 {
  background-color: var(--navi-4);
}

.color-block.navi-3 {
  background-color: var(--navi-3);
}

.color-block.navi-2 {
  background-color: var(--navi-2);
}

.footer-3 {
  background-color: #080808;
  border-top: 1px solid #2b2b2b;
  padding-top: 0;
  padding-bottom: 0;
}

.cart-container {
  max-width: 500px;
}

.nav-list {
  padding-left: 0;
  list-style-type: none;
}

.nav-list.dropdown-column {
  margin-right: 38px;
}

.nav-list.dropdown-column.column-2 {
  margin-right: 0;
}

.cart-wrapper {
  z-index: 3799;
}

.display-1 {
  margin-bottom: 40px;
  font-size: 72px;
  line-height: 80px;
}

.style-guide-header {
  background-color: var(--oxford-blue);
  border-radius: 8px 8px 0 0;
  padding: 100px 68px;
}

.footer-bottom-3 {
  color: #ccc;
  text-align: center;
  border-top: 1px solid #575757;
  padding-top: 32px;
  padding-bottom: 32px;
}

.footer-column-links-container-2 {
  display: flex;
}

.cart-subtotal {
  color: #080808;
}

.grid-3-columns {
  grid-column-gap: 26px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3-columns.dropdown {
  grid-column-gap: 50px;
  grid-template-columns: auto auto auto;
}

.grid-3-columns.offices-contact-v2-wrapper {
  z-index: 1;
  margin-top: -186px;
  position: relative;
}

.grid-3-columns.features-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
}

.color-content-wrapper {
  padding-bottom: 56px;
}

.color-content-wrapper.last {
  padding-bottom: 0;
}

.style-guide-link-wrapper {
  margin-bottom: 8px;
}

.footer-links-list-2 {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.footer-links-list-2.col-1 {
  margin-right: 64px;
}

.style-guide-content-wrapper {
  padding: 110px 68px;
}

.style-guide-content-wrapper.grey-3 {
  background-color: var(--grey-3);
}

.style-guide-content-wrapper.off-white {
  background-color: var(--white-smoke);
}

.cart-product-title {
  color: #080808;
}

.drodown-toggle {
  color: #fff;
  align-items: center;
  padding: 0;
  transition: color .3s;
  display: flex;
}

.drodown-toggle:hover {
  color: #989898;
}

.drodown-toggle.black {
  color: #080808;
}

.drodown-toggle.black:hover {
  color: #0b6dff;
}

.style-guide-icon-link {
  background-color: var(--oxford-blue);
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-right: 16px;
  transition: background-color .25s;
  display: flex;
}

.footer-column-title-4 {
  color: #989898;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 48px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

.link-white-2 {
  color: #fff;
}

.link-white-2:hover {
  color: #ccc;
}

.container-default-2 {
  max-width: 1244px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: none;
}

.card-product-option-item {
  color: #080808;
  font-weight: 500;
}

.paragraph-dark-7 {
  color: #ccc;
}

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

.style-guide-sidebar-title {
  color: #080808;
  border-bottom: 1px solid #ededed;
  margin-bottom: 24px;
  padding-bottom: 24px;
  padding-left: 0;
  padding-right: 0;
  font-size: 22px;
  line-height: 24px;
}

.style-guide-sidebar-title.middle {
  border-top: 1px solid #ededed;
  margin-top: 24px;
  padding-top: 24px;
}

.empty-state-cart {
  flex-direction: column;
  padding-left: 24px;
  padding-right: 24px;
}

.page-wrapper-3 {
  justify-content: center;
  display: block;
}

.color-title {
  color: #080808;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.buttons-grid {
  grid-column-gap: 24px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.cart-quantity {
  color: #fff;
  background-color: #0000;
  min-width: auto;
  height: auto;
  margin-left: 0;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 16px;
  font-weight: 400;
}

.cart-quantity.black {
  color: #080808;
}

.nav-link-9 {
  color: #fff;
  text-decoration: none;
  transition: color .3s;
}

.nav-link-9:hover {
  color: #989898;
}

.nav-link-9.black {
  color: #080808;
}

.nav-link-9.black:hover {
  color: #0b6dff;
}

.split-content.header-right {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.split-content.header-left {
  align-items: center;
  display: flex;
}

.mg-bottom-8px {
  margin-bottom: 8px;
}

.style-guide-button-container {
  margin-top: 48px;
}

.dropdown-list-wrapper {
  background-color: #0000;
  padding-top: 50px;
  right: -429.734px;
}

.typography-details {
  color: var(--howtoo-yellow);
  margin-top: 15px;
  font-weight: 500;
}

.input-2 {
  color: #575757;
  background-color: #0000;
  border: 0 solid #ededed;
  border-bottom: 1px solid #ccc;
  height: 76px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 18px;
  font-weight: 400;
  transition: border-color .3s, color .3s;
}

.input-2:hover, .input-2:focus {
  color: #080808;
  border-bottom-color: #080808;
}

.input-2.cart-product-number {
  border-radius: 0;
}

.typography-container {
  border-bottom: 1px solid #ededed;
  padding-top: 54px;
  padding-bottom: 54px;
}

.typography-container.last {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.mg-bottom-32px {
  margin-bottom: 32px;
}

.color-white-7 {
  color: #fff;
}

.paragraph-large {
  font-size: 21px;
  line-height: 28px;
}

.nav-list-item {
  margin-bottom: 12px;
}

.footer-middle-2 {
  grid-column-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto;
  padding-top: 130px;
  padding-bottom: 130px;
}

.arrow-link-wrapper {
  margin-right: 18px;
}

.glossary-menu-grid {
  grid-column-gap: 8px;
  grid-row-gap: 12px;
  grid-template-rows: min-content;
  grid-template-columns: min-content min-content;
  grid-auto-rows: min-content;
  grid-auto-columns: min-content;
  display: grid;
}

.glossary-menu-grid.top-margin-20 {
  margin-top: 20px;
}

.alphabetical-menu {
  color: var(--oxford-blue);
  border-radius: 8px;
  justify-content: center;
  padding-left: 12px;
  padding-right: 12px;
  transition: color .3s, background-color .3s;
  display: flex;
}

.alphabetical-menu:hover {
  background-color: #15152833;
}

.alphabetical-menu.w--current {
  background-color: var(--oxford-blue);
  color: #fff;
}

.text-block-15 {
  text-align: center;
  width: 24px;
  height: 48px;
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 48px;
}

.navbar-3 {
  z-index: 5;
  background-color: #0000;
}

.div-block-134 {
  z-index: 1;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  top: 140px;
}

.heading-42 {
  width: 300px;
  margin-right: 60px;
}

.paragraph-29 {
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.glossary-subheader {
  z-index: 3;
  background-color: #f6f6f6;
  padding: 20px 68px;
  position: sticky;
  top: 66px;
}

.glossary-section_number {
  margin-top: -66px;
  padding-top: 66px;
  position: relative;
}

.glossary-content-wrapper {
  z-index: 1;
  justify-content: space-around;
  margin-left: auto;
  margin-right: auto;
  padding: 0 68px;
  position: relative;
  top: -140px;
}

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

.empty-state-3 {
  background-color: #0000;
  height: auto;
  display: none;
}

.div-block-135 {
  height: 0;
}

.form-block-3 {
  width: 100%;
}

.field-label-6 {
  color: #fff;
  font-weight: 400;
}

.controls-form {
  width: 100%;
}

.field {
  border: 2px solid #f3f3f7;
  border-radius: 6px;
  height: 48px;
  padding: 16px;
  line-height: 30px;
  transition: border-color .2s;
}

.field:focus {
  border-color: #293072;
}

.field.search {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 5px;
  height: auto;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
}

.field.search:active {
  color: #fff;
}

.field.search:focus {
  color: #fff;
  border-color: #007f7f;
}

.field.search::placeholder {
  color: #ffffff80;
}

.sort_select {
  color: #fff;
  background-color: #0000;
  border-radius: 5px;
  width: 100%;
}

.sort_select:focus {
  background-color: #1a1a1a;
  border: 1px solid #007f7f;
}

.tabs-menu {
  flex-direction: column;
  width: 20%;
  display: flex;
}

.tabs-menu.left-div {
  background-color: #1a1a1a;
  border: 1px #007f7f;
  border-top: 2px solid #007f7f;
  border-radius: 6px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-right: 10px;
}

.filter_select {
  color: #fff;
  background-color: #0000;
  border-radius: 5px;
  width: 100%;
}

.filter_select:focus {
  background-color: #1a1a1a;
  border: 1px solid #007f7f;
}

.text-block-15-copy {
  text-align: center;
  width: 12px;
  height: 48px;
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 48px;
}

.number {
  text-align: center;
  width: 24px;
  height: 48px;
  font-size: 24px;
  line-height: 48px;
}

.style-guide-sidebar-title-copy {
  color: #080808;
  border-bottom: 1px solid #ededed;
  padding-left: 0;
  padding-right: 0;
  font-size: 22px;
  line-height: 24px;
}

.style-guide-sidebar-title-copy.middle {
  border-top: 1px solid #ededed;
  margin-top: 24px;
  padding-top: 24px;
}

.flex-glossary {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flex-glossary.sidebar {
  align-items: flex-start;
}

.glossary-sidebar-copy {
  z-index: 2;
  flex: 0 14em;
  height: 100%;
  min-height: 96vh;
  margin-right: 16px;
  font-family: Nunito Sans, sans-serif;
  position: sticky;
  top: 100px;
}

.section-glossary {
  padding-top: 40px;
  padding-bottom: 86px;
}

.idtext {
  display: none;
}

.embed {
  height: 0;
}

.post-card-1 {
  justify-content: space-between;
  padding-top: 200px;
  padding-bottom: 0;
  display: flex;
}

.div-block-easily-create-online-training {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gradient-stripe-easilly-create-online-training {
  z-index: auto;
  background-image: linear-gradient(to right, #fed88f, #f7a3c3 49%, #bbe8ef);
  flex: 1;
  width: 100%;
  height: 350px;
  display: block;
  position: absolute;
  top: 568px;
  overflow: hidden;
}

.video-lightbox-icon {
  height: 25px;
}

.hero-video-lightbox {
  margin-top: 40px;
}

.hero-description-title {
  opacity: .65;
  text-align: left;
  width: 60%;
  margin-top: 20px;
  margin-left: 0;
  margin-right: auto;
  font-size: 24px;
  font-weight: 300;
  line-height: 31px;
  display: block;
}

.about-us {
  position: relative;
}

.about-us.hero-container {
  background-color: #ffffff1a;
  background-image: linear-gradient(to bottom, var(--white) 90%, white 0%);
  filter: blur();
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  color: #0000;
  text-align: center;
  border: 2px solid #fff6;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  max-width: 37%;
  padding: 50px;
  display: flex;
  transform: translate(0);
}

.video-lightbox-button {
  text-align: center;
  background-color: #5ec045;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-left: 2px;
  transition: transform .2s;
  display: block;
  position: absolute;
  top: 53%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
}

.video-lightbox-button:hover {
  transform: translate(0, -50%)scale(1.2);
  box-shadow: 0 0 13px #00000080;
}

.video-lightbox-button.large-color {
  background-color: #5ec045;
  width: 90px;
  height: 90px;
  padding-top: 30px;
  transition: background-color .2s;
  position: static;
  top: 0;
  transform: none;
}

.video-lightbox-button.large-color:hover {
  background-color: #3b3b3b;
}

.large-hero-title-bold {
  text-align: left;
  font-weight: 700;
}

.hero-block-overlay {
  color: #fff;
  background-color: #00000040;
  padding-top: 270px;
  padding-bottom: 250px;
}

.hero-block-overlay.business {
  color: #0000;
  background-color: #0000;
  padding-top: 240px;
  padding-bottom: 240px;
  padding-left: 140px;
}

.hero-background-video {
  width: 100%;
  height: auto;
}

.large-hero-title {
  color: #fff;
  width: 90%;
  margin: 0 auto 10px 0;
  font-size: 45px;
  font-weight: 300;
  line-height: 47px;
  display: flex;
}

.nunito-300-58px-white {
  color: var(--oxford-blue);
  text-align: left;
  font-size: 58px;
  font-weight: 300;
  line-height: 68px;
}

.nunito-300-58px-white.align-centre {
  text-align: center;
}

.nunito-300-58px-white.align-centre.color-white, .nunito-300-58px-white.white {
  color: var(--white);
}

.body-big-white {
  color: var(--oxford-blue);
  text-align: left;
  min-width: 50%;
  min-height: 50%;
  margin-top: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  line-height: 28px;
}

.body-big-white.color-white {
  color: var(--white);
}

.text-block-16 {
  color: var(--oxford-blue);
  text-align: left;
  padding-bottom: 10px;
}

.section-50 {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  line-height: 39px;
}

.button-13 {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #1f6fff;
  border-radius: 3px;
  margin-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 12px;
  font-weight: 600;
  transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s;
}

.button-13:hover {
  color: #fff;
  background-color: #0b4fc9;
  box-shadow: 0 8px 16px 4px #0000004d;
}

.container-40 {
  max-width: 70%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.video-column-right {
  padding-left: 10px;
  padding-right: 0;
}

.video-lightbox-image-block {
  background-image: linear-gradient(#0000001a, #0000001a), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9cb10e845dd_Photo-6.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.section-description {
  margin-top: 30px;
  padding-bottom: 30px;
  font-size: 21px;
  font-weight: 300;
  line-height: 27px;
}

.section-description.in-column {
  font-size: 19px;
  line-height: 26px;
}

.pro-collab {
  align-items: center;
  display: flex;
}

.pro-leftalignedtext {
  padding-bottom: 0;
  padding-right: 40px;
}

.overall-video-lightbox {
  border-radius: 4px;
  width: 100%;
  height: 230px;
  display: block;
  overflow: hidden;
  box-shadow: 0 10px 40px #0000004d;
}

.image-section-overlay {
  color: #fff;
  background-color: #2c2e31b3;
  background-image: linear-gradient(to right, #ffffffc4 32%, #fff0 46%), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/63a25d68022b481b1313c92d_Frame%205460.png");
  background-position: 0 0, 0%;
  background-size: auto, cover;
  flex-direction: row;
  width: 100%;
  height: 100%;
  margin-top: 80px;
  margin-left: 0;
  padding-top: 200px;
  padding-bottom: 220px;
  padding-right: 550px;
  display: block;
}

.image-section-overlay-block {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.image-section-overlay-title {
  font-size: 36px;
  font-weight: 400;
  line-height: 41px;
}

.image-section-overlay-title.subtitle {
  text-align: left;
  width: 70%;
  margin: 30px auto 30px 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  display: block;
}

.container-40-copy {
  max-width: 50%;
  max-height: 40%;
  display: flex;
  position: relative;
}

.body-p-oxfod-blue {
  color: var(--oxford-blue);
  text-align: left;
  min-width: 50%;
  min-height: 60%;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}

.body-p-oxfod-blue.color-white.align-centre {
  text-align: center;
}

.body-p-oxfod-blue.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-oxfod-blue.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.nunito-300-24px {
  color: var(--oxford-blue);
  text-align: left;
  width: 100%;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 300;
  line-height: 34px;
}

.nunito-300-24px.no-spacing, .nunito-300-24px.no-bottom-margin {
  margin-bottom: 0;
}

.image-75 {
  border-radius: 8px;
}

.section-title-wrapper {
  text-align: center;
  justify-content: center;
  width: 60%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-title-wrapper.full {
  text-align: left;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 20px;
}

.section-title-wrapper.full.info {
  margin-bottom: 30px;
}

.info-column-right {
  padding-top: 60px;
  padding-bottom: 20px;
  padding-left: 70px;
}

.info-column-right.responsive {
  padding: 0 0 0 60px;
}

.home-mockup-column {
  object-fit: contain;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.section-51 {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section-51.overflow-none {
  background-color: #f8f8fb;
  padding-top: 200px;
  padding-bottom: 200px;
  overflow: hidden;
}

.section-51.top-line {
  border-top: 1px solid #ddd;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-51.tint {
  background-color: #0d1633;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-51.dark {
  background-color: var(--oxford-blue);
  color: #fff;
  object-fit: cover;
  background-image: none;
  background-size: auto;
  border: 0 solid #000;
  align-items: flex-end;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-41 {
  max-width: 80%;
  max-height: 80%;
  position: relative;
}

.left-feature-icon {
  height: 34px;
  position: absolute;
  top: 0;
  left: 0;
}

.long-feature-block {
  margin-top: 25px;
  padding-left: 65px;
  padding-right: 20px;
  position: relative;
}

.long-feature-title {
  margin-bottom: 14px;
  font-size: 19px;
}

.home-mockup {
  z-index: 3;
  width: 715px;
  margin-left: 60px;
  position: absolute;
  top: 3px;
  left: -290px;
}

.home-mockup.ipad {
  z-index: 4;
  width: 251px;
  top: 59px;
  left: 85px;
}

.home-mockup.iphone {
  z-index: 5;
  width: 130px;
  top: 180px;
  left: 270px;
}

.description-paragraph {
  color: #a3a3a3;
  font-size: 14px;
  line-height: 22px;
}

.columns-5 {
  max-width: 102%;
}

.color-block-2 {
  color: #8f8f8f;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0 32px 0 0;
  text-decoration: none;
  transition: transform .2s;
  display: flex;
  position: relative;
  box-shadow: 0 0 16px #0000001a;
}

.color-block-icon {
  z-index: 1;
  opacity: 1;
  height: 40px;
  position: absolute;
  top: 18px;
  right: 30px;
}

.color-block-title {
  z-index: 10;
  color: #000;
  margin-bottom: 17px;
  font-size: 19px;
  font-weight: 600;
  position: relative;
}

.color-block-paragraph {
  z-index: 10;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 19px;
  position: relative;
}

.columns-6 {
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.body-p-copy {
  color: var(--navi-body);
  text-align: left;
  min-width: 60%;
  min-height: 60%;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}

.learn-more-link {
  color: #3a42ff;
  object-fit: fill;
  flex-direction: row;
  flex: 0 auto;
  margin-right: 8px;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.learn-more-link:hover {
  text-decoration: none;
}

.image-76 {
  margin-left: 0;
}

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

.div-block-136 {
  display: flex;
}

.div-block-136.learn-more {
  display: none;
}

.nunito-300-18px {
  color: var(--oxford-blue);
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.nunito-300-18px.no-spacing, .nunito-300-18px.no-bottom-margin {
  margin-bottom: 0;
}

.div-block-137 {
  background-color: #ffa32d;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 20px;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  margin-bottom: 0;
  margin-right: 32px;
}

.div-block-148 {
  background-color: #fff;
  align-self: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.link-wrap {
  display: inline-block;
  overflow: hidden;
}

.link2.learn-more-link {
  margin-right: 0;
  font-family: Inter, sans-serif;
  font-weight: 500;
  line-height: 18px;
}

.link_underline {
  background-color: var(--links);
  height: 2px;
  transform: translate(-90px);
}

.info-block-left {
  width: 56%;
}

.info-block-left.ui {
  background-color: #0000;
  width: 50%;
  padding: 60px 20px;
}

.container-42 {
  max-width: 70%;
  position: relative;
}

.image-section {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93500e845ee_Photo-5.jpg");
  background-position: 50%;
  background-size: cover;
}

.image-section.ui-section {
  background-color: #eee;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6213009e75964458c096eb54_Frame%205459-min.png"), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c92573e845f1_Frame%205447-min.png");
  background-position: 50% 100%, 90% 80%;
  background-repeat: repeat, no-repeat;
  background-size: cover, auto 700px;
  padding-top: 90px;
  padding-bottom: 90px;
}

.image-77 {
  margin-top: 0;
}

.pricing-price {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 44px;
  font-weight: 700;
  line-height: 40px;
}

.pricing-block-tag {
  text-transform: uppercase;
  background-color: #5ec045;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 90px;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 9px;
  font-family: Montserrat, sans-serif;
  font-size: 9px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.container-43 {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.pricing-paragraph {
  font-size: 13px;
  line-height: 22px;
}

.pricing-title {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 13px;
}

.pricing-block {
  text-align: center;
  background-color: #f0f4f7;
  border-radius: 4px;
  padding: 60px 40px;
  position: relative;
}

.pricing-block.image {
  color: #fff;
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9254be845d9_Photo-9.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.nunito-300-24px-centre {
  color: var(--oxford-blue);
  text-align: center;
  width: 60%;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 34px;
}

.nunito-300-24px-centre.no-spacing, .nunito-300-24px-centre.no-bottom-margin {
  margin-bottom: 0;
}

.div-block-138 {
  justify-content: center;
  width: 75%;
  display: flex;
}

.div-block-139 {
  background-color: #fff;
  border-radius: 12px;
  width: 320px;
  height: 360px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 6px 6px 16px #00000026;
}

.div-block-139:hover {
  box-shadow: 6px 6px 32px #00000026;
}

.body-p-2 {
  color: #42495c;
  text-align: left;
  flex-direction: row;
  min-width: 60%;
  min-height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  display: flex;
  overflow: visible;
}

.h1_new-2 {
  color: var(--oxford-blue);
  text-align: center;
  letter-spacing: -1.5px;
  border: 1px #0d1633;
  margin-left: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 58px;
  font-weight: 700;
  line-height: 68px;
}

.h1_new-2.align_centre {
  text-align: center;
  margin-top: 0;
  margin-bottom: 100px;
}

.button-14 {
  text-align: center;
  background-color: #0d1633;
  border-radius: 4px;
  width: 160px;
  height: 48px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 48px;
}

.button-14:hover {
  background-color: var(--navi-body);
}

.heading-43 {
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  height: 30px;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
}

.cs_painchek_section-copy {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 140px;
  display: flex;
}

.cs_painchek_section-copy.cs_painchek_section_display {
  display: block;
}

.cs_painchek_section-copy.cs_painchek_section_display-copy {
  background-color: #f8f8fb;
  flex-direction: column;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.section-title-wrapper-copy {
  text-align: center;
  justify-content: center;
  width: 60%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-title-wrapper-copy.full {
  text-align: left;
  text-align: left;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
}

.section-title-wrapper-copy.full.info {
  margin-bottom: 30px;
}

.section-title-wrapper-copy-copy {
  text-align: center;
  justify-content: center;
  width: 60%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-title-wrapper-copy-copy.full {
  text-align: left;
  text-align: left;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-bottom: 20px;
}

.section-title-wrapper-copy-copy.full.info {
  margin-bottom: 30px;
}

.nunito-300-36px-copy {
  color: var(--oxford-blue);
  text-align: center;
  width: 50%;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
}

.nunito-300-36px-copy.no-spacing, .nunito-300-36px-copy.no-bottom-margin {
  margin-bottom: 0;
}

.section-title-wrapper-2 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 60%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-title-wrapper-2.small-title {
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.container-44 {
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.logos-row {
  margin: 10px 0 40px;
}

.client-logo {
  opacity: .3;
  object-fit: contain;
  height: 50px;
  transition: opacity .2s;
}

.client-logo:hover {
  opacity: 1;
}

.small-section-title {
  opacity: .6;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 600;
}

.logo-column {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.body-p-white {
  color: var(--white);
  text-align: center;
  flex-direction: row;
  justify-content: center;
  min-width: 60%;
  min-height: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-right: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  display: flex;
  overflow: visible;
}

.body-p-white.color-white.align-centre {
  text-align: center;
}

.body-p-white.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-white.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.button-11-yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  text-align: center;
  border-radius: 4px;
  width: auto;
  height: 48px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 48px;
  position: relative;
}

.button-11-yellow:hover {
  background-color: #fdc050;
}

.homepage-row {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.homepage-column {
  padding-left: 15px;
  padding-right: 15px;
}

.container-45 {
  object-fit: fill;
  align-items: flex-end;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: block;
  position: relative;
}

.homepage-link-block {
  border-radius: 4px;
  margin-bottom: 30px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 30px #0000004d;
}

.homepage-link-block:hover {
  opacity: .8;
}

.homepage-screenshot {
  width: 100%;
}

.nunito-300-36px-white {
  color: var(--white);
  text-align: center;
  width: 50%;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
}

.nunito-300-36px-white.no-spacing, .nunito-300-36px-white.no-bottom-margin {
  margin-bottom: 0;
}

.footer-tilt-line-section-wrapper {
  overflow: hidden;
}

.section-52 {
  margin-bottom: 140px;
  padding-top: 140px;
}

.grid-14 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  min-width: 100%;
}

.team-wrapper {
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.team-image {
  float: left;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c94258e84607_Vector-min.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 200px;
  height: 200px;
  margin-right: 0;
}

.team-title {
  text-align: center;
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 600;
}

.team-title.title {
  color: #1f6fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
}

.team-description {
  text-align: center;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 22px;
}

.container-46 {
  max-width: 50%;
}

.team-wrapper-copy {
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.team-image-copy {
  float: left;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9122be84609_Vector-4-min.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 200px;
  height: 200px;
  margin-right: 0;
}

.jas {
  float: left;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c96a53e84608_Vector-2-min.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 200px;
  height: 200px;
  margin-right: 0;
}

.section-53 {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
}

.divider {
  background-color: #fff;
  width: 80px;
  height: 2px;
  margin: 28px auto;
  display: block;
}

.divider.grey {
  background-color: #00000017;
  margin-bottom: 43px;
}

.grey-icon-wrapper {
  background-color: var(--white);
  width: 80%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 0;
}

.about---headshots {
  max-width: 150px;
  margin-bottom: 10px;
}

.nunito-300-18px-centre {
  color: var(--oxford-blue);
  text-align: center;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.nunito-300-18px-centre.no-spacing, .nunito-300-18px-centre.no-bottom-margin {
  margin-bottom: 0;
}

.body-p-centre {
  color: var(--navi-body);
  text-align: center;
  flex-direction: row;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  overflow: visible;
}

.body-p-centre.color-white.align-centre {
  text-align: center;
}

.body-p-centre.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-centre.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.column-7, .column-8, .column-9 {
  flex-direction: column;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container-47 {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
}

.columns-7 {
  margin-bottom: 40px;
}

.nunito-300-36px-middle {
  color: var(--oxford-blue);
  margin-bottom: 40px;
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
}

.nunito-300-36px-middle.no-spacing, .nunito-300-36px-middle.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-16p {
  color: var(--oxford-blue);
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.nunito-300-16p.no-spacing, .nunito-300-16p.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-18px-copy {
  color: var(--oxford-blue);
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.nunito-300-18px-copy.no-spacing, .nunito-300-18px-copy.no-bottom-margin {
  margin-bottom: 0;
}

.div-block-140 {
  display: flex;
}

.image-79 {
  object-fit: contain;
  max-width: 90%;
  margin-right: 10px;
}

.color-block-2-copy {
  color: #8f8f8f;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0 32px 0 0;
  text-decoration: none;
  transition: transform .2s;
  display: flex;
  position: relative;
  box-shadow: 0 0 16px #0000001a;
}

.nunito-300-18px-mobile {
  color: var(--oxford-blue);
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.nunito-300-18px-mobile.no-spacing, .nunito-300-18px-mobile.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-36px-white-middle {
  color: var(--white);
  text-align: center;
  width: 50%;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
}

.nunito-300-36px-white-middle.no-spacing, .nunito-300-36px-white-middle.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-36px-copy.no-spacing, .nunito-300-36px-copy.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-18px-mobile-copy.no-spacing, .nunito-300-18px-mobile-copy.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-18px-mobile-middle {
  color: var(--oxford-blue);
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.nunito-300-18px-mobile-middle.no-spacing, .nunito-300-18px-mobile-middle.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-18px-mobile-copy {
  color: var(--oxford-blue);
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.nunito-300-18px-mobile-copy.no-spacing, .nunito-300-18px-mobile-copy.no-bottom-margin {
  margin-bottom: 0;
}

.image-80 {
  min-width: 100%;
}

.procards-navy {
  background-color: var(--white);
  border: 0 solid #002564;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 20px;
  padding-right: 32px;
  display: flex;
  box-shadow: 1px 1px 9px 2px #00256429;
}

.procards-navy:hover {
  box-shadow: 1px 1px 24px 3px #00256429;
}

.procards-navy.our-platform:hover {
  box-shadow: 1px 1px 9px 2px #00256429;
}

.div-block-137-pink {
  background-color: var(--howtoo-pink);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 20px;
  height: auto;
  margin-right: 32px;
}

.div-block-137-blue {
  background-color: var(--oxford-blue);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 20px;
  margin-right: 32px;
}

.body-p-copy {
  color: var(--navi-body);
  text-align: left;
  flex-direction: row;
  min-width: 60%;
  min-height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  overflow: visible;
}

.div-block-66-copy {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c92573e845f1_Frame%205447-min.png");
  background-position: 0 0, 90% 70%;
  background-size: auto, 960px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 140px;
  padding: 100px 30px 40px;
}

.div-block-66-copy-copy {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c91653e84564_Rectangle%205058.png");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 140px;
  padding: 100px 30px 40px;
}

.div-block-66-ccc-copy-copy {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620ed16277a36536413dfcda_Screen%20Shot%202022-02-18%20at%209.50.41%20am-min.png");
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, 380px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 140px;
  padding: 100px 30px 40px;
}

.nunito-300-18px-mobile-copy-copy {
  color: var(--oxford-blue);
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.nunito-300-18px-mobile-copy-copy.no-spacing, .nunito-300-18px-mobile-copy-copy.no-bottom-margin {
  margin-bottom: 0;
}

.body-big-white-copy {
  color: var(--oxford-blue);
  text-align: left;
  min-width: 50%;
  min-height: 50%;
  margin-top: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  line-height: 28px;
}

.body-big-white-copy.color-white {
  color: var(--white);
}

.badge-mobile {
  min-width: 100%;
}

.heading-43-copy {
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  height: 30px;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
}

.nunito-300-36px-middle-2 {
  color: var(--oxford-blue);
  margin-bottom: 40px;
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
}

.nunito-300-36px-middle-2.no-spacing, .nunito-300-36px-middle-2.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-36px-copy.no-spacing, .nunito-300-36px-copy.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-36px-copy-copy.no-spacing, .nunito-300-36px-copy-copy.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-36px-copy-copy.margin-bottom-24 {
  margin-bottom: 24px;
}

.nunito-300-36px-copy-copy {
  color: var(--oxford-blue);
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
}

.nunito-300-36px-copy-copy.no-spacing, .nunito-300-36px-copy-copy.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-24px-mobile {
  color: var(--oxford-blue);
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}

.nunito-300-24px-mobile.no-spacing, .nunito-300-24px-mobile.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-24px-mobile.margin-bottom-24 {
  margin-bottom: 24px;
}

.nunito-300-24px-mobile-middle {
  color: var(--oxford-blue);
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}

.nunito-300-24px-mobile-middle.no-spacing, .nunito-300-24px-mobile-middle.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-24px-mobile-middle.margin-bottom-24 {
  margin-bottom: 24px;
}

.nunito-300-24px-mobile-middle-white {
  color: var(--oxford-blue);
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
}

.nunito-300-24px-mobile-middle-white.no-spacing, .nunito-300-24px-mobile-middle-white.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-24px-mobile-middle-white.margin-bottom-24 {
  margin-bottom: 24px;
}

.div-block-150 {
  margin-bottom: 20px;
}

.image-section-overlay-copy {
  color: #fff;
  background-color: #2c2e31b3;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c996a7e845e0_Frame%205445-min%20(1).png");
  background-position: 60% 20%;
  background-size: auto;
  flex-direction: row;
  width: 100%;
  height: 100%;
  margin-top: 80px;
  margin-left: 0;
  padding-top: 200px;
  padding-bottom: 220px;
  padding-right: 550px;
  display: block;
}

.div-block-151 {
  margin-top: 40px;
}

.div-block-152, .div-block-153 {
  display: none;
}

.div-block-139-copy {
  background-color: #fff;
  border-radius: 12px;
  width: 320px;
  height: 360px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 6px 6px 16px #00000026;
}

.div-block-139-copy:hover {
  box-shadow: 6px 6px 32px #00000026;
}

.strip-blue {
  background-color: var(--white);
  border: 0 solid #002564;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 20px;
  padding-right: 32px;
  display: flex;
  box-shadow: 1px 1px 9px 2px #00256429;
}

.strip-blue:hover {
  box-shadow: 1px 1px 24px 3px #00256429;
}

.strip-blue.our-platform:hover {
  box-shadow: 1px 1px 9px 2px #00256429;
}

.div-block-137-bluenavy-copy {
  background-color: var(--oxford-blue);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 20px;
  height: auto;
  margin-right: 32px;
}

.nunito-300-24px-mobile-middle-white-copy {
  color: var(--white);
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}

.nunito-300-24px-mobile-middle-white-copy.no-spacing, .nunito-300-24px-mobile-middle-white-copy.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-24px-mobile-middle-white-copy.margin-bottom-24 {
  margin-bottom: 24px;
}

.container-48 {
  background-color: #fff;
}

.div-block-154 {
  filter: blur();
}

.aboutus {
  background-color: #ffffffd9;
  width: 40%;
  height: 300px;
  margin-bottom: 100px;
}

.section-54 {
  display: none;
}

.nunito-300-36px-copy.no-spacing, .nunito-300-36px-copy.no-bottom-margin {
  margin-bottom: 0;
}

.button-11-yellow-copy {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  text-align: center;
  border-radius: 4px;
  width: 300px;
  min-width: 260px;
  height: 48px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 48px;
}

.button-11-yellow-copy {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  text-align: center;
  border-radius: 4px;
  width: 200px;
  height: 48px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 48px;
}

.button-11-yellow-copy:hover {
  background-color: #fdc050;
}

.slide-15 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6212ef99d8ef27289cd2081e_Frame%205455-min.png");
  background-position: 60%;
  background-size: auto;
  height: 800px;
  padding: 260px 660px 0 40px;
}

.mask-7 {
  height: 800px;
}

.slider-7 {
  height: 100%;
}

.slide-16 {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6212e5c57eb97c3e75385ad0_Frame%205443-min.png");
  background-position: 90%;
  background-size: auto;
}

.slide-17 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6212e5c5fb41876c78227d63_Frame%205442-min.png");
  background-position: 65% 30%;
  background-size: auto;
}

.div-block-157 {
  background-color: var(--white);
  width: 60%;
  height: 40%;
}

.div-block-158 {
  width: 100%;
}

.container-50 {
  background-image: linear-gradient(#fff, #fff);
  position: fixed;
}

.div-block-159 {
  background-color: var(--haze);
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  position: fixed;
}

.container-51 {
  border: 2px solid var(--white);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background-image: linear-gradient(#ffffffb3, #ffffffb3);
  border-radius: 4px;
  max-width: 100%;
  padding: 40px;
  position: static;
}

.nunito-300-58px-copy {
  color: var(--oxford-blue);
  text-align: left;
  margin-bottom: 0;
  font-size: 58px;
  font-weight: 300;
  line-height: 68px;
}

.nunito-300-58px-copy.align-centre {
  text-align: center;
}

.nunito-300-58px-copy.align-centre.color-white, .nunito-300-58px-copy.white {
  color: var(--white);
}

.left-arrow-2 {
  align-items: center;
  width: 30%;
  margin-left: 100px;
  display: flex;
}

.nunito-300-24px-mobile-left {
  color: var(--oxford-blue);
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
}

.nunito-300-24px-mobile-left.no-spacing, .nunito-300-24px-mobile-left.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-24px-mobile-left.margin-bottom-24 {
  margin-bottom: 24px;
}

.div-block-160 {
  display: none;
}

.div-block-161 {
  display: block;
}

.nunito-300-36px-copy {
  color: var(--oxford-blue);
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
}

.nunito-300-36px-copy.no-spacing, .nunito-300-36px-copy.no-bottom-margin {
  margin-bottom: 0;
}

.nunito-300-36px-copy.margin-bottom-24 {
  margin-bottom: 24px;
}

.div-block-161-copy {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  text-align: left;
  background-color: #fffc;
  border: 2px solid #fff;
  border-radius: 4px;
  padding: 20px 40px;
}

.image-82 {
  border-radius: 8px;
}

.body-p-copy {
  color: var(--navi-body);
  text-align: left;
  flex-direction: row;
  width: 99.9999%;
  min-width: 50%;
  min-height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  overflow: visible;
}

.body-p-copy.color-white.align-centre {
  text-align: center;
}

.body-p-copy.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-copy.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.about-us---button-3 {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  text-align: center;
  border-radius: 4px;
  width: 200px;
  height: 48px;
  margin-top: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 48px;
}

.about-us---button-3:hover {
  background-color: #fdc050;
}

.body-p-2-copy {
  color: #42495c;
  text-align: left;
  flex-direction: row;
  min-width: 60%;
  min-height: auto;
  margin-top: 20px;
  margin-bottom: 35px;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  display: flex;
  overflow: visible;
}

.body-p-copyquote-name {
  color: var(--navi-body);
  text-align: left;
  flex-direction: row;
  min-width: 60%;
  min-height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  overflow: visible;
}

.body-p-copyquote-name.color-white.align-centre {
  text-align: center;
}

.body-p-copyquote-name.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-copyquote-name.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.body-p-copy-text {
  color: var(--navi-body);
  text-align: left;
  flex-direction: row;
  width: 99.9999%;
  min-width: 50%;
  min-height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  overflow: visible;
}

.body-p-copy-text.color-white.align-centre {
  text-align: center;
}

.body-p-copy-text.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-copy-text.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.body-p-copy-text.align-centre.padding {
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.body-p-3 {
  color: var(--navi-body);
  text-align: left;
  letter-spacing: -.3px;
  flex-direction: row;
  width: 99.9999%;
  min-width: 50%;
  min-height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  overflow: visible;
}

.body-p-3.color-white.align-centre {
  text-align: center;
}

.body-p-3.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-3.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.nunito-300-58px-aboutus {
  color: var(--oxford-blue);
  text-align: left;
  margin-bottom: 10px;
  font-size: 58px;
  font-weight: 700;
  line-height: 68px;
}

.nunito-300-58px-aboutus.align-centre {
  text-align: center;
}

.nunito-300-58px-aboutus.align-centre.color-white, .nunito-300-58px-aboutus.white {
  color: var(--white);
}

.body-p-copyquote-name-copy {
  color: var(--navi-body);
  text-align: left;
  flex-direction: row;
  min-width: 60%;
  min-height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  overflow: visible;
}

.body-p-copyquote-name-copy.color-white.align-centre {
  text-align: center;
}

.body-p-copyquote-name-copy.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-copyquote-name-copy.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.pro-2col {
  background-color: #fff;
  width: 100%;
  min-width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.lp_page-wrapper {
  width: 100%;
  display: block;
  overflow: visible;
}

.lp_page-wrapper.overflow-visible {
  overflow: visible;
}

.section-55 {
  background-image: linear-gradient(to bottom, var(--oxford-blue), #024660);
  flex-direction: row;
  justify-content: flex-start;
  height: 690px;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  overflow: hidden;
}

.capterra1-container-1 {
  justify-content: flex-start;
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
  overflow: visible;
}

.hero-text {
  width: 590px;
  min-width: 590px;
}

.lp {
  letter-spacing: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 58px;
  line-height: 68px;
}

.lp.white {
  color: var(--white);
}

.lp.white.bold {
  font-weight: 700;
}

.div-block-162 {
  position: absolute;
}

.section-56 {
  background-image: linear-gradient(to right, #bbe8ef, #fedfa7 51%, #f591b8);
  padding-top: 40px;
  padding-bottom: 40px;
}

.lp_caption {
  color: var(--navi-body);
  margin-bottom: 30px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
}

.lp_caption.align-centre {
  text-align: center;
  margin-bottom: 0;
}

.lp_caption.white {
  color: var(--white);
}

.section-55-copy {
  background-image: linear-gradient(to bottom, var(--oxford-blue), #024660);
  padding-top: 120px;
  padding-bottom: 120px;
}

.section-57 {
  padding-top: 120px;
  padding-bottom: 120px;
}

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

.container-55 {
  flex-wrap: nowrap;
  justify-content: flex-start;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.div-block-163 {
  flex-direction: column;
  justify-content: center;
  width: 488px;
  min-width: 488px;
  display: flex;
}

.mask-8 {
  border-radius: 8px;
  width: 650px;
  height: 366px;
}

.slide-18 {
  width: 650px;
  height: 366px;
  position: relative;
}

.slider-8 {
  background-color: #0000;
  border-radius: 8px;
  width: 650px;
  height: 366px;
  left: 115px;
  box-shadow: 2px 2px 8px #0d163340, 3px 3px 8px #ef47874d, 3px 3px 8px #53c6d666;
}

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

.div-block-164 {
  background-color: var(--oxford-blue);
  width: 2000px;
  height: 1000px;
  position: absolute;
  left: 0;
}

.container-56 {
  justify-content: center;
  display: flex;
  position: relative;
}

.section-58 {
  position: relative;
}

.section-59 {
  z-index: 3;
  width: 100%;
  height: 1300px;
  margin-top: 200px;
  padding-top: 120px;
  padding-bottom: 120px;
  display: block;
  position: relative;
}

.diagnal-background {
  z-index: 2;
  background-image: linear-gradient(188deg, #53c6d666, #53c6d600 58%), linear-gradient(to bottom, var(--oxford-blue), var(--oxford-blue));
  width: 150vw;
  height: 1700px;
  margin-top: 17vh;
  margin-left: -35vw;
  display: block;
  position: absolute;
  transform: rotate(-8deg);
}

.aligned-copy {
  color: #fff;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 161px;
  font-family: Montserrat, sans-serif;
  display: block;
  top: 50%;
  left: 0;
  right: 0;
}

.sections {
  border-bottom: 80px solid #fff;
  border-left: 100vw solid #0000;
  height: 100vh;
}

.sections.blue {
  background-color: #0000008f;
  border-bottom-color: #eba0a0;
}

.container-57 {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.moving-mockup_top {
  width: 650px;
  height: 25px;
  margin-bottom: 8px;
}

.moving-mockup {
  position: sticky;
  top: 220px;
}

.moving-mockup_panel {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 128px 514px;
  grid-auto-columns: 1fr;
  width: 650px;
  height: 320px;
  display: grid;
}

.div-block-165 {
  overflow: hidden;
}

.gradient-stroke {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6216dd8e4c8695434b035699_Rectangle%205506.png");
  background-position: 0 0;
  background-size: 514px;
  width: 514px;
  min-width: 0;
  height: 320px;
  padding: 10px;
}

.div-block-167 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-84 {
  width: 48px;
  height: 48px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.div-block-168 {
  margin-left: 112px;
}

.div-block-163-copy {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 488px;
  min-width: 488px;
  display: flex;
}

.div-block-169 {
  margin-right: auto;
}

.div-block-180 {
  flex-direction: column;
  justify-content: center;
  width: 590px;
  min-width: 488px;
  display: flex;
}

.div-block-181 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 30px 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  display: grid;
}

.image-85 {
  height: 28px;
}

.section-61 {
  width: 100%;
  height: 2000px;
  margin-top: -500px;
  padding-top: 500px;
  display: block;
  position: absolute;
  overflow: hidden;
}

.gradient-diagnal-background-copy {
  background-image: linear-gradient(82deg, #fdcf98 20%, #f7a3c3 53%, #bbe8ef);
  width: 150vw;
  height: 1700px;
  margin-top: 16vh;
  margin-left: -35vw;
  display: block;
  position: absolute;
  transform: rotate(-8deg);
}

.image-86 {
  width: 650px;
  height: 25px;
}

.image-87 {
  height: 690px;
  margin-top: -120px;
  margin-left: 102px;
  display: none;
  position: relative;
  top: 0%;
  bottom: 0%;
  right: 0%;
}

.text-span {
  font-size: 13px;
}

.div-block-182 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6216cc812149b310d0c7eb8c_iStock-1366480282%20(3).jpg");
  background-position: 50%;
  background-size: cover;
  min-width: 640px;
  height: 690px;
  margin-top: -120px;
  margin-left: 102px;
}

.left-arrow-3 {
  justify-content: flex-start;
  width: 240px;
  height: 60px;
  display: flex;
  top: 420px;
}

.icon-8 {
  display: none;
}

.course-link-line-carousel {
  background-color: var(--navi-body);
  width: 100%;
  height: 2px;
  position: relative;
  top: -4px;
}

.right-arrow-2 {
  justify-content: flex-end;
  width: 240px;
  height: 60px;
  display: flex;
  top: 420px;
}

.icon-9 {
  display: none;
}

.carousel-button {
  width: 190px;
  height: 20px;
  display: block;
  position: relative;
  inset: 10px 0% 30px;
}

.carousel-button._160 {
  width: 160px;
}

.div-block-183 {
  grid-column-gap: 4px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 18px;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: center;
  display: grid;
}

.div-block-183-copy {
  grid-column-gap: 4px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 18px 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: center;
  display: grid;
}

.main-content {
  width: 494px;
  height: 300px;
  overflow: hidden;
}

.div-block-185 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6216dd8e4c8695434b035699_Rectangle%205506.png");
  background-position: 0 0;
  background-size: 514px;
  width: 514px;
  height: 320px;
  position: absolute;
}

.div-block-186 {
  z-index: 4;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6216df2774970ee2ab51a3f8_Mask%20Group.png");
  background-position: 0 0;
  background-size: 344px 252px;
  width: 344px;
  height: 252px;
  margin-top: 25px;
  margin-left: 75px;
  position: absolute;
}

.lp_main-button {
  z-index: 3;
  border: 2px solid var(--oxford-blue);
  opacity: 1;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  background-color: #0d1633;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  min-width: 180px;
  height: 56px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  transition: opacity .3s;
  display: inline-block;
  position: relative;
}

.lp_main-button:hover {
  opacity: .5;
}

.lp_main-button.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: flex;
}

.lp_main-button.yellow.large {
  border-color: var(--howtoo-yellow);
  justify-content: center;
  min-width: 300px;
}

.lp_main-button.line {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  background-color: #0000;
  margin-left: 30px;
}

.lp_main-button.line.white {
  border-color: var(--white);
  color: var(--white);
  background-color: #0000;
}

.lp_main-button.white {
  border-color: var(--white);
  background-color: var(--white);
  color: var(--oxford-blue);
  font-weight: 700;
}

.button-block.top-margin-10 {
  margin-top: 10px;
  display: flex;
}

.button-block.top-margin-30 {
  margin-top: 30px;
}

.button-block.top-margin-24 {
  margin-top: 24px;
  display: flex;
}

.container-58 {
  justify-content: center;
  margin-top: 120px;
  display: flex;
}

.icon-10, .icon-11, .image-88, .image-89, .paragraph-30 {
  display: none;
}

.div-block-187 {
  width: 550px;
}

.input---brix {
  color: #170f49;
  border: 1px solid #eff0f6;
  border-radius: 500px;
  min-height: 60px;
  margin-bottom: 0;
  padding: 30px 20px;
  font-size: 18px;
  line-height: 20px;
  transition: color .2s, border-color .2s;
}

.input---brix:hover, .input---brix:focus {
  color: #4a3aff;
  border-color: #4a3aff;
}

.input---brix::placeholder {
  color: #6f6c90;
}

.input---brix.large---brix {
  min-height: 74px;
  padding: 24px 40px;
}

.dummy-display {
  color: #a0a3bd;
  margin-bottom: 16px;
  line-height: 1.2;
}

.popup-1-form---brix {
  align-items: center;
  display: flex;
  position: relative;
}

.column-11 {
  justify-content: flex-end;
  width: 100%;
  margin-left: 40px;
  display: flex;
}

.popupcontentwrapper_brix {
  z-index: 100;
  border-radius: 8px;
  max-width: 1150px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 14px #4a3aff29, 0 -2px 4px #14142b1f, 0 12px 44px #14142b57;
}

.popupcontentwrapper_brix.popup-1-content-wrapper---brix-copy {
  border-radius: 8px;
  align-self: auto;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: sticky;
}

.popup-1---brix {
  background-color: var(--white);
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1150px;
  max-height: 90vh;
  padding: 60px;
  display: block;
  position: relative;
  overflow: auto;
}

.popup-form-block---brix {
  width: 100%;
  margin-bottom: 0;
}

.limit-content---brix {
  align-self: center;
  width: 100%;
  max-width: 456px;
}

.button-arrow {
  margin-left: 6px;
}

.image-thumbnail-illustration---brix {
  width: 100%;
  height: 100%;
  max-height: 440px;
}

.close-popup---brix {
  text-align: center;
  cursor: pointer;
  transition: transform .2s;
  display: inline-block;
  position: static;
  inset: 24px 24px auto auto;
}

.close-popup---brix:hover {
  transform: scale(.9);
}

.success-message---brix {
  color: #fff;
  background-color: #4a3aff;
  border-radius: 16px;
}

.error-message---brix {
  border-radius: 16px;
  padding: 20px;
}

.subscribe-button---brix {
  color: #fff;
  text-align: center;
  background-color: #4a3aff;
  background-image: none;
  border-radius: 80px;
  padding: 16px 32px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  position: absolute;
  inset: auto 12px auto auto;
  box-shadow: 0 3px 12px #4a3aff1f;
}

.subscribe-button---brix:hover {
  background-color: #3527d8;
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.overlay---brix {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0d163399;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0%;
}

.dummy-hero-button---brix {
  color: #6f6c90;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #d9dbe9;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  max-width: 260px;
  padding: 20px 40px 21px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px #0000000a;
}

.dummy-hero-button---brix:hover {
  transform: scale3d(1, 1, .01)translate(0, -2px);
  box-shadow: 0 4px 10px #00000014;
}

.cloneable-container-default {
  background-color: #f7f7fb;
  border-radius: 20px;
  min-height: 624px;
  padding-top: 132px;
  padding-bottom: 132px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.popup-wrapper---brix {
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-wrapper---brix.preview-page {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.paragraph.dummy-paragraph {
  color: #a0a3bd;
  margin-bottom: 32px;
}

.paragraph._404 {
  color: var(--white);
  margin-bottom: 40px;
}

.dummy-hero-wrapper---brix {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.dummy-hero-wrapper---brix.preview-page---brix {
  padding: 32px 50px;
}

.popup-1-illustration---brix {
  margin-bottom: 24px;
}

.heading-44 {
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
}

.body-4 {
  align-items: flex-start;
}

.div-block-188 {
  z-index: 30;
  background-color: #ffa32d;
  align-items: stretch;
  width: 100px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-189 {
  z-index: 50;
  background-color: var(--howtoo-pink);
  flex-direction: row;
  width: 50px;
  height: 100%;
  display: block;
  position: absolute;
}

.rich-text_body-p {
  color: var(--navi-body);
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
}

.bottom-margin-30 {
  margin-bottom: 30px;
}

.container-59 {
  background-image: linear-gradient(#ffffffbf, #ffffffe6);
}

.heading-45, .navi {
  color: var(--oxford-blue);
}

.section-62 {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
}

.container-60 {
  flex-direction: row;
  flex: 1;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: static;
}

.container-61 {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.div-block-191 {
  max-width: 628px;
  margin-right: 60px;
}

.div-block-192 {
  max-width: 628px;
}

.section-63 {
  background-color: var(--howtoo-yellow);
  background-image: linear-gradient(135deg, #fed88f, #f7a3c3);
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-64 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.div-block-193 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c90f98e8453e_Mask%20Group.png");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 40%;
  margin-left: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-civics-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.container-62 {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
}

.text-block-civics {
  color: #0d1633b3;
  text-align: center;
  border-radius: 20px;
  width: 160px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.top-margin-60 {
  margin-top: 60px;
}

.image-92 {
  width: 50%;
  display: none;
}

.lightbox-link-8 {
  color: #ffa32d;
  background-color: #fcb01fd9;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  transition: background-color .3s;
  display: flex;
}

.lightbox-link-8:hover {
  color: var(--white);
  background-color: #0d1633e6;
  background-image: none;
}

.paragraph-31 {
  font-family: Icon font-Play;
}

.image-93 {
  color: #040404;
}

.text-block-17 {
  font-family: Icon font-play-U\+F00F;
}

.text-block-18 {
  color: var(--white);
  margin-left: 5px;
  font-family: Icon font-play-U\+F00F;
  font-size: 56px;
}

.case-study-thumbnail_transurban {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c91653e84564_Rectangle%205058.png");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 140px;
  padding: 40px 30px;
}

.case-study-card-image-wrapper {
  height: 200px;
  min-height: 200px;
  overflow: hidden;
}

.container-63 {
  object-fit: none;
  flex-flow: wrap;
  justify-content: center;
  align-self: auto;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.grid-15 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  grid-template-areas: ".";
  grid-auto-rows: auto;
  grid-auto-columns: minmax(360px, 1fr);
  width: 100%;
  margin-top: 40px;
  display: grid;
}

.section-65 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.div-block-194 {
  background-color: #ffa32d;
  height: 300px;
}

.div-block-195 {
  flex-wrap: wrap;
  display: block;
}

.case-study-thumbnail_civics {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/62204a9da30c6b9c570be795_iStock-1149286179%201.png");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 140px;
  padding: 40px 30px;
}

.glossary-description-warpper {
  width: 50%;
}

.button-133, .button-12-copy {
  background-color: var(--oxford-blue);
  text-align: center;
  border-radius: 4px;
  height: 56px;
  margin-top: 10px;
  margin-left: 30px;
  padding: 0 42px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  position: absolute;
  bottom: 20px;
}

.main_button {
  z-index: 3;
  border: 2px solid var(--oxford-blue);
  background-color: var(--oxford-blue);
  opacity: 1;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  min-width: 190px;
  height: 56px;
  margin-left: 0;
  padding: 0 40px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 52px;
  transition: border-color .3s, background-color .3s, opacity .3s;
  display: inline-block;
  position: relative;
}

.main_button:hover {
  border-color: var(--navi-8);
  background-color: var(--navi-8);
}

.main_button:active {
  border-color: var(--navi-6);
  background-color: var(--navi-6);
}

.main_button.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.main_button.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.main_button.line:hover {
  opacity: .6;
}

.main_button.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.main_button.line.auto-width.disabled {
  opacity: .5;
}

.main_button.line.light {
  border-color: var(--white);
  color: var(--white);
}

.main_button.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-196 {
  margin-left: 30px;
  display: inline-block;
}

.div-block-197 {
  margin-top: 30px;
  display: inline-block;
}

.align-centre {
  text-align: center;
  justify-content: center;
  font-weight: 700;
  display: block;
}

.align-centre.pricing {
  font-family: Nunito Sans, sans-serif;
  font-size: 50px;
}

.align-centre.pricing.no-margin.no-padding {
  padding: 0;
}

.align-centre.no-margin.with-tag {
  min-width: auto;
}

.align-centre.no-margin.tool {
  color: #000c47;
  letter-spacing: 1px;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 46px;
}

.align-centre.height-72 {
  align-items: center;
  height: 72px;
}

.case-studies-hero-section {
  background-color: var(--oxford-blue);
  background-image: linear-gradient(#53c6d600 52%, #53c6d64d);
  padding-top: 140px;
  padding-bottom: 160px;
  position: static;
  overflow: hidden;
}

.case-studies-hero-section.no-overflow {
  width: 100vw;
  overflow: hidden;
}

.container-64 {
  z-index: 1;
  max-width: 87%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.div-block-198 {
  width: auto;
  max-width: 50%;
}

.case-studies-hero {
  z-index: 2;
  border-radius: 8px;
  width: 842px;
  height: 474px;
  display: block;
  position: absolute;
  inset: 102px 0% 0% 57%;
  box-shadow: 10px 10px 20px #00000040;
}

.case-studies-tilt-background {
  background-color: var(--oxford-blue);
  width: 120vw;
  height: 900px;
  margin-top: -360px;
  margin-left: -100px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
  transform: rotate(-8deg);
}

.section-67 {
  background-color: var(--white);
  padding-top: 140px;
  padding-bottom: 140px;
}

.container-65 {
  justify-content: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.case-studies-quotes {
  color: var(--oxford-blue);
  text-align: center;
  margin-bottom: 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
}

.case-studies-quotes-name {
  text-align: center;
  margin-bottom: 4px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.case-studies-quotes-position {
  color: #777e90;
  text-align: center;
  font-family: Nunito Sans, sans-serif;
  font-size: 13px;
  line-height: 17px;
}

.case-studies-quotes-wrapper {
  width: 740px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.case-studies-quotes-logo {
  justify-content: center;
  align-items: stretch;
  margin-bottom: 20px;
  display: flex;
}

.slider-9 {
  background-color: #0000;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 400px;
  display: block;
  position: static;
}

.slide-nav-5 {
  font-size: 8px;
  display: block;
}

.left-arrow-4 {
  color: var(--oxford-blue);
  justify-content: flex-end;
  transition: opacity .3s;
  display: flex;
  inset: 0% auto 0% 0%;
}

.left-arrow-4:hover {
  opacity: .7;
}

.right-arrow-3 {
  color: var(--oxford-blue);
  display: flex;
  inset: 0% 0% 0% auto;
}

.right-arrow-3:hover {
  opacity: .7;
}

.mask-9 {
  flex: 1;
}

.icon-12 {
  margin-left: auto;
  margin-right: 100px;
}

.icon-13 {
  margin-left: 100px;
  margin-right: auto;
}

.image-94 {
  margin-right: 10px;
  display: none;
}

.image-95 {
  margin-left: 10px;
  display: none;
}

.case-studies-animation {
  border: 2px solid var(--links);
  justify-content: center;
  align-items: center;
  width: 358px;
  height: 148px;
  padding: 6px 10px;
  display: flex;
  position: absolute;
  top: 62px;
  left: 34px;
}

.case-studies-dots {
  width: 6px;
  height: 6px;
  position: absolute;
}

.case-studies-dots.tl {
  top: -4px;
  left: -4px;
}

.case-studies-dots.tr {
  top: -4px;
  right: -4px;
}

.case-studies-dots.bl {
  bottom: -4px;
  left: -4px;
}

.case-studies-dots.br {
  bottom: -4px;
  right: -4px;
}

.case-studies-mouse-animation {
  z-index: 8;
  display: inline-block;
  position: absolute;
  top: 193px;
  left: -26px;
}

.image-96 {
  z-index: 4;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 8px;
  width: 22%;
  position: absolute;
  top: 200px;
  left: 230px;
  box-shadow: 11px 11px 20px #0003;
}

.case-study---animation-h1 {
  width: 280px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 56px;
}

.div-block-199 {
  display: none;
}

.div-block-200 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-menu-2-copy {
  order: 0;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding-left: 0;
  display: flex;
}

.lp_nav-button {
  border: 2px solid var(--white);
  opacity: 1;
  color: #fff;
  text-transform: capitalize;
  background-color: #0d1633;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 124px;
  height: 46px;
  margin-top: 0;
  margin-left: 0;
  padding: 10px 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: opacity .3s;
  display: flex;
}

.lp_nav-button:hover {
  opacity: .5;
}

.case-study-generic-section {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
}

.case-study-generic-section.height-720 {
  height: 720px;
}

.case-study-generic-section.height-720.flex-mid {
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.case-study-container-generic-1248 {
  border-radius: 8px;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.case-study-civics-academy-hero {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/62204a9da30c6b9c570be795_iStock-1149286179%201.png");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 40%;
  margin-left: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-201 {
  max-width: 628px;
}

.case-study-cambelttown-council-hero {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c973dae84546_iStock-1066998508.jpg");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 40%;
  margin-left: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.case-study-testimonial {
  grid-column-gap: 8px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 24px 24px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-block-19 {
  font-family: Nunito Sans, sans-serif;
  font-size: 48px;
  font-weight: 400;
}

.text-block-20 {
  color: var(--navi-body);
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.text-block-21 {
  color: #777e90;
  font-size: 13px;
  line-height: 17px;
}

.text-block-22 {
  margin-bottom: 4px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 27px;
}

.case-study-testimonial-wrapper {
  background-color: var(--white);
  border-radius: 8px;
  max-width: 588px;
  height: 250px;
  padding: 40px;
  position: relative;
  box-shadow: 0 12px 16px #0d163326;
}

.case-study-testimonial-wrapper.left-margin-24 {
  margin-left: 24px;
}

.case-study-testimonial-signature {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template: "."
  / 64px 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
  position: relative;
}

.case-study-cambelltown-council-tesimonial {
  margin-top: 60px;
  margin-left: 0;
}

.container-hero-1248 {
  border-radius: 8px;
  flex: 1;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.popup-wrapper---inquire {
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.popup-wrapper---inquire.preview-page {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.overlay---inquire {
  z-index: 5;
  background-color: #0000009c;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0%;
}

.popup-content-wrapper---inquire {
  z-index: 100;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 14px #4a3aff29, 0 -2px 4px #14142b1f, 0 12px 44px #14142b57;
}

.popup-content-wrapper---inquire.popup-1-content-wrapper---inquire {
  border-radius: 8px;
  max-width: 690px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: sticky;
}

.popup-1---inquire {
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 64px 64px 80px;
  display: block;
  position: relative;
}

.close-popup---inquire {
  cursor: pointer;
  transition: transform .2s;
  position: absolute;
  inset: 24px 24px auto auto;
}

.close-popup---inquire:hover {
  transform: scale(.9);
}

.case-study-transurban-council-hero {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/62298c5ad19f08db8136fa82_iStock-1332558192.jpg");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 40%;
  margin-left: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-97 {
  border-radius: 100px;
}

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

.div-block-campbelltown-council-grid-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: stretch;
  width: 100%;
  display: grid;
}

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

.text-block-23 {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  border-radius: 4px;
  height: 56px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
}

.lightbox-button-line {
  color: var(--oxford-blue);
  height: 56px;
  margin-left: 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  transition: opacity .3s;
}

.lightbox-button-line:hover {
  opacity: .5;
}

.container-66 {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
}

.div-block-204 {
  min-width: 400px;
}

.container-67 {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
}

.slide-21 {
  height: 500px;
}

.div-block-205 {
  min-width: 400px;
}

.case-studies-page-wrapper {
  position: relative;
  overflow: hidden;
}

.image-98 {
  border-radius: 100px;
}

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

.pricing-section-1 {
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
  position: relative;
  overflow: hidden;
}

.pricing-container-1268 {
  z-index: 0;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
  position: relative;
}

.pricing-container-1268.centre {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

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

.pricing-card-wrapper {
  background-color: var(--howtoo-viking);
  border-radius: 10px;
  min-width: 237px;
  min-height: 830px;
  padding-top: 8px;
  position: relative;
  box-shadow: 0 11px 30px #0025641a, 20px 0 80px #484b9926;
}

.pricing-card-wrapper.pricing-starter {
  display: block;
}

.pricing-card-wrapper.pricing-growth {
  background-color: var(--howtoo-yellow);
  margin-top: -20px;
  padding: 30px 3px 3px;
}

.pricing-card-wrapper.pricing-creator {
  background-color: var(--howtoo-pink);
  display: block;
}

.pricing-card-wrapper.pricing-professional {
  background-color: var(--oxford-blue);
  display: block;
}

.pricing-card-content-holder {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding: 30px 20px;
  display: block;
}

.pricing-main-content-yearly {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 216px;
  display: flex;
}

.div-block-206 {
  background-color: var(--links);
  border: 10px solid #000;
  border-radius: 9px;
  min-width: 80px;
  min-height: 80px;
  max-height: 90px;
}

.pricing-card-feature-grid {
  grid-column-gap: 8px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 22px 1fr;
  margin-top: 30px;
}

.bold-text-4 {
  font-size: 21px;
  line-height: 28px;
}

.pricing-holder {
  align-items: flex-end;
  margin-top: 2px;
  margin-bottom: 2px;
  display: flex;
  position: relative;
}

.text-block-24 {
  color: var(--oxford-blue);
  letter-spacing: .15px;
  margin-bottom: 10px;
  margin-left: 2px;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 600;
}

.text-block-25 {
  color: var(--oxford-blue);
  letter-spacing: .4px;
  margin-top: 2px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.text-span-2 {
  font-weight: 700;
}

.text-span-3 {
  color: var(--howtoo-pink);
  font-weight: 700;
}

.text-span-4 {
  font-weight: 700;
}

.pricing-professional-discount {
  color: var(--howtoo-pink);
  letter-spacing: .4px;
  margin-top: 2px;
  font-family: Nunito Sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: line-through;
}

.text-span-5 {
  color: var(--links);
}

.text-block-26 {
  text-align: center;
  letter-spacing: 3px;
  font-family: Nunito Sans, sans-serif;
  font-size: 13px;
  line-height: 30px;
  position: absolute;
  inset: 0% 0% auto;
}

.pricing-section-1-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.pricing-section-2 {
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
}

.pricing-comparison-switch {
  border: 2px solid var(--navi-8);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 200px;
  height: 44px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.comparison-switch-on {
  color: var(--navi-8);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: block;
}

.pricing-comparison-grid-top {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #cfd0d6;
  grid-template: "." 48px
  / 3fr 1fr 1fr 1fr;
  grid-auto-rows: 67px;
  width: 100%;
}

.text-block-28 {
  text-align: center;
  width: 100%;
  height: 100%;
}

.pricing-comparison-grid-1 {
  background-color: var(--white);
  border: 1px #cfd0d6;
  border-style: none solid;
  align-items: center;
  padding-left: 20px;
  display: flex;
}

.pricing-comparison-grid-2 {
  background-color: #0000;
  border: 1px solid #cfd0d6;
  border-left-width: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-comparison-grid-3 {
  border: 1px solid #cfd0d6;
  border-top-width: 0;
  align-items: center;
  padding-left: 20px;
  display: flex;
}

.pricing-comparison-grid-4 {
  border: 1px solid #cfd0d6;
  border-width: 0 1px 1px 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.price-comparison-wrapper {
  width: 100%;
  margin-top: 60px;
}

.price-comparison-wrapper.no-margin {
  margin-top: 0;
}

.text-block-29 {
  color: var(--oxford-blue);
  margin-bottom: 12px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 27px;
}

.pricing-comparison-grid-bottom {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #cfd0d6;
  border-bottom: 1px solid #cfd0d6;
  grid-template: "." 48px
  / 3fr 1fr 1fr 1fr;
  grid-auto-rows: 67px;
  width: 100%;
}

.pricing-tag {
  background-color: var(--links);
  color: var(--white);
  border-radius: 6px;
  margin-left: 10px;
  padding: 2px 8px;
  font-family: Nunito Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.pricing-tag.pink {
  border: 1px solid var(--howtoo-pink);
  background-color: var(--howtoo-pink);
  flex: none;
  font-family: Nunito Sans, sans-serif;
  font-weight: 400;
  line-height: 18px;
  display: block;
}

.pricing-tag.position-absolute {
  margin-left: 220px;
  position: absolute;
}

.pricing-tag.no-margin {
  margin-left: 0;
}

.pricing-tag.margin--4 {
  margin-left: -4px;
}

.left-margin-6 {
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  display: flex;
}

.link-block-15 {
  justify-content: center;
  align-items: center;
  transition: opacity .3s;
  display: flex;
}

.link-block-15:hover {
  opacity: .6;
}

.comparison-wrapper {
  width: 100%;
  position: relative;
  overflow: visible;
}

.comparison-switch-off {
  color: var(--oxford-blue);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: none;
}

.description-medium {
  z-index: 40;
  background-color: var(--white);
  border-radius: 8px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 330px;
  height: auto;
  margin-top: 0;
  padding: 10px;
  display: block;
  position: absolute;
  top: -22px;
  left: 22px;
  box-shadow: 0 8px 14px #00256440, 0 15px 30px #0025641c;
}

.pricing-question-circle {
  display: none;
  position: relative;
}

.image-100 {
  cursor: pointer;
}

.description-wrapper {
  display: block;
}

.question-circle-block {
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  transition: opacity .3s;
  display: flex;
}

.question-circle-block:hover {
  opacity: .6;
}

.description-big {
  z-index: 40;
  background-color: var(--white);
  border-radius: 8px;
  width: 240px;
  height: 74px;
  padding: 10px;
  display: block;
  position: absolute;
  top: -82px;
  left: -112px;
  box-shadow: 0 8px 14px #00256440, 0 30px 30px #0025641c;
}

.div-block-208 {
  background-color: #00aa50;
  width: 400px;
  height: 400px;
  font-style: normal;
  position: static;
  overflow: hidden;
}

.div-block-209 {
  background-color: var(--links);
  width: 100px;
  height: 100px;
  position: absolute;
  left: 347px;
}

.pricing-switch-wrapper {
  color: var(--oxford-blue);
  background-color: #eaebf2;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  width: 410px;
  height: 44px;
  margin-bottom: 60px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px 1px #00256414;
}

.pricing-billed-monthly {
  z-index: 5;
  text-align: center;
  position: static;
}

.pricing-billed-yearly {
  z-index: 5;
  color: var(--oxford-blue);
  text-align: center;
  position: static;
}

.pricing-button-slider {
  z-index: 2;
  background-color: var(--white);
  border-radius: 20px;
  width: 150px;
  height: 32px;
  margin: 4px;
  position: absolute;
  right: 0;
  box-shadow: 0 1px 3px #0025643b;
}

.link-block-16 {
  z-index: 5;
  color: var(--oxford-blue);
  justify-content: center;
  align-items: center;
  width: 150px;
  margin-left: 4px;
  margin-right: 4px;
  display: flex;
  position: relative;
}

.link-block-17 {
  z-index: 5;
  background-color: var(--white);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 40px;
  margin-left: 4px;
  margin-right: 4px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 3px #0025643b;
}

.pricing-starter-price-monthly {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 130px;
  margin-bottom: 30px;
  display: flex;
}

.pricing-main-content-monthly {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 216px;
  display: none;
}

.pricing-growth-price-yearly {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 130px;
  margin-bottom: 30px;
  display: flex;
}

.pricing-main-content-wrapper {
  height: 216px;
  margin-bottom: 30px;
}

.pricing-switch-container {
  width: 308px;
  margin-top: 30px;
}

.div-block-210 {
  justify-content: center;
  align-items: flex-start;
  width: 150px;
  height: 32px;
  margin-left: auto;
  margin-right: 4px;
  display: flex;
}

.paragraph-32 {
  text-align: center;
  max-width: 1100px;
  margin-top: 10px;
  font-family: Nunito Sans, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.pricing-faq {
  padding-top: 60px;
  padding-bottom: 140px;
}

.pricing-container-1268-faq {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.pricing-container-1268-faq.centre {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
}

.pricing-faq-wrapper {
  width: 233.35px;
}

.text-block-30 {
  color: var(--oxford-blue);
  flex-direction: column;
  width: 100%;
  max-width: 725px;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
  display: flex;
}

.pricing-faq-content, .dropdown-3 {
  width: 100%;
}

.pricing-accordion-wrapper {
  margin-left: 40px;
  display: none;
}

.accordion-item {
  border-radius: 10px;
  width: 100%;
  max-width: 725px;
  padding: 20px;
}

.accordion-item-trigger {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.accordion-heading {
  color: var(--oxford-blue);
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  line-height: 30px;
}

.icon-15.accordion-icon {
  color: #0009;
  cursor: pointer;
  font-size: 32px;
  line-height: 30px;
}

.accordion-item-content {
  margin-top: 0;
  margin-right: 30px;
  overflow: hidden;
}

.pricing-according-icon {
  margin-right: 16px;
  position: absolute;
  left: auto;
  right: 0;
}

.pricing-comparison-grid-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "." 60px
  / 3fr 1fr 1fr 1fr;
  grid-auto-rows: 67px;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.div-block-211 {
  width: 100%;
  height: 100%;
}

.pricing-grid-title-sticky-nva {
  z-index: 100;
  background-color: var(--white);
  position: sticky;
  top: 65px;
}

.pricing-grid-mobile-view {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(200px, 480px));
  margin-top: 40px;
}

.pricing-mobile-wrapper {
  display: block;
}

.pricing-more-feature-accordion-item {
  border-radius: 10px;
  width: 100%;
  max-width: 725px;
  padding: 20px;
}

.pricing-popup-wrapper {
  z-index: 99999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.pricing-popup-wrapper.preview-page {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.pricing-pop-up-overlay {
  z-index: 5;
  background-color: #0000009c;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0%;
}

.pricing-popup-content-wrapper {
  z-index: 100;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 14px #4a3aff29, 0 -2px 4px #14142b1f, 0 12px 44px #14142b57;
}

.pricing-popup-content-wrapper.popup-1-content-wrapper---inquire {
  border-radius: 8px;
  max-width: 690px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: sticky;
}

.pricing-popup-1 {
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 64px 64px 80px;
  display: block;
  position: relative;
}

.pricing-close-popup {
  cursor: pointer;
  transition: transform .2s;
  position: absolute;
  inset: 24px 24px auto auto;
}

.pricing-close-popup:hover {
  transform: scale(.9);
}

.pricing-section-1-mobile {
  padding-top: 140px;
  padding-bottom: 60px;
  display: none;
}

.pricing-price-switch-nav-bar {
  display: none;
}

.faq-answer {
  margin-bottom: 24px;
}

.faq-container {
  min-width: 600px;
  margin-bottom: 60px;
}

.faq-body {
  z-index: 50;
  background-color: #0000;
  width: 100%;
  margin-top: -2px;
  display: block;
  position: relative;
}

.faq-body.w--open {
  background-color: #0000;
}

.faq-answer-img {
  width: 100%;
}

.faq-img {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  display: flex;
  position: relative;
  inset: 0% auto 0% 0%;
}

.toggle-text {
  z-index: 2;
  color: var(--oxford-blue);
  position: relative;
}

.faq-body-cont {
  border: 4px solid var(--white);
  padding: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}

.faq-body-cont.no-left-padding-for-mobile {
  padding-left: 0;
}

.faq-2 {
  background-color: var(--white);
  color: #fff;
  white-space: break-spaces;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 50px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.faq-2.w--open {
  border-bottom: 1px solid #0000001a;
}

.faq-2.no-left-padding-for-mobile {
  z-index: 40;
  padding-left: 0;
}

.faq-icon {
  z-index: 2;
  width: 24px;
  margin-right: 16px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.pricing-faq-drop-down {
  z-index: 40;
  background-color: var(--white);
  border-radius: 4px;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}

.pricing-faq-drop-down.discounts {
  display: none;
}

.pricing-more-features-drop-down {
  background-color: #0000;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 40px;
  overflow: hidden;
}

.pricing-tilt-background {
  z-index: -5;
  background-color: #f4f7fc;
  width: 120vw;
  height: 1280px;
  margin-top: -130px;
  margin-left: -13vh;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
  transform: rotate(9deg);
}

.pricing-tilt-background.tool {
  background-color: #f4f7fc;
}

.us-symbols-wrapper {
  display: block;
  overflow: hidden;
}

.text-span-6 {
  color: var(--howtoo-pink);
  font-weight: 700;
}

.pricing-price-card-feature-tag-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 100% 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  position: relative;
}

.pricing-price-card-feature-tag {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
}

.pricing-tag-rectangle {
  background-color: var(--links);
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}

.pricing-table-growth-tag-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-page-wrapper {
  position: relative;
}

.background-video-10 {
  object-fit: cover;
}

.secondary-button {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  letter-spacing: .05em;
  background-color: #fff;
  border-radius: 4px;
  flex: 0 auto;
  align-self: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 24px;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  transition: opacity .3s;
  display: inline-block;
}

.secondary-button:hover {
  opacity: .6;
}

.secondary-button.centre {
  justify-content: flex-start;
  margin-top: 20px;
  display: inline-block;
  position: relative;
}

.secondary-button.top-margin-20 {
  align-self: center;
  margin-top: 20px;
}

.secondary-button.space {
  margin-right: 20px;
}

.background-video-11 {
  object-fit: cover;
  height: 800px;
  left: 140px;
}

.div-block-213 {
  background-color: var(--white);
  border-radius: 8px;
  width: 300px;
  height: 230px;
}

.div-block-214 {
  background-color: var(--oxford-blue);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 16px;
}

.div-block-215 {
  background-color: var(--white);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  align-items: center;
  height: 100%;
  padding: 20px;
  display: flex;
}

.div-block-216 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nunito-sans-600-21px-nap-gap {
  color: var(--oxford-blue);
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
}

.nunito-sans-600-21px-nap-gap.centre {
  text-align: center;
  margin-top: 0;
}

.nunito-sans-600-21px-nap-gap._60-right-margin {
  margin-right: 60px;
}

.container-68 {
  height: 100%;
}

.div-block-217 {
  background-color: var(--white);
  border-radius: 8px;
  width: 100%;
  min-width: 100%;
  max-width: 50%;
  height: 230px;
  box-shadow: 0 2px 6px #00256414;
}

.div-block-218 {
  background-color: var(--oxford-blue);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 16px;
}

.body-p-card-spacing {
  color: var(--oxford-blue);
  text-align: center;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  overflow: visible;
}

.body-p-card-spacing.color-white {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-card-spacing.color-white.align-centre {
  text-align: center;
}

.body-p-card-spacing.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-card-spacing.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.body-p-card-spacing.color-white.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-card-spacing.color-white.top-margin-90 {
  margin-top: 90px;
}

.body-p-card-spacing.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-card-spacing.no-margin.blue {
  color: var(--links);
}

.body-p-card-spacing.no-margin.navi {
  color: var(--oxford-blue);
}

.body-p-card-spacing.no-margin.navi.align-right {
  text-align: right;
}

.procard-3 {
  border-radius: 8px;
  padding-bottom: 0;
  box-shadow: 1px 1px 40px 14px #42495c3d;
}

.procard-1 {
  border-radius: 8px;
  padding-bottom: 0;
  box-shadow: 1px 1px 8px #42495c33;
}

.nunito-sans-600-21px-nap-gap-24pd {
  color: var(--oxford-blue);
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
}

.nunito-sans-600-21px-nap-gap-24pd.centre {
  text-align: center;
  margin-top: 0;
}

.nunito-sans-600-21px-nap-gap-24pd._60-right-margin {
  margin-right: 60px;
}

.nunito-sans-600-21px-nap-gap-24pd.align-centre {
  padding-left: 24px;
  padding-right: 24px;
}

.section-68 {
  background-color: #f8f8fb;
  padding-top: 140px;
  padding-bottom: 60px;
}

.container-69 {
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
}

.section-69 {
  background-color: #f8f8fb;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 140px;
  display: flex;
}

.container-70 {
  justify-content: center;
  max-width: 90%;
  margin-top: 0;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.grid-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  width: 80%;
  min-width: 900px;
  max-width: 1200px;
}

.procard-shad-high {
  background-color: var(--white);
  border-radius: 8px;
  width: 100%;
  height: 230px;
  box-shadow: 0 -16px 48px #00256426, 0 32px 55px #00256433;
}

.overall-row-copy {
  align-items: center;
  display: flex;
}

.section-50-copy {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  position: relative;
}

.section-50-copy-copy {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 20px;
  display: none;
  position: relative;
}

.pro-collabcontainer {
  max-width: 80%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.pro-right-col {
  padding-left: 0;
  padding-right: 40px;
}

.pro-2col-copy, .about-ourstorysection {
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.about-ourstorycontainer {
  max-width: 70%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.about-ourstorytwocolumn {
  align-items: center;
  display: flex;
}

.bout-leftcol {
  padding-right: 40px;
}

.about-rightcolimage {
  padding-left: 10px;
  padding-right: 0;
}

.pro-logos-section {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: inline-block;
}

.pro-logoscontainer {
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
}

.pro-logosgrid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template: ". . . Area"
  / 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  width: 100%;
}

.pro-section-worldclass {
  background-color: #f8f8fb;
  padding-top: 140px;
  padding-bottom: 60px;
}

.pro-container-worldclass {
  max-width: 60%;
  padding-left: 0;
  padding-right: 0;
}

.pro-yellowslant {
  z-index: 0;
  background-color: var(--howtoo-yellow);
  transform-style: preserve-3d;
  width: 120%;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0 0%;
  overflow: visible;
  transform: translate(-50px, 7vw)rotateX(0)rotateY(180deg)rotateZ(6deg);
}

.pro-section-yellowslant {
  height: 12vw;
  margin-top: 0;
  position: relative;
  overflow: visible;
}

.pro-signupfree {
  background-color: var(--howtoo-yellow);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
  height: 450px;
  padding-top: 120px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.div-block-82-copy {
  justify-content: space-between;
  align-items: center;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pro-div-signupfree {
  justify-content: space-between;
  align-items: center;
  width: 55%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pro-themedesignerdark {
  background-color: var(--oxford-blue);
  padding-bottom: 140px;
}

.pro-blueslant {
  z-index: 0;
  background-color: var(--oxford-blue);
  transform-style: preserve-3d;
  width: 120%;
  height: 240px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  position: absolute;
  inset: auto 0% 0%;
  overflow: visible;
  transform: translate(-50px, 7vw)rotateX(0)rotateY(180deg)rotateZ(-6deg);
}

.section-title-wrapper-3 {
  text-align: center;
  width: 65%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
}

.process-tab-menu {
  text-align: center;
  justify-content: center;
  margin-top: -50px;
  display: flex;
}

.process-tabs-line {
  background-color: #0000001a;
  width: 100%;
  height: 1px;
  margin-top: 80px;
}

.process-tab-pane {
  padding-top: 0;
}

.process-tab-button {
  color: #c7c7c7;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 0 solid #0000;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  transition: box-shadow .2s;
  display: flex;
  box-shadow: 0 0 30px #0000;
}

.process-tab-button:hover {
  color: #1f6fff;
  box-shadow: 0 0 30px #0000001a;
}

.process-tab-button.w--current {
  color: #000;
  text-align: center;
  object-fit: contain;
  background-color: #0000;
  border-color: #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12%;
  padding: 0;
  display: flex;
  box-shadow: 0 0 30px #0000001a;
}

.container-71 {
  flex-direction: column;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.section-description-2 {
  color: var(--white);
  margin-top: 30px;
  font-size: 21px;
  font-weight: 300;
  line-height: 27px;
}

.process-tab-col-left {
  padding-right: 40px;
}

.process-tab-icon {
  object-fit: cover;
  height: 18px;
  margin-bottom: 0;
  margin-right: 8px;
  padding-right: 0;
}

.small-paragraph {
  color: #838383;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.text-column-title {
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.text-column-title.number {
  color: #1f6fff;
  margin-right: 10px;
}

.text-column {
  padding-right: 20px;
}

.top-line-block {
  border-top: 1px solid #0000001a;
  margin-top: 35px;
  padding-top: 40px;
}

.block-quote, .paragraph-33 {
  color: var(--white);
}

.video-6 {
  display: block;
}

.div-block-219 {
  justify-content: center;
  align-items: center;
  width: 100px;
  display: flex;
}

.underline-yellow {
  background-color: #0000;
  align-items: center;
  width: 100px;
  height: 4px;
  display: flex;
}

.background-video-12 {
  object-fit: cover;
  overflow: visible;
}

.pro-themedesigner-cards {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1268px;
  margin-top: 140px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.pro-themedesigner-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  width: 95%;
  min-width: 900px;
  max-width: 1400px;
  margin-top: 0;
}

.pro-themedesigner-steps {
  background-color: var(--white);
  object-fit: cover;
  background-image: linear-gradient(#fff 88%, #d2d6df);
  border-radius: 8px;
  width: 100%;
  min-width: 100%;
  max-width: 50%;
  height: 100%;
  padding-top: 20px;
  box-shadow: 0 4px 9px #0025641f;
}

.nunito-sans-600-21px-nap-gap-24pd-copy.align-centre {
  margin-top: 4px;
  padding-left: 24px;
  padding-right: 24px;
}

.image-103 {
  min-width: 37%;
}

.image-104 {
  min-width: 100%;
}

.card {
  color: #575757;
  background-color: #fff;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 8px 18px #08080808;
}

.card.feature {
  box-shadow: none;
  color: #575757;
  background-color: #fff;
  flex-direction: column;
  padding: 60px 40px 40px;
  text-decoration: none;
  display: flex;
}

.card.offices-contact-v2 {
  padding: 54px 36px 64px;
}

.card.features {
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 4px 12px #0808080a;
}

.card.features.featured {
  flex-direction: row;
  align-items: center;
  height: auto;
  display: flex;
}

.card.service {
  box-shadow: 0 8px 18px #08080808;
}

.card.testimonial-v1 {
  border: 1px solid #ededed;
  padding: 40px 32px;
  box-shadow: 0 8px 18px #08080808;
}

.flex-2 {
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.flex-2.end {
  justify-content: flex-end;
}

.flex-2.end.mg-top-90px {
  margin-top: 60px;
}

.flex-2.contact-card-wraper {
  padding-top: 26px;
  padding-bottom: 26px;
}

.flex-2.contact-card-wraper.right {
  padding-left: 85px;
}

.flex-2.contact-card-wraper.left {
  border-right: 1px solid #ccc;
  padding-right: 85px;
}

.flex-2.bullet-container {
  margin: 6px;
}

.flex-2.services-card {
  justify-content: space-between;
  align-items: center;
  padding: 37px 24px;
}

.flex-2.justify-center {
  justify-content: center;
}

.flex-2.justify-center.wrap {
  flex-wrap: wrap;
}

.flex-2.justify-center.wrap.blue-checks {
  justify-content: space-between;
}

.flex-2.sidebar {
  align-items: flex-start;
}

.line-header {
  background-color: #080808;
  width: 110px;
  height: 2px;
  margin-bottom: 24px;
}

.line-header.center {
  margin-left: auto;
  margin-right: auto;
}

.line-header._40px {
  width: 40px;
}

.line-header.color-white {
  background-color: #fff;
}

.line-header.color-blue {
  background-color: #0b6dff;
}

.icon-card {
  width: 72px;
  margin-bottom: 28px;
}

.card-paragraph {
  font-weight: 400;
}

.button-row-last {
  margin-left: 22px;
}

.hidden-desktop-2 {
  display: none;
}

.mg-bottom-2 {
  margin-bottom: 0;
}

.slider-item-2 {
  margin-right: 28px;
}

.section-70 {
  display: none;
}

.container-72 {
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.pro-2col-large {
  object-fit: cover;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/62579dc2bc9617d8c4d8cd0c_Frame%205485-min.png");
  background-position: 60%;
  background-size: cover;
  width: 100%;
  min-width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.pro-collab-copy {
  align-items: center;
  width: 101.985%;
  min-width: 100%;
  max-width: 101.984%;
  display: flex;
}

.pro-leftalignedtext-copy {
  padding-left: 0;
  padding-right: 40px;
}

.body-p-copy-text-copy {
  color: var(--navi-body);
  text-align: left;
  flex-direction: row;
  width: 99.9999%;
  min-width: 50%;
  min-height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  overflow: visible;
}

.body-p-copy-text-copy.color-white.align-centre {
  text-align: center;
}

.body-p-copy-text-copy.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-copy-text-copy.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.body-p-copy-text-copy.align-centre.padding {
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-220 {
  background-color: var(--white);
  flex-direction: row;
  width: 99.9999%;
  min-width: 99.996%;
  max-width: 99.9964%;
  padding: 40px;
  display: flex;
  box-shadow: 1px 1px 3px #000;
}

.div-block-217-copy {
  background-color: var(--white);
  object-fit: contain;
  border-radius: 8px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
}

.image-105 {
  object-fit: contain;
  width: 40px;
  height: 40px;
  margin-right: 20px;
}

.nunito-sans-600-21px-nap-gap-24pd-copy {
  color: var(--oxford-blue);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
}

.nunito-sans-600-21px-nap-gap-24pd-copy.centre {
  text-align: center;
  margin-top: 0;
}

.nunito-sans-600-21px-nap-gap-24pd-copy._60-right-margin {
  margin-right: 60px;
}

.nunito-sans-600-21px-nap-gap-24pd-copy.align-centre {
  padding-left: 24px;
  padding-right: 24px;
}

.div-block-221 {
  object-fit: cover;
  margin-right: 20px;
}

.div-block-222 {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.pro-exportcard {
  background-color: var(--white);
  border: 0 solid #002564;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 20px;
  padding-right: 32px;
  display: flex;
  box-shadow: 1px 1px 9px 2px #00256429;
}

.pro-exportcard:hover {
  box-shadow: 1px 1px 24px 3px #00256429;
}

.pro-icontitle {
  display: flex;
}

.pro-discontent {
  background-color: var(--white);
  border-radius: 4px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 40px;
  box-shadow: 3px 3px 12px #00256429;
}

.pro-2col-large-2 {
  object-fit: fill;
  background-color: #f8f8fb;
  width: 100%;
  min-width: 100%;
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
}

.pro-collabcontainer-copy {
  max-width: 80%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.pro-collab-copy-copy {
  flex-direction: row-reverse;
  align-items: center;
  width: 101.985%;
  min-width: 100%;
  max-width: 101.984%;
  display: flex;
}

.pro-exportcard-noshad {
  background-color: #0000;
  border: 0 solid #002564;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 20px;
  padding-right: 0;
  display: flex;
}

.div-block-223 {
  margin-top: 40px;
}

.container-73 {
  max-width: 90%;
  margin-top: 40px;
  padding-left: 24px;
  padding-right: 24px;
}

.body-p-card-no-space-copy {
  color: var(--oxford-blue);
  text-align: center;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  overflow: visible;
}

.body-p-card-no-space-copy.color-white {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-card-no-space-copy.color-white.align-centre {
  text-align: center;
}

.body-p-card-no-space-copy.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-card-no-space-copy.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.body-p-card-no-space-copy.color-white.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-card-no-space-copy.color-white.top-margin-90 {
  margin-top: 90px;
}

.body-p-card-no-space-copy.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-card-no-space-copy.no-margin.blue {
  color: var(--links);
}

.body-p-card-no-space-copy.no-margin.navi {
  color: var(--oxford-blue);
}

.body-p-card-no-space-copy.no-margin.navi.align-right {
  text-align: right;
}

.body-p-card-no-space-copy-copy {
  color: var(--oxford-blue);
  text-align: center;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  overflow: visible;
}

.body-p-card-no-space-copy-copy.color-white {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-card-no-space-copy-copy.color-white.align-centre {
  text-align: center;
}

.body-p-card-no-space-copy-copy.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-card-no-space-copy-copy.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.body-p-card-no-space-copy-copy.color-white.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-card-no-space-copy-copy.color-white.top-margin-90 {
  margin-top: 90px;
}

.body-p-card-no-space-copy-copy.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-card-no-space-copy-copy.no-margin.blue {
  color: var(--links);
}

.body-p-card-no-space-copy-copy.no-margin.navi {
  color: var(--oxford-blue);
}

.body-p-card-no-space-copy-copy.no-margin.navi.align-right {
  text-align: right;
}

.background-video-13 {
  background-color: #0000;
}

.section-71 {
  padding-top: 220px;
  padding-bottom: 220px;
}

.pro-grey-slant {
  background-color: #f8f8fb;
  width: 100%;
  min-width: 100%;
  height: 600px;
  padding-top: 300px;
  padding-bottom: 140px;
  position: relative;
}

.pro-whiteslant {
  z-index: 0;
  background-color: var(--white);
  transform-style: preserve-3d;
  width: 120%;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  position: absolute;
  inset: auto 0% 0%;
  overflow: visible;
  transform: translate(-50px, 7vw)rotateX(0)rotateY(180deg)rotateZ(-6deg);
}

.background-video-14 {
  object-fit: contain;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
  left: 140px;
}

.background-video-15 {
  object-fit: contain;
}

.section-72 {
  max-width: 100%;
  max-height: 100px;
}

.columns-8 {
  max-height: 100px;
}

.column-12 {
  padding-left: 0;
  padding-right: 0;
}

.column-13 {
  min-height: 100%;
  max-height: 386%;
}

.section-73 {
  height: 600px;
}

.columns-9 {
  height: 100%;
  margin-left: 100px;
  display: block;
}

.column-14 {
  justify-content: center;
  height: 100%;
  padding-left: 0;
  display: flex;
}

.column-15 {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.background-video-16 {
  object-fit: cover;
  object-position: 0% 50%;
  height: 750px;
  min-height: 750px;
  max-height: 750px;
  padding-top: 0%;
  padding-left: 0;
  position: absolute;
  inset: 0% 0% 0% 24%;
  overflow: visible;
}

.pro-pageheadersection {
  height: 750px;
  max-height: 750px;
}

.pro-header-text {
  align-self: center;
  min-width: 540px;
  max-width: 540px;
  margin-left: 350px;
  margin-right: 0;
}

.course-savethousands {
  background-color: var(--white);
  flex-wrap: nowrap;
  justify-content: space-between;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 140px 250px;
  display: flex;
  position: static;
}

.html-embed-2 {
  z-index: 5;
  object-fit: fill;
  width: 100%;
  height: 100%;
  padding-top: 0%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-224 {
  width: 1074.39px;
  padding-top: 0%;
  position: relative;
}

.pro-webcamvid {
  object-fit: fill;
  border-radius: 12px;
  width: 100%;
  height: 100px;
  margin-top: 0;
  padding-top: 54%;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.creator-pricing-card-content-wrapper {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  padding-left: 100px;
  padding-right: 90px;
  line-height: 24px;
}

.text-block-36 {
  margin-top: 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.bottom-margin-24 {
  margin-bottom: 24px;
}

.bottom-margin-24.align-centre.color-white {
  display: block;
}

.creator-pricing-card-fee-wrapper {
  align-items: center;
  height: auto;
  display: flex;
}

.creator-pricing-card-wrapper {
  background-color: #ef4787;
  border-radius: 20px;
  width: 580px;
  height: 830px;
  margin-left: 460px;
  padding: 30px 4px 4px;
}

.creator-pricing-text-wrapper {
  z-index: -1;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 562px;
  height: 430px;
  margin-top: 111px;
  margin-right: 0;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  position: absolute;
  inset: auto auto auto 0%;
  box-shadow: 0 60px 60px #0025641f;
}

.creator-section-7-container-1068 {
  flex-direction: row;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.creator-section-7-container-1068.flex {
  justify-content: flex-end;
  max-width: 1100px;
  display: flex;
  position: relative;
}

.creator-pricing-card-feature {
  grid-column-gap: 8px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 22px 1fr;
  margin-top: 30px;
  margin-bottom: 20px;
}

.main_button-2 {
  z-index: 3;
  opacity: 1;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  background-color: #0d1633;
  border: 2px solid #0d1633;
  border-radius: 4px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  height: 56px;
  margin-left: 0;
  padding: 0 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: inline-block;
  position: relative;
}

.main_button-2:hover {
  opacity: .5;
}

.main_button-2.line {
  color: #0d1633;
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.main_button-2.line.left-margin-24 {
  margin-left: 24px;
}

.main_button-2.left-margin-40 {
  margin-left: 40px;
}

.creator-pricing-card-fee {
  color: #0d1633;
  height: 60px;
  padding-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 65px;
  display: inline-block;
}

.creator-section-7 {
  padding-top: 60px;
  padding-bottom: 140px;
  display: block;
  position: relative;
  overflow: hidden;
}

.text-block-37 {
  color: #0d1633;
  text-align: left;
  letter-spacing: .4px;
  margin-top: 2px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.text-span-8 {
  font-size: 13px;
  font-weight: 400;
}

.creator-tilt-background-3 {
  z-index: -1;
  background-color: #f8f8fb;
  width: 120vw;
  height: 800px;
  margin-top: -360px;
  margin-left: -5vw;
  position: absolute;
  transform: rotate(9deg);
}

.pro-pricing-secition {
  padding-top: 60px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.pro-pricecontainer {
  flex-direction: row;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.pro-pricecontainer.flex {
  justify-content: flex-end;
  max-width: 1100px;
  display: flex;
  position: relative;
}

.pro-pricecard {
  background-color: #ef4787;
  border-radius: 20px;
  width: 580px;
  height: 830px;
  margin-left: 460px;
  padding: 30px 4px 4px;
}

.pro-price-howitworks {
  z-index: 5;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 562px;
  height: 430px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  position: absolute;
  inset: auto auto auto 0%;
  box-shadow: 0 60px 60px #0025641f;
}

.pro-price-bulletpoints {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  padding-left: 100px;
  padding-right: 90px;
  line-height: 24px;
}

.process-tab-button-copy {
  color: #0000;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 0 solid #0000;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 700;
  transition: box-shadow .2s;
  display: flex;
  box-shadow: 0 0 30px #0000;
}

.process-tab-button-copy:hover {
  color: #1f6fff;
  box-shadow: 0 0 30px #0000001a;
}

.process-tab-button-copy.w--current {
  color: #000;
  text-align: center;
  object-fit: contain;
  background-color: #0000;
  border-color: #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12%;
  padding: 0;
  display: flex;
  box-shadow: 0 0 30px #0000001a;
}

.underline-yellow-copy {
  background-color: #0000;
  align-items: center;
  width: 100px;
  height: 4px;
  display: flex;
}

.div-block-219-copy {
  justify-content: center;
  align-items: center;
  width: 97.4844px;
  display: flex;
}

.unselected {
  color: var(--grey-2);
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}

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

.pro-pricecard-navy {
  background-color: var(--oxford-blue);
  border-radius: 20px;
  width: 580px;
  height: 830px;
  margin-left: 460px;
  padding: 30px 4px 4px;
}

.tab-link-tab-3 {
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.creator-container-6-1268 {
  flex-direction: row;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.creator-tilt-background-2 {
  z-index: 2;
  background-color: var(--oxford-blue);
  width: 120vw;
  height: 800px;
  margin-top: -630px;
  margin-left: -5vw;
  position: absolute;
  transform: rotate(9deg);
}

.creator-tilt-background-2.pink {
  background-color: #ef4787;
  margin-top: -622px;
}

.creator-video-1-embed-absolute {
  position: absolute;
  inset: 0%;
}

.xpert-faqs {
  padding-top: 140px;
  padding-bottom: 140px;
}

.creator-section-3 {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
}

.creator-section-3.no-top-padding {
  padding-top: 0;
  padding-bottom: 40px;
}

.creator-section-3.no-bottom-padding {
  padding-bottom: 0;
}

.creator-section-3.no-bottom-padding.no-top-padding {
  overflow: hidden;
}

.creator-section-5-content-text-block {
  color: #fff;
  text-align: center;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.creator-section-6-list-wrapper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 36px 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  display: grid;
}

.creator-container-1268-faq {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.creator-container-1-1268 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: static;
  inset: 0% auto 0% 0%;
}

.creator-tilt-background-1 {
  z-index: 2;
  background-color: var(--oxford-blue);
  width: 120vw;
  height: 800px;
  margin-top: 80px;
  margin-left: -5vw;
  position: absolute;
  transform: rotate(-9deg);
}

.creator-video-3-large {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.creator-hero-text-wrapper {
  z-index: 1;
  width: 480px;
  position: relative;
}

.creator-hero-text-wrapper.mobile {
  display: none;
}

.creator-button-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.faq-3 {
  color: #fff;
  white-space: break-spaces;
  background-color: #fff;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 50px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.faq-3.w--open {
  border-bottom: 1px solid #0000001a;
}

.faq-3.no-left-padding-for-mobile, .faq-3.no-left-padding-for-mobile-test {
  z-index: 40;
  height: auto;
}

.creator-section-6-image {
  position: relative;
  left: 30px;
}

.div-block-225 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.creator-container-3-1268 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.creator-section-5-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.creator-section-5 {
  background-color: var(--oxford-blue);
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.creator-logo-holder-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.creator-logo-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.faq-body-2 {
  z-index: 45;
  background-color: #0000;
  width: 100%;
  margin-top: -2px;
  display: block;
  position: relative;
}

.faq-body-2.w--open {
  background-color: #0000;
}

.creator-video-3-embed-absolute-large {
  display: none;
  position: absolute;
  inset: 0%;
}

.creator-section-3-icon {
  margin-bottom: 12px;
}

.creator-section-4 {
  z-index: 0;
  background-color: #0000;
  height: 350px;
  padding-top: 40px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.creator-video-2-wrapper {
  min-width: 800px;
  min-height: 800px;
  margin-left: 30px;
  position: relative;
}

.creator-video-2-wrapper.mobile {
  display: none;
}

.creator-container-1268 {
  flex-direction: row;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.creator-container-1268.flex {
  display: flex;
}

.creator-section-3-grid {
  grid-column-gap: 48px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.creator-video-1-mobile-wrapper {
  align-self: auto;
  display: none;
}

.pricing-faq-drop-down-2 {
  z-index: 40;
  background-color: #fff;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}

.creator-aspect-ratio-video-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 90%;
  position: relative;
}

.creator-section-1-video-holder {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  width: 100%;
}

.creator-section-tilt-bg-wrapper {
  background-color: #f8f8fb;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.creator-section-6-text-wrapper {
  z-index: 1;
  min-width: 520px;
  max-width: 540px;
  margin-right: 40px;
  position: relative;
}

.creator-section-5-content-wrapper {
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 1400px;
  height: 800px;
  display: flex;
  position: relative;
}

.creator-section-5-text-wrapper {
  z-index: 1;
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

.creator-text-block-link-for-navi-bg {
  color: #fcb01f;
  font-weight: 700;
}

.creator-video-2-embed-absolute {
  position: absolute;
  inset: 0%;
}

.creator-partner-logos {
  width: 180px;
  height: 100px;
}

.creator-section-1-text-container-holder {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-height: 850px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.creator-video-3 {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.creator-section-1 {
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.creator-section-5-content-grid {
  z-index: 2;
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  width: 740px;
  position: relative;
}

.creator-video-3-embed-absolute {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.align-centre-2 {
  text-align: center;
  justify-content: center;
  display: flex;
}

.align-centre-2.color-white {
  display: inline-block;
}

.creator-video-2 {
  width: 100%;
  min-width: 800px;
  height: 100%;
  min-height: 800px;
  display: none;
}

.creator-video-2.creator-mobile-only {
  display: none;
}

.faq-body-cont-2 {
  border: 4px solid #fff;
  padding: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}

.faq-body-cont-2.no-left-padding-for-mobile, .faq-body-cont-2.no-left-padding-for-mobile-test {
  overflow: hidden;
}

.creator-section-logo {
  padding-top: 0;
  padding-bottom: 0;
}

.creator-faq-container {
  max-width: 860px;
  margin-bottom: 60px;
}

.accordion-heading-2 {
  color: #0d1633;
  cursor: pointer;
  flex: 1;
  align-self: center;
  align-items: center;
  height: 80px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 30px;
  display: flex;
}

.creator-container-5-1268 {
  flex-direction: column;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.creator-section-3-text-wrapper {
  z-index: 1;
  width: 50%;
  min-width: 445px;
  position: relative;
}

.creator-section-5-content-icon {
  margin-bottom: 6px;
}

.creator-section-6 {
  background-color: #f8f8fb;
  padding-bottom: 140px;
  overflow: hidden;
}

.growth-section-6-list-wrapper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 36px 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  margin-bottom: 20px;
  display: grid;
}

.growth-section-5-video-wrapper {
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: -80px;
  padding-top: 40%;
  display: flex;
  position: relative;
}

.growth-aspect-ratio-video-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 56.25%;
  position: relative;
}

.growth-section-faq {
  padding-top: 140px;
  padding-bottom: 140px;
}

.growth-video-3-embed-absolute {
  position: absolute;
  inset: 0%;
}

.growth-section-1-video-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.growth-section-logo {
  background-color: #151528;
  margin-bottom: 0;
  padding: 40px 0;
}

.growth-video-1-embed-absolute {
  background-color: var(--white);
  min-width: 100%;
  min-height: 100%;
  margin-top: -40px;
  margin-left: 120px;
  position: absolute;
  inset: 0%;
}

.growth-section-3 {
  margin-bottom: 96px;
  padding-top: 60px;
  padding-bottom: 0;
  position: relative;
}

.growth-section-1 {
  justify-content: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.growth-container-4-1268 {
  flex-direction: column;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.growth-container-1-1268-mobile {
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: none;
  position: static;
  inset: 0% auto 0% 0%;
}

.growth-section-1-text-container-holder {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-height: 850px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.growth-logo-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.growth-logo-holder-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.growth-section-6-text-wrapper {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  min-width: auto;
  max-width: 540px;
  margin-right: 40px;
  display: flex;
  position: relative;
}

.growth-pricing-card-content-wrapper {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  padding-left: 100px;
  padding-right: 90px;
  line-height: 24px;
}

.growth-pricing-card-wrapper {
  background-color: #fcb01f;
  border-radius: 20px;
  width: 580px;
  height: 830px;
  margin-left: 460px;
  padding: 30px 4px 4px;
}

.growth-button-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.growth-video-1-mobile-wrapper {
  margin-left: 0;
  display: none;
}

.growth-tilt-background-3 {
  z-index: -1;
  background-color: #f8f8fb;
  width: 120vw;
  height: 800px;
  margin-top: -360px;
  margin-left: -5vw;
  position: absolute;
  transform: rotate(9deg);
}

.growth-section-3-list-wrapper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template: "."
                 "."
                 "."
                 "."
                 "Area"
                 / 36px 1fr;
  grid-auto-columns: 1fr;
  min-width: 400px;
  margin-left: 0;
  display: grid;
}

.growth-video-2-embed-absolute {
  object-fit: fill;
  flex: 0 auto;
  order: 0;
  align-self: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.growth-section-6-image {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  max-width: 50%;
  height: auto;
  display: block;
  position: relative;
  left: 0;
}

.growth-partner-logos {
  width: auto;
  height: auto;
}

.growth-container-5-1268 {
  flex-direction: row;
  flex: 1;
  align-self: flex-start;
  align-items: flex-start;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.growth-container-3-1268 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.growth-section-3-text-wrapper {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  width: 80%;
  min-width: 445px;
  display: flex;
  position: relative;
}

.growth-section-5-text-wrapper {
  z-index: 1;
  max-width: 410px;
  margin-right: 20px;
  position: relative;
}

.growth-section-4-video-wrapper {
  z-index: 3;
  flex-direction: row;
  width: 100%;
  max-width: 1184px;
  max-height: 678px;
  margin-top: 20px;
  padding-top: 0%;
  display: block;
  position: relative;
}

.growth-pricing-text-wrapper {
  z-index: 5;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 562px;
  height: 612px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  position: absolute;
  inset: auto auto auto 0%;
  box-shadow: 0 60px 60px #0025641f;
}

.growth-section-4 {
  z-index: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.growth-section-5 {
  background-color: var(--oxford-blue);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.growth-container-1-1268 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
  position: static;
  inset: 0% auto 0% 0%;
}

.growth-section-5-content-grid {
  z-index: 2;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 3fr;
  width: 100%;
  position: relative;
}

.growth-section-7 {
  padding-top: 60px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.growth-hero-text-wrapper {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 440px;
  display: flex;
  position: relative;
}

.growth-section-7-container-1068 {
  flex-direction: row;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.growth-section-7-container-1068.flex {
  justify-content: flex-end;
  max-width: 1100px;
  display: flex;
  position: relative;
}

.growth-container-6-1268 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.growth-section-6 {
  background-color: #f8f8fb;
  padding: 140px 24px 100px;
  overflow: hidden;
}

.about-us-section-8 {
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.about-us-section-8.cs_painchek_section_display {
  display: block;
}

.about-us-section-8.cs_painchek_section_display-copy {
  background-color: #f8f8fb;
  flex-direction: column;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.navbar-mobile-overlay, .navbar-mobile-header-wrapper {
  display: none;
}

.howtoo-main-nav-menu {
  flex: 1;
  display: flex;
}

.brand-4 {
  justify-content: center;
  align-items: center;
  height: 66px;
  display: flex;
}

.container-74 {
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.navbar-4 {
  background-color: #5d66fe;
}

.navbar-main-wrapper {
  width: 100%;
  height: 66px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.nav-button-wrapper {
  grid-column-gap: 16px;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.navbar_button_login {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  background-color: #0000;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: 44px;
  margin-top: 0;
  padding: 10px 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: opacity .3s;
  display: flex;
}

.navbar_button_login:hover {
  opacity: .5;
}

.navbar_button_sign-up {
  border: 2px solid var(--oxford-blue);
  background-color: var(--oxford-blue);
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 130px;
  height: 44px;
  margin-top: 0;
  padding: 10px 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: opacity .3s;
  display: flex;
}

.navbar_button_sign-up:hover {
  opacity: .5;
}

.navbar-content-wrapper {
  width: 100%;
  display: flex;
}

.navbar-dropdown-resources-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
}

.nunito-sans-600-14px-nav {
  color: var(--oxford-blue);
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.nunito-sans-600-14px-nav.centre {
  text-align: center;
}

.navbar-dropdown-text-wrapper {
  margin-left: 10px;
  text-decoration: none;
}

.navbar-dropdown-products-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
}

.growth-tilt-background-1 {
  z-index: 2;
  background-color: var(--oxford-blue);
  object-position: 50% 0%;
  transform-style: preserve-3d;
  width: 100vw;
  height: 390px;
  margin-left: 0;
  position: relative;
  top: 172px;
  transform: rotate(-9deg)scale3d(2, 1, 1);
}

.tabs-menu-2 {
  justify-content: center;
  height: 65px;
  margin-bottom: 0;
  display: flex;
}

.tabs {
  margin-top: 40px;
}

.pro-section-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-height: 850px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pro-header-video {
  display: none;
}

.pro-video-embedcode {
  position: absolute;
  inset: 0%;
}

.pro-section-headernew {
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.pro-container-1-126 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: static;
  inset: 0% auto 0% 0%;
}

.pro-section-1-video-holder-copy {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  width: 100%;
}

.pro-section-1-text-container-holder-copy {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-height: 850px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pro-video-1-mobile-wrapper-copy {
  display: none;
}

.pro-video-1-embed-absolute-copy, .pro-video-1-embed-absolute {
  position: absolute;
  inset: 0%;
}

.pro-aspect-ratio-video-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 75%;
  position: relative;
}

.pro-themebuildersection {
  z-index: 3;
  flex-direction: row;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  margin-top: 20px;
  padding-top: 54%;
  display: block;
  position: relative;
}

.pro-generl-vid {
  position: absolute;
  inset: 0%;
}

.themedesign-tabs {
  flex-direction: column;
  align-items: center;
  width: 80%;
  min-width: 79.999%;
  display: flex;
}

.generalvideo {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.videocontent {
  object-fit: contain;
  border-radius: 12px;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  min-width: auto;
  max-width: 100%;
  height: auto;
  min-height: auto;
  display: flex;
  overflow: auto;
  box-shadow: -4px 0 24px 6px #0006, 6px 6px 44px 2px #0006;
}

.tabs-menu-3 {
  margin-bottom: 40px;
}

.themedsign-tabs-menu {
  background-color: #fff0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 48px;
  margin-bottom: 40px;
  display: flex;
  overflow: hidden;
  box-shadow: 2px 2px 12px 6px #00000059;
}

.colorsvideo, .tab-pane-tab-3 {
  flex: 1;
}

.tablink {
  background-color: #252d47;
}

.tablink:hover {
  background-color: #252d47b3;
}

.tablink.w--current {
  background-color: #252d4780;
}

.tablink.w--current:hover {
  background-color: #252d47b3;
}

.tablink.w--current:active, .tab-link-tab-2 {
  background-color: var(--oxford-blue);
}

.tab-link-tab-2:hover {
  background-color: #252d47b3;
}

.tab-link-tab-2.w--current {
  background-color: #252d47;
}

.tab-link-tab-3-2 {
  background-color: var(--oxford-blue);
}

.tab-link-tab-3-2:hover {
  background-color: #252d47b3;
}

.tab-link-tab-3-2.w--current {
  background-color: #252d47;
}

.body-p-selected {
  color: #fff;
  text-align: left;
  flex-direction: row;
  width: 99.9999%;
  min-width: 99.996%;
  max-width: 99.9964%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  overflow: visible;
}

.body-p-selected:hover {
  color: #fff;
}

.body-p-selected.color-white {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-selected.color-white.align-centre {
  text-align: center;
}

.body-p-selected.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-selected.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.body-p-selected.color-white.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-selected.color-white.top-margin-90 {
  margin-top: 90px;
}

.body-p-selected.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-selected.no-margin.blue {
  color: var(--links);
}

.body-p-selected.no-margin.navi {
  color: var(--oxford-blue);
}

.body-p-selected.no-margin.navi.align-right {
  text-align: right;
}

.body-p-selected.align-centre {
  color: var(--howtoo-yellow);
}

.body-p-selected-yellow-bold {
  color: var(--howtoo-yellow);
  text-align: left;
  flex-direction: row;
  width: 99.9999%;
  min-width: 99.996%;
  max-width: 99.9964%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 27px;
  overflow: visible;
}

.body-p-selected-yellow-bold.color-white {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-selected-yellow-bold.color-white.align-centre {
  text-align: center;
}

.body-p-selected-yellow-bold.color-white.fix-width.align-centre._210px {
  width: 210px;
}

.body-p-selected-yellow-bold.color-white.fix-width.align-centre._295px {
  width: 295px;
}

.body-p-selected-yellow-bold.color-white.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-selected-yellow-bold.color-white.top-margin-90 {
  margin-top: 90px;
}

.body-p-selected-yellow-bold.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.body-p-selected-yellow-bold.no-margin.blue {
  color: var(--links);
}

.body-p-selected-yellow-bold.no-margin.navi {
  color: var(--oxford-blue);
}

.body-p-selected-yellow-bold.no-margin.navi.align-right {
  text-align: right;
}

.pro-webcamvid-copy {
  object-fit: fill;
  border-radius: 40px;
  width: 100%;
  max-width: 1200px;
  height: 100px;
  margin-top: 0;
  padding-top: 80%;
  position: static;
  inset: 0%;
  overflow: hidden;
}

.heading-46 {
  margin-bottom: 0;
}

.pro-div-signupfree-copy {
  justify-content: space-between;
  align-items: center;
  width: 35%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-226 {
  display: none;
}

.bold-text-5 {
  padding-left: 10px;
  padding-right: 10px;
}

.pro-themtab1 {
  border-radius: 8px;
  min-width: 100%;
  min-height: 100%;
  margin-left: 0;
  padding-top: 54%;
  position: relative;
}

.pro-themtab1.mobile {
  display: none;
}

.pro-theme-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.tabs-menu-4 {
  justify-content: center;
  display: flex;
}

.background-video-17 {
  object-fit: fill;
  width: 1000px;
  height: 541px;
  overflow: hidden;
}

.slide-22 {
  width: 1000px;
  min-width: 1000px;
  max-width: 1000px;
  height: 541px;
  min-height: 541px;
  max-height: 541px;
  overflow: hidden;
}

.slider-10 {
  width: 99.9998%;
  height: 45%;
}

.mask-10 {
  width: 100%;
  height: 541px;
  overflow: hidden;
}

.background-video-18 {
  overflow: hidden;
}

.div-block-227 {
  justify-content: center;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
}

.background-video-19 {
  height: NaN% ;
  object-fit: fill;
  flex: 0 auto;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  overflow: visible;
}

.background-video-20, .general-video {
  z-index: 1;
  object-fit: fill;
  width: auto;
  min-width: auto;
  max-width: none;
  min-height: auto;
  max-height: 100%;
  padding-top: 54%;
  overflow: visible;
}

.main_button-2-icon {
  z-index: 3;
  opacity: 1;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  background-color: #0d1633;
  border: 2px solid #0d1633;
  border-radius: 4px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  height: 56px;
  margin-left: 0;
  padding: 0 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: inline-block;
  position: relative;
}

.main_button-2-icon:hover {
  opacity: .5;
}

.main_button-2-icon.line {
  color: #0d1633;
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.main_button-2-icon.line.left-margin-24 {
  margin-left: 24px;
}

.main_button-2-icon.left-margin-40 {
  margin-left: 40px;
}

.text-span-9 {
  font-family: Icon font-play-U\+F00F;
  position: static;
}

.text-span-10 {
  font-family: "Fa solid 900";
  font-size: 16px;
}

.pro-video-form-copy-copy {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  min-width: 300px;
  max-width: 478px;
  margin-left: 0;
  padding: 60px 40px;
  display: flex;
  box-shadow: 1px 1px 9px #37446f2e;
}

.div-block-8-copy {
  width: 100%;
}

.div-block-7-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-right: 0;
  display: flex;
}

.flex-container-2-copy {
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: 70%;
  display: flex;
}

.pro-logosgrid-copy {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template: ". . . Area"
  / 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  width: 100%;
  margin-top: 40px;
}

.container-75 {
  max-width: 1268px;
}

.div-block-228 {
  min-width: 1268px;
  max-width: 1268px;
}

.pricing-nav-close-icon {
  flex: 1;
  justify-content: flex-end;
  max-width: 1268px;
  display: flex;
}

.div-block-popup-x-2 {
  background-color: var(--white);
  color: #000c47;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-family: "Fa solid 900";
  font-size: 24px;
  font-weight: 400;
  transition: background-color .3s;
  display: flex;
}

.div-block-popup-x-2:hover {
  color: #000c47;
  background-color: #e1ebfc;
}

.div-block-230 {
  color: #000c47;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-family: "Fa solid 900";
  font-size: 26px;
  font-weight: 400;
  display: flex;
}

.div-block-230:hover {
  color: #000c47;
  background-color: #e1ebfc;
}

.glossary-container {
  max-width: 1244px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.section-courses {
  background-color: var(--white);
  flex-wrap: nowrap;
  justify-content: space-between;
  max-width: 1440px;
  padding-top: 140px;
  padding-bottom: 100px;
  display: flex;
  position: static;
}

.courses-container-1268 {
  flex: 1;
  justify-content: space-between;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.section-courses-hero {
  justify-content: space-between;
  max-width: 1268px;
  height: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
  display: flex;
  overflow: visible;
}

.courses-hero-text-wrapper {
  align-self: center;
  min-width: 540px;
  max-width: 540px;
  margin-right: 100px;
}

.case-studies-section-read-more {
  background-color: var(--white-smoke);
  padding-top: 102px;
  padding-bottom: 140px;
}

.case-studies-section-read-more.feature {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pricing-section-tool {
  z-index: 99;
  background-color: #f4f7fc;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  height: 68px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-231 {
  background-color: var(--links);
  width: 100%;
  height: 66px;
  position: sticky;
  top: 0;
}

.pricing-card-button-wrapper {
  width: 100%;
  margin-top: 30px;
}

.pricing-card-starter-price-keeper {
  flex-direction: row;
  align-items: center;
  height: 130px;
  display: flex;
}

.grwothbg {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.grwothbg.dark {
  background-color: var(--howtoo-yellow);
  background-color: #fcb01f;
  padding-top: 100px;
  padding-bottom: 100px;
}

.grwothbg.hero {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
  background-position: 0 0;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 100px;
  padding-bottom: 120px;
  padding-left: 0;
}

.grwothbg.hero-copy {
  background-color: var(--oxford-blue);
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9ec00e84619_Frame%205366-min.png");
  background-position: 50%;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 80px;
  padding-bottom: 120px;
  padding-left: 0;
}

.grwothbg.hero-copy-copy {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
  background-position: 0 0;
  background-size: cover;
  background-clip: padding-box;
  background-color: var(--white);
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9ec00e84619_Frame%205366-min.png");
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 80px;
  padding-bottom: 120px;
  padding-left: 0;
  display: none;
}

.proupgrade-container {
  justify-content: center;
  align-items: center;
  max-width: 1268px;
  margin: 0 auto 60px;
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.columns-upgradpro {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: center;
  align-items: start;
  margin-bottom: 220px;
  display: flex;
}

.columns-upgradpro.max-width {
  grid-column-gap: 0px;
  grid-column-gap: 20px;
  grid-column-gap: 40px;
  grid-column-gap: 0px;
  grid-column-gap: 40px;
  grid-column-gap: 40px;
  grid-column-gap: 0px;
  grid-template-columns: minmax(max-content, 1fr) minmax(max-content, .25fr);
  grid-auto-flow: row;
  justify-content: center;
  place-items: start center;
  width: 80%;
  min-width: 80%;
  max-width: 80%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.upgradepro-fromcontaner {
  box-shadow: none;
  background-color: #0000;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  padding: 0;
  display: flex;
}

.pro-pg {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.pro-pg.dark {
  background-color: var(--howtoo-yellow);
  background-color: #fcb01f;
  padding-top: 100px;
  padding-bottom: 100px;
}

.pro-pg.hero {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
  background-position: 0 0;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 100px;
  padding-bottom: 120px;
  padding-left: 0;
}

.pro-pg.hero-copy {
  background-color: var(--oxford-blue);
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9ec00e84619_Frame%205366-min.png");
  background-position: 50%;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 80px;
  padding-bottom: 120px;
  padding-left: 0;
}

.pro-pg.hero-copy-copy {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
  background-position: 0 0;
  background-size: cover;
  background-clip: padding-box;
  background-color: var(--oxford-blue);
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/626731efdf725d7a96768b3a_Frame%205419-min.png");
  background-position: 50%;
  background-size: cover;
  background-clip: padding-box;
  width: 90%;
  min-width: 100%;
  padding-top: 80px;
  padding-bottom: 120px;
  padding-left: 0;
}

.form-block-4 {
  width: 100%;
}

.lp2-section-hero {
  background-color: var(--oxford-blue);
  background-image: linear-gradient(#53c6d600 30%, #53c6d64d);
  flex-direction: column;
  height: 1530px;
  padding-top: 140px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lp2-container-hero {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1268px;
  margin-bottom: 0;
  padding-bottom: 40px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.lp2-hero-text-wrapper {
  grid-row-gap: 40px;
  flex-direction: column;
  max-width: 900px;
  margin: 20px;
  display: flex;
}

.lp2-t1 {
  font-family: Nunito Sans, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 80px;
}

.lp2-t1.align-centre.white {
  color: var(--white);
  margin-bottom: 10px;
  font-weight: 700;
}

.lp2-hero-button-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.lp2-hero-quote-wrapper {
  justify-content: center;
  margin-top: 40px;
  display: none;
}

.lp2-hero-quote {
  color: #ffffffbf;
  width: 400px;
  margin-bottom: 0;
}

.lp2-quote-mark {
  opacity: .75;
  -webkit-text-fill-color: inherit;
  background-clip: content-box;
  align-self: flex-start;
  margin-right: 10px;
}

.lp2-hero-quote-person-wrapper {
  flex-direction: column;
  justify-content: center;
  margin-left: 20px;
  display: flex;
}

.lp2-hero-name {
  color: #ffffffbf;
  margin-bottom: 0;
}

.lp2-hero-position {
  color: #ffffff80;
  margin-bottom: 0;
}

.image-107 {
  height: 62px;
  margin-left: 0;
}

.lp2-hero-quote-person {
  justify-content: flex-start;
  margin-left: 20px;
  display: flex;
}

.lp2-container-hero-device {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 1268px;
  height: 616px;
  margin: 0 40px 40px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.lp2-hero-device-nav-wrapper {
  width: 710px;
  height: auto;
}

.lp2-hero-device {
  border-bottom-left-radius: 16px;
  width: 1055px;
  height: 573px;
}

.image-108 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 0 0 8px 8px;
  width: 100%;
  height: auto;
  display: block;
}

.div-block-232 {
  background-color: #fff;
}

.lp2-tilt-background-1 {
  z-index: 0;
  background-color: var(--white);
  width: 120vw;
  height: 400px;
  margin-top: -200px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% -17%;
  transform: rotate(-9deg);
}

.lp2-button {
  z-index: 3;
  background-color: var(--howtoo-viking);
  opacity: 1;
  color: var(--oxford-blue);
  text-align: center;
  text-transform: capitalize;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  height: 56px;
  margin-left: 0;
  padding: 0 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: flex;
  position: relative;
}

.lp2-button:hover {
  opacity: .5;
}

.lp2-button.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: inline-block;
}

.lp2-button.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.lp2-button.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.lp2-button.line.auto-width.disabled {
  opacity: .5;
}

.lp2-button.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.lp2-section-3 {
  background-color: var(--oxford-blue);
  background-image: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.lp2-container-generic {
  flex-direction: column;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.lp2-section-3-quote {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.lp2-section-3-quote-text-wrapper, .lp2-section-3-quote-person-wrapper {
  justify-content: center;
  display: flex;
}

.lp2-section-3-button {
  z-index: 3;
  background-color: var(--links);
  opacity: 1;
  color: var(--oxford-blue);
  text-align: center;
  text-transform: capitalize;
  background-image: linear-gradient(45deg, #fedfa7, #bbe8ef);
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  height: 56px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 0;
  padding: 0 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: flex;
  position: relative;
}

.lp2-section-3-button:hover {
  opacity: .5;
}

.lp2-section-3-button.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: inline-block;
}

.lp2-section-3-button.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.lp2-section-3-button.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.lp2-section-3-button.line.auto-width.disabled {
  opacity: .5;
}

.lp2-section-3-button.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.lp2-section-4 {
  background-color: var(--white);
  padding: 140px 0;
  position: relative;
  overflow: hidden;
}

.lp2-section-4-container {
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.lp2-section-4-text-wrapper {
  width: 480px;
  min-width: 480px;
}

.lp2-section-4-feature-wrapper {
  margin-bottom: 40px;
}

.lp2-section-4-icon {
  margin-bottom: 20px;
}

.image-109 {
  width: 800px;
  height: 750px;
  margin-left: 60px;
}

.lp2-section-6 {
  background-color: var(--white);
  background-image: linear-gradient(60deg, #54c6d740, #fff0), linear-gradient(225deg, #fcb02480, #fff0);
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.lp2-section-5-container {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 808px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.lp2-section-5 {
  background-color: var(--oxford-blue);
  background-image: none;
  padding-top: 140px;
  padding-bottom: 140px;
}

.lp2-testimonial {
  background-color: #0000;
  width: 100%;
  height: 400px;
}

.lp2-testimonial-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.lp2-testimonial-text-wrapper {
  width: 740px;
  margin-top: 20px;
}

.image-110 {
  width: 200px;
  height: 80px;
}

.slide-nav-6 {
  font-size: 10px;
}

.lp2-testimonial-name {
  color: var(--white);
  text-align: center;
  margin-top: 40px;
  margin-bottom: 4px;
}

.lp2-testimonial-position {
  color: #ffffff80;
  text-align: center;
  margin-bottom: 0;
}

.grid-17 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
  width: 100%;
  margin-top: 100px;
}

.lp2-logo-wall-logo.lighter {
  opacity: .81;
}

.lp2-section-7 {
  padding-top: 140px;
  padding-bottom: 140px;
  display: none;
}

.lp2-section-6-container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.lp2-section-6-text-wrapper {
  min-width: 500px;
}

.image-111 {
  margin-left: 60px;
}

.lp2-section-6-h2 {
  letter-spacing: -1px;
  font-family: Nunito Sans, sans-serif;
  font-size: 58px;
  font-weight: 700;
  line-height: 60px;
}

.lp2-section-6-button {
  z-index: 3;
  border: 2px solid var(--oxford-blue);
  opacity: 1;
  color: var(--oxford-blue);
  text-align: center;
  text-transform: capitalize;
  background-color: #0000;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  height: 56px;
  margin-top: 0;
  margin-bottom: 40px;
  margin-left: 0;
  padding: 0 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: inline-block;
  position: relative;
}

.lp2-section-6-button:hover {
  opacity: .5;
}

.lp2-section-6-button.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: inline-block;
}

.lp2-section-6-button.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.lp2-section-6-button.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.lp2-section-6-button.line.auto-width.disabled {
  opacity: .5;
}

.lp2-section-6-button.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.icon-18, .icon-19 {
  display: none;
}

.capterra1-section-2 {
  background-color: var(--white);
  padding-top: 110px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.lp2-section-2-content-wrapper {
  z-index: 10;
  max-width: 460px;
  margin-top: 75px;
  margin-left: 24px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.tabs-menu-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-width: 551px;
  display: block;
  position: relative;
  top: auto;
}

.tabs-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: visible;
}

.weve-got-solution-container {
  flex-direction: column;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
  position: relative;
}

.lp2-section-2-tab {
  border: 2px solid var(--oxford-blue);
  background-color: #0000;
  border-radius: 100px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 8px 20px;
  transition: opacity .2s;
}

.lp2-section-2-tab:hover {
  opacity: .6;
}

.lp2-section-2-tab.w--current {
  border: 2px solid var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  border-radius: 100px;
}

.lp2-tab-text {
  text-align: center;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.lp2-tab-panel {
  width: 100%;
  overflow: visible;
}

.lp2-tab-device-nav {
  background-color: #0d1633cc;
}

.tabs-content {
  overflow: visible;
}

.lp2-tabs-content {
  margin-left: 60px;
  margin-right: 60px;
  overflow: visible;
}

.lp2-device-course {
  width: 800px;
  height: 500px;
}

.home-section-2-course-previews {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.heading-47 {
  display: none;
}

.home-h1 {
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
}

.lp2-tab-device-wrapper {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 19px #0000002e;
}

.lp2-tab-device-element-wrapper {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-233 {
  background-color: #0d163373;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 764px;
  height: 20px;
  box-shadow: 0 4px 8px #00000026;
}

.div-block-234 {
  background-color: #0d16331a;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 700px;
  height: 20px;
}

.image-113 {
  width: 124px;
  height: 140px;
  position: relative;
  top: 31px;
  left: -424px;
}

.image-114 {
  width: 390px;
  height: 163px;
  position: relative;
  top: 89px;
  left: -288px;
}

.image-115 {
  align-self: flex-start;
  width: 310px;
  height: auto;
  margin-top: 730px;
  margin-left: 233px;
  position: absolute;
}

.image-116 {
  z-index: 5;
  margin-top: 60px;
  margin-left: 335px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.lp2-section-2-button {
  z-index: 3;
  opacity: 1;
  color: var(--oxford-blue);
  text-align: center;
  text-transform: capitalize;
  background-color: #0000;
  background-image: linear-gradient(45deg, #fedfa7, #bbe8ef);
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  height: 56px;
  padding: 0 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: flex;
}

.lp2-section-2-button:hover {
  opacity: .6;
}

.lp2-section-2-button.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: inline-block;
}

.lp2-section-2-button.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.lp2-section-2-button.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.lp2-section-2-button.line.auto-width.disabled {
  opacity: .5;
}

.lp2-section-2-button.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.lp2-section-7-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.lp2-h2 {
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
}

.lp2-hero-quote-mark-wrapper {
  display: flex;
}

.lp2-section-2-slider {
  display: none;
}

.lp2-section-2-button-wrapper {
  z-index: 10;
  margin-top: 450px;
  margin-left: 24px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.body-6 {
  background-color: var(--white);
}

.lp2-nav-logo-dark {
  z-index: 2;
  width: 158px;
  min-width: 131px;
  height: 36px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: inline-block;
  position: relative;
}

.lp2-nav-logo-light {
  z-index: 2;
  width: 158px;
  min-width: 131px;
  height: 36px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: block;
  position: absolute;
}

.contact-us_section-1 {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.contact-us-container-1 {
  z-index: 3;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
}

.container-inner-1088px {
  max-width: 1088px;
  margin-left: auto;
  margin-right: auto;
}

.container-default-3 {
  max-width: 1188px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.link-neutral-600 {
  color: #575757;
}

.link-neutral-600:hover {
  color: #080808;
}

.container-inner-750px {
  border-radius: 8px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.faq-item {
  cursor: pointer;
  border-top: 1px solid #ededed;
  padding-top: 54px;
  padding-bottom: 54px;
  padding-left: 34px;
  transition: opacity .3s;
}

.faq-item:hover {
  opacity: .7;
}

.faq-item.v2 {
  border-top-width: 0;
  border-bottom: 1px solid #ccc;
  padding-left: 0;
}

.faq-item.v2.top:hover {
  opacity: 1;
}

.faq-item.v3 {
  border-top-width: 0;
  border-bottom: 1px solid #ccc;
  padding-left: 0;
}

.faq-item.v3:hover, .faq-item.v3.top:hover {
  opacity: 1;
}

.social-media-link {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}

.social-media-link.black {
  color: #080808;
  font-size: 20px;
}

.social-media-link.black:hover {
  color: #575757;
}

.faq-paragraph {
  margin-bottom: 0;
}

.faq-paragraph.v2 {
  margin-right: 40px;
}

.success-message-3 {
  color: #fff;
  background-color: #080808;
  padding: 38px 34px;
}

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

.font-medium {
  color: #080808;
  font-weight: 500;
}

.faq-title {
  margin-bottom: 0;
}

.faq-bottom-text {
  max-width: 600px;
  overflow: hidden;
}

.social-media-list-wrapper {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.social-media-list-wrapper.right {
  justify-content: flex-end;
}

.faq-item-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-spacer {
  height: 14px;
}

.error-message {
  color: red;
  text-align: center;
  background-color: #fdeaea;
  margin-top: 24px;
  padding: 26px;
}

.social-media-list-item {
  margin-right: 20px;
}

.social-media-list-item.right {
  margin-left: 20px;
  margin-right: 0;
}

.form-wrapper {
  background-color: #fff;
  border: 1px solid #ededed;
  padding: 64px 46px;
}

.form-wrapper.contact-v2 {
  z-index: 1;
  border-width: 0;
  min-height: 593px;
  margin-top: 50px;
  margin-bottom: -115px;
  padding: 58px 72px;
  position: relative;
}

.container-inner-480px {
  flex-direction: column;
  justify-content: center;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-inner-480px.left {
  margin-left: 0;
}

.faq-item-bottom {
  padding-left: 53px;
  overflow: hidden;
}

.faq-item-bottom.v2 {
  padding-left: 0;
}

.text-area {
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #ccc;
  min-height: 68px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  font-weight: 400;
  transition: border-color .3s, color .3s;
}

.text-area:hover {
  border-bottom-color: #080808;
}

.text-area:focus {
  color: #080808;
  border-bottom-color: #080808;
}

.image-wrapper {
  overflow: hidden;
}

.fom-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.contact-us-form-wrapper {
  background-color: #0000;
  border-radius: 8px;
  margin-top: 60px;
  padding: 0;
  display: block;
}

.body-7 {
  background-color: var(--white-smoke);
}

.security-section-1 {
  background-color: var(--oxford-blue);
  padding-top: 140px;
  padding-bottom: 140px;
}

.security-container-1 {
  justify-content: flex-start;
  align-items: center;
  max-width: 1188px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.security-header-text-wrapper {
  max-width: 540px;
}

.security-section-2 {
  padding-top: 140px;
  padding-bottom: 60px;
  overflow: hidden;
}

.security-section-2-text-wrapper {
  min-width: 540px;
}

.security-section-3 {
  padding-top: 20px;
  padding-bottom: 180px;
}

.security-section-3.bg-neutral-100.mg-top-and-bottom-section-white {
  border: 1px #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 100px;
}

.security-section-3.bg-neutral-100.contact-v2-section-2 {
  background-color: var(--oxford-blue);
  padding-top: 220px;
}

.security-section-3.before-header {
  padding-top: 200px;
}

.security-section-3.before-header.bg-neutral-800 {
  background-image: linear-gradient(#02040999, #02040999), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c973dae84546_iStock-1066998508.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.security-section-3.before-header.bg-neutral-800.blog-post-hero {
  background-color: #0000;
  background-image: none;
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-attachment: fixed, scroll;
  padding-top: 0;
  padding-bottom: 0;
}

.security-section-3.before-header.contact-v2 {
  padding-bottom: 0;
}

.security-section-3.short {
  padding-top: 120px;
  padding-bottom: 120px;
}

.security-section-3.short.bg-neutral-100.mg-top-48px {
  margin-top: 0;
}

.security-section-3.medium {
  padding-top: 60px;
  padding-bottom: 140px;
}

.security-section-3.offices-contact-v2 {
  padding-bottom: 0;
}

.image-118 {
  margin-left: 60px;
  margin-right: 60px;
}

.image-119 {
  width: 600px;
  margin-left: 60px;
}

.security-container-2 {
  justify-content: flex-start;
  align-items: center;
  max-width: 1188px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.security-container-3 {
  max-width: 1188px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.container-inner-560px {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.container-default-4 {
  flex-direction: column;
  align-items: center;
  max-width: 1268px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.home-v2-mission-image-2 {
  width: 66%;
}

.avatar {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: inline-block;
  overflow: hidden;
}

.container-inner-750px-2 {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.card-featured-image {
  flex: none;
  width: 100%;
  max-width: 664px;
}

.mg-top-56px {
  margin-top: 56px;
}

.paragraph-wrapper-border-bottom {
  border-bottom: 1px solid #575757;
  padding-bottom: 48px;
}

.mg-top-48px-2 {
  margin-top: 48px;
}

.testimonial-bottom {
  border-top: 1px solid #ccc;
  margin-top: 56px;
  padding-top: 32px;
}

.illustration {
  box-shadow: 0 4px 12px #0808080a;
}

.illustration.top {
  box-shadow: 0 5px 42px #0808080f;
}

.illustration.top.position-absolute {
  position: absolute;
  left: 0%;
}

.illustration.top.position-absolute.home-v2-why-us-1 {
  z-index: 1;
  width: 34%;
  inset: 14% 0% auto auto;
}

.illustration.top.position-absolute.home-v2-illustration-2 {
  width: 20%;
  inset: auto 0% 8% auto;
}

.illustration.top.position-absolute.home-v2-illustration-1 {
  width: 21%;
  inset: 14% auto auto 0%;
}

.illustration.home-v2-illustration-3 {
  width: 84%;
}

.illustration.home-v2-why-us-2 {
  width: 90%;
}

.mg-top-80px {
  margin-top: 60px;
}

.black-section-contained {
  background-color: #080808;
  padding: 120px 60px;
}

.black-section-contained.home-v1-about {
  position: relative;
  overflow: hidden;
}

.bg-cta {
  z-index: -1;
  background-color: #fff;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.bg-cta.right {
  background-color: #1b1b1b;
  inset: 0% 0% 0% auto;
}

.mg-top-40px {
  margin-top: 40px;
}

.service-card-title {
  margin-bottom: 0;
  margin-right: 20px;
}

.logos-strip-wrapper {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-card-list {
  border-bottom: 1px solid #ccc;
  margin-bottom: 28px;
  padding-bottom: 28px;
}

.blog-card-list:last-child {
  margin-bottom: 0;
}

.mg-top-72px {
  margin-top: 72px;
}

.card-featured-text {
  padding-left: 72px;
  padding-right: 40px;
}

.logo-strip {
  margin: 12px 36px;
}

.illustration-overflow-container {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.illustration-overflow-container.left {
  justify-content: flex-start;
}

.illustration-overflow-container.center {
  justify-content: center;
}

.mg-left-12px {
  margin-right: 12px;
}

.mg-bottom-3 {
  margin-bottom: 0;
}

.card-feature-text {
  height: 252px;
  padding: 74px 30px 16px;
}

.mg-bottom-24px {
  margin-bottom: 24px;
}

.text-19px {
  color: #080808;
  font-size: 19px;
  font-weight: 400;
  line-height: 20px;
}

.text-19px.medium {
  font-weight: 500;
}

.text-19px.color-neutral-600 {
  color: #575757;
}

.tabs-menu-6 {
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.tab-link-tab-1 {
  background-color: var(--oxford-blue);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 56px;
  margin-right: 24px;
  padding-left: 42px;
  padding-right: 42px;
  display: flex;
}

.tab-link-tab-1.w--current {
  border: 2px solid var(--oxford-blue);
  background-color: var(--oxford-blue);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 56px;
  margin-right: 24px;
  padding-left: 42px;
  padding-right: 42px;
  display: flex;
}

.text-block-38 {
  color: var(--white);
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
}

.text-block-39 {
  color: var(--oxford-blue);
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
}

.tab-link-tab-2-2 {
  border: 2px solid var(--oxford-blue);
  background-color: #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding-left: 42px;
  padding-right: 42px;
  display: flex;
}

.body-8 {
  background-color: var(--haze);
}

.media-container-1 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.media-container-1.side-paddings {
  padding-left: 15px;
  padding-right: 15px;
}

.media-container-1.nav-bar-v1-wrapper {
  flex-direction: row;
  align-self: center;
  align-items: stretch;
  display: flex;
}

.media-section-1 {
  z-index: 2;
  padding: 100px 0 140px;
  display: block;
  position: static;
  overflow: visible;
}

.media-section-1.hero {
  color: #fff;
  text-align: center;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 128px;
  padding-bottom: 128px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media-section-1.hero.about-hero {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c99499e844cb_pencils.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.media-section-1.footer-v1-section {
  border-top: 1px solid var(--grey-4);
  align-items: center;
  margin-top: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}

.media-section-1.top-section {
  margin-top: 28px;
  display: none;
}

.media-section-1.post-hero-section {
  color: #fff;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9ebe7e844a6_bgtiles.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 350px;
  min-height: auto;
  max-height: 350px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media-section-1.big-paddings {
  padding-top: 80px;
  padding-bottom: 80px;
}

.media-section-1.no-padding {
  padding: 0;
  display: block;
}

.media-section-1.banner-section {
  display: none;
}

.media-section-1.promo-section {
  background-color: var(--haze);
  justify-content: center;
  align-items: center;
  height: 54vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media-section-1.nav-layouts-section {
  color: #fff;
  background-color: #06c25e;
  padding-top: 80px;
  padding-bottom: 80px;
}

.media-section-1.mini-footer-section {
  box-shadow: inset 0 1px 0 0 var(--grey-4);
  padding-top: 0;
  padding-bottom: 0;
}

.media-section-1.intro-buy-section {
  background-color: var(--haze);
  padding-top: 120px;
  padding-bottom: 0;
  overflow: hidden;
}

.media-section-1.top-section-categories {
  margin-top: 28px;
  display: block;
}

.media-post-wrapper {
  flex-direction: column;
  padding-top: 0;
  display: flex;
}

.text-block-40 {
  color: var(--oxford-blue);
  margin-right: 6px;
  font-family: Nunito Sans, sans-serif;
  display: inline-block;
}

.media-published-date-wrapper {
  margin-bottom: 20px;
}

.body-9 {
  background-color: var(--white);
}

.link-5 {
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.media-original-link {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  width: 200px;
  margin-top: 20px;
  display: block;
  position: relative;
  top: auto;
  left: 0%;
  right: 0%;
}

.image-120 {
  position: absolute;
  inset: 0% 0% auto;
}

.blog-card {
  color: #575757;
  text-decoration: none;
}

.blog-card.featured-list {
  transition: opacity .3s, color .3s;
}

.blog-card.featured-list:hover {
  opacity: .6;
}

.blog-details {
  align-items: center;
  margin-top: 56px;
  margin-bottom: 20px;
  display: flex;
}

.blog-details.no-image {
  margin-top: 0;
}

.details-divider {
  background-color: var(--navi-body);
  color: var(--oxford-blue);
  width: 14px;
  height: 1px;
  margin-left: 20px;
  margin-right: 20px;
}

.blog-card-title.color-white {
  color: var(--oxford-blue);
}

.text-block-41 {
  color: var(--oxford-blue);
  font-family: Nunito Sans, sans-serif;
}

.text-block-42 {
  color: var(--oxford-blue);
  margin-right: 4px;
  font-family: Nunito Sans, sans-serif;
}

.paragraph-34 {
  font-weight: 400;
}

.collection-item-5 {
  border-bottom: 1px solid var(--navi-body);
  margin-bottom: 28px;
  padding-bottom: 28px;
  display: flex;
}

.mg-top-56px-2 {
  display: block;
}

.div-block-235 {
  background-color: var(--howtoo-yellow);
  width: 5px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.collection-list-wrapper-4 {
  width: 800px;
  margin-left: auto;
}

.card-media-kit {
  color: #575757;
  background-color: #fff;
  justify-content: space-between;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 18px #08080808;
}

.card-media-kit.feature {
  box-shadow: none;
  color: #575757;
  background-color: #fff;
  flex-direction: column;
  padding: 60px 40px 40px;
  text-decoration: none;
  display: flex;
}

.card-media-kit.offices-contact-v2 {
  padding: 54px 36px 64px;
}

.card-media-kit.features {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 4px 12px #0808080a;
}

.card-media-kit.features.featured {
  flex-direction: row;
  align-items: center;
  height: auto;
  display: flex;
}

.card-media-kit.service {
  box-shadow: 0 8px 18px #08080808;
}

.card-media-kit.testimonial-v1 {
  border: 1px solid #ededed;
  padding: 40px 32px;
  box-shadow: 0 8px 18px #08080808;
}

.image-121 {
  display: none;
}

.media-container-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.media-section-0 {
  z-index: 2;
  background-color: var(--oxford-blue);
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/629da1f7ab109b44fb843d27_Frame%202517.png");
  background-position: 50%;
  background-size: auto;
  justify-content: center;
  align-items: center;
  padding: 100px 0;
  display: flex;
  position: static;
  overflow: visible;
}

.media-section-0.hero {
  color: #fff;
  text-align: center;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 128px;
  padding-bottom: 128px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media-section-0.hero.about-hero {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c99499e844cb_pencils.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.media-section-0.footer-v1-section {
  border-top: 1px solid var(--grey-4);
  align-items: center;
  margin-top: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}

.media-section-0.top-section {
  margin-top: 28px;
  display: none;
}

.media-section-0.post-hero-section {
  color: #fff;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9ebe7e844a6_bgtiles.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 350px;
  min-height: auto;
  max-height: 350px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media-section-0.big-paddings {
  padding-top: 80px;
  padding-bottom: 80px;
}

.media-section-0.no-padding {
  padding: 0;
  display: block;
}

.media-section-0.banner-section {
  display: none;
}

.media-section-0.promo-section {
  background-color: var(--haze);
  justify-content: center;
  align-items: center;
  height: 54vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media-section-0.nav-layouts-section {
  color: #fff;
  background-color: #06c25e;
  padding-top: 80px;
  padding-bottom: 80px;
}

.media-section-0.mini-footer-section {
  box-shadow: inset 0 1px 0 0 var(--grey-4);
  padding-top: 0;
  padding-bottom: 0;
}

.media-section-0.intro-buy-section {
  background-color: var(--haze);
  padding-top: 120px;
  padding-bottom: 0;
  overflow: hidden;
}

.media-section-0.top-section-categories {
  margin-top: 28px;
  display: block;
}

.next {
  border-width: 2px;
  border-color: var(--oxford-blue);
  background-color: #0000;
  border-radius: 8px;
  padding-left: 40px;
  padding-right: 40px;
}

.text-block-43, .text-block-44 {
  color: var(--oxford-blue);
  font-family: Nunito Sans, sans-serif;
}

.next-2, .previous {
  background-color: #0000;
  border-radius: 4px;
}

.media-link-block {
  transition: opacity .3s;
}

.media-link-block:hover {
  opacity: .6;
}

.media--post-container-1 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.media--post-container-1.side-paddings {
  padding-left: 15px;
  padding-right: 15px;
}

.media--post-container-1.nav-bar-v1-wrapper {
  flex-direction: row;
  align-self: center;
  align-items: stretch;
  display: flex;
}

.media-section-2 {
  z-index: 2;
  padding: 140px 0;
  display: block;
  position: static;
  overflow: visible;
}

.media-section-2.hero {
  color: #fff;
  text-align: center;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 128px;
  padding-bottom: 128px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media-section-2.hero.about-hero {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c99499e844cb_pencils.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.media-section-2.footer-v1-section {
  border-top: 1px solid var(--grey-4);
  align-items: center;
  margin-top: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}

.media-section-2.top-section {
  margin-top: 28px;
  display: none;
}

.media-section-2.post-hero-section {
  color: #fff;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9ebe7e844a6_bgtiles.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 350px;
  min-height: auto;
  max-height: 350px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media-section-2.big-paddings {
  padding-top: 80px;
  padding-bottom: 80px;
}

.media-section-2.no-padding {
  padding: 0;
  display: block;
}

.media-section-2.banner-section {
  display: none;
}

.media-section-2.promo-section {
  background-color: var(--haze);
  justify-content: center;
  align-items: center;
  height: 54vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media-section-2.nav-layouts-section {
  color: #fff;
  background-color: #06c25e;
  padding-top: 80px;
  padding-bottom: 80px;
}

.media-section-2.mini-footer-section {
  box-shadow: inset 0 1px 0 0 var(--grey-4);
  padding-top: 0;
  padding-bottom: 0;
}

.media-section-2.intro-buy-section {
  background-color: var(--haze);
  padding-top: 120px;
  padding-bottom: 0;
  overflow: hidden;
}

.media-section-2.top-section-categories {
  margin-top: 28px;
  display: block;
}

.heading-50 {
  color: var(--white);
}

.grid-18 {
  grid-template-columns: 1fr minmax(100%, 1fr);
  padding-left: 40px;
  padding-right: 40px;
}

.t-c-content-wrapper {
  color: var(--navi-body);
}

.t-c-content {
  color: var(--navi-body);
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
}

.list-item-3 {
  font-family: Nunito Sans, sans-serif;
}

.list-2 {
  color: var(--navi-body);
  text-align: left;
  padding-top: 0;
  padding-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.list-3 {
  list-style-type: lower-roman;
}

.t-c-list {
  list-style-type: decimal;
}

.t-c-nested-list {
  margin-top: 10px;
  margin-bottom: 10px;
  list-style-type: lower-roman;
}

.t-c-nested-all-list-items {
  padding-top: 4px;
  padding-bottom: 4px;
}

.t-c-section-1 {
  z-index: 2;
  background-color: var(--oxford-blue);
  padding-top: 140px;
  padding-bottom: 140px;
  display: block;
  position: static;
  overflow: visible;
}

.t-c-section-1.hero {
  color: #fff;
  text-align: center;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 128px;
  padding-bottom: 128px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.t-c-section-1.hero.about-hero {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c99499e844cb_pencils.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.t-c-section-1.footer-v1-section {
  border-top: 1px solid var(--grey-4);
  align-items: center;
  margin-top: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}

.t-c-section-1.top-section {
  margin-top: 28px;
  display: none;
}

.t-c-section-1.post-hero-section {
  color: #fff;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9ebe7e844a6_bgtiles.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.t-c-section-1.big-paddings {
  padding-top: 80px;
  padding-bottom: 80px;
}

.t-c-section-1.no-padding {
  padding: 0;
  display: block;
}

.t-c-section-1.banner-section {
  display: none;
}

.t-c-section-1.promo-section {
  background-color: var(--haze);
  justify-content: center;
  align-items: center;
  height: 54vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.t-c-section-1.nav-layouts-section {
  color: #fff;
  background-color: #06c25e;
  padding-top: 80px;
  padding-bottom: 80px;
}

.t-c-section-1.mini-footer-section {
  box-shadow: inset 0 1px 0 0 var(--grey-4);
  padding-top: 0;
  padding-bottom: 0;
}

.t-c-section-1.intro-buy-section {
  background-color: var(--haze);
  padding-top: 120px;
  padding-bottom: 0;
  overflow: hidden;
}

.t-c-section-1.top-section-categories {
  margin-top: 28px;
  display: block;
}

.t-c-grid {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template: ". ."
                 ". ." 1fr
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 "Area ."
                 "Area-2 ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 "Area-8 Area-9"
                 ". ."
                 ". ."
                 ". ."
                 "Area-3 ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 "Area-7 ."
                 "Area-6 ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 "Area-5 Area-4"
                 / auto 1fr;
}

.tab-pane-tab-1 {
  width: 100%;
}

.media-tabs-menu {
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.media-tab-link-button {
  border: 2px solid var(--oxford-blue);
  background-color: #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 56px;
  margin-left: 12px;
  margin-right: 12px;
  padding-left: 40px;
  padding-right: 40px;
  transition: opacity .3s;
  display: flex;
}

.media-tab-link-button:hover {
  opacity: .6;
}

.media-tab-link-button.w--current {
  background-color: var(--oxford-blue);
  color: var(--white);
}

.media-tab-text {
  font-size: 18px;
}

._404-title {
  color: #080808;
  margin-bottom: 25px;
  font-family: Nunito Sans, sans-serif;
  font-size: 170px;
  font-weight: 400;
  line-height: 150px;
}

.utility-page-wrap-2 {
  justify-content: center;
  align-items: center;
  padding: 128px 24px;
  display: flex;
}

.utility-page-wrap-2._404 {
  padding-top: 188px;
  padding-bottom: 188px;
}

._404-title-2 {
  color: var(--white);
  margin-bottom: 25px;
  font-family: Nunito Sans, sans-serif;
  font-size: 170px;
  font-weight: 400;
  line-height: 150px;
}

._404-section-1 {
  background-color: var(--oxford-blue);
  padding-top: 140px;
  padding-bottom: 140px;
  display: block;
}

.t-c-section-2-copy {
  z-index: 2;
  padding-top: 140px;
  padding-bottom: 140px;
  display: block;
  position: static;
  overflow: visible;
}

.t-c-section-2-copy.hero {
  color: #fff;
  text-align: center;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 128px;
  padding-bottom: 128px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.t-c-section-2-copy.hero.about-hero {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c99499e844cb_pencils.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.t-c-section-2-copy.footer-v1-section {
  border-top: 1px solid var(--grey-4);
  align-items: center;
  margin-top: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}

.t-c-section-2-copy.top-section {
  margin-top: 28px;
  display: none;
}

.t-c-section-2-copy.post-hero-section {
  color: #fff;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9ebe7e844a6_bgtiles.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.t-c-section-2-copy.big-paddings {
  padding-top: 80px;
  padding-bottom: 80px;
}

.t-c-section-2-copy.no-padding {
  padding: 0;
  display: block;
}

.t-c-section-2-copy.banner-section {
  display: none;
}

.t-c-section-2-copy.promo-section {
  background-color: var(--haze);
  justify-content: center;
  align-items: center;
  height: 54vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.t-c-section-2-copy.nav-layouts-section {
  color: #fff;
  background-color: #06c25e;
  padding-top: 80px;
  padding-bottom: 80px;
}

.t-c-section-2-copy.mini-footer-section {
  box-shadow: inset 0 1px 0 0 var(--grey-4);
  padding-top: 0;
  padding-bottom: 0;
}

.t-c-section-2-copy.intro-buy-section {
  background-color: var(--haze);
  padding-top: 120px;
  padding-bottom: 0;
  overflow: hidden;
}

.t-c-section-2-copy.top-section-categories {
  margin-top: 28px;
  display: block;
}

.blog-nav-wrapper {
  z-index: 1;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  max-width: 1130px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.blog-nav-wrapper.side-paddings {
  padding-left: 15px;
  padding-right: 15px;
}

.blog-nav-wrapper.nav-bar-v1-wrapper {
  flex-direction: row;
  align-self: center;
  align-items: stretch;
  display: flex;
}

._404-heading {
  color: var(--white);
}

.button-404 {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  text-align: center;
  border-radius: 8px;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 56px;
  margin-top: 0;
  padding-left: 48px;
  padding-right: 48px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 19px;
  transition: transform .3s, background-color .3s;
  display: flex;
}

.button-404:hover {
  opacity: .6;
  transform: translate(0, -2px);
}

.button-404.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-404.mg-top-32px {
  margin-top: 32px;
}

.button-404.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-404.large {
  padding: 24px 56px 25px;
  font-size: 20px;
  line-height: 22px;
}

.button-404.small {
  padding: 14px 24px 15px;
  font-size: 16px;
  line-height: 18px;
}

.button-404.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.button-404.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-404.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.button-404.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

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

._404-text-center.left-mobile {
  background-color: #0000;
}

._404-container-inner-480px {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

._404-container-inner-480px.left {
  margin-left: 0;
}

.navbar-main-wrapper-home {
  height: 66px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.howtoo-main-nav-menu-home {
  flex: 1;
  display: flex;
}

.home-tab-text {
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.home-section-2-tab {
  border: 2px solid var(--oxford-blue);
  background-color: #0000;
  border-radius: 100px;
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 10px 24px;
  transition: background-color .3s, border-color .3s, opacity .3s;
}

.home-section-2-tab:hover {
  border-color: var(--navi-2);
  background-color: var(--navi-2);
}

.home-section-2-tab.w--current {
  border: 1px solid var(--oxford-blue);
  background-color: var(--oxford-blue);
  color: var(--white);
  border-radius: 100px;
}

.home-section-2-button {
  z-index: 3;
  background-color: var(--howtoo-yellow);
  opacity: 1;
  color: var(--oxford-blue);
  text-align: center;
  text-transform: capitalize;
  background-image: none;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  height: 56px;
  padding: 0 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: flex;
}

.home-section-2-button:hover {
  opacity: .6;
}

.home-section-2-button.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: inline-block;
}

.home-section-2-button.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.home-section-2-button.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.home-section-2-button.line.auto-width.disabled {
  opacity: .5;
}

.home-section-2-button.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.home-section-3-button {
  z-index: 3;
  background-color: var(--howtoo-yellow);
  opacity: 1;
  color: var(--oxford-blue);
  text-align: center;
  text-transform: capitalize;
  background-image: none;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  height: 56px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 0;
  padding: 0 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: flex;
  position: relative;
}

.home-section-3-button:hover {
  opacity: .5;
}

.home-section-3-button.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: inline-block;
}

.home-section-3-button.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.home-section-3-button.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.home-section-3-button.line.auto-width.disabled {
  opacity: .5;
}

.home-section-3-button.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.home-h2 {
  text-align: left;
  margin-bottom: 13px;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  display: flex;
}

.home-h2.color-white.align-centre {
  text-align: center;
}

.home-h2.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.home-h2.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.home-h2.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.home-h2.max-width-400 {
  max-width: 400px;
}

.demo-section-1 {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.demo-container-1 {
  z-index: 1;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.demo-section-1-text-wrapper-1 {
  min-width: 480px;
  margin-right: 60px;
}

.grid-19 {
  grid-row-gap: 0px;
  grid-template-columns: 16px 1fr;
}

.demo-tick-icon {
  width: 16px;
  height: 16px;
  margin-bottom: 20px;
}

.bottom-margin-10 {
  margin-bottom: 10px;
}

.bottom-margin-10.color-white.align-centre {
  font-size: 17px;
}

.demo-hero-text-1 {
  position: relative;
}

.demo-hero-text-2 {
  margin-top: 100px;
  position: relative;
}

.demo-tilte-wrapper {
  justify-content: center;
  width: 100%;
  margin-bottom: 140px;
  display: flex;
}

.demo-section-3 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.demo-container-3 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.demo-section-2 {
  background-color: var(--oxford-blue);
  padding-top: 140px;
  padding-bottom: 140px;
}

.demo-container-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.demo-logos {
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
  width: 100%;
  margin-top: 40px;
}

.demo-logos.centered {
  margin-bottom: 40px;
}

.body-b {
  font-size: 21px;
  line-height: 32px;
}

.demo-h1 {
  letter-spacing: 0;
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
}

.demo-h1.mobile {
  letter-spacing: -1.8px;
}

.demo-section-3-caption {
  background-image: linear-gradient(166deg, #53c6d6cc, #fff0), linear-gradient(133deg, var(--lime-gradient-1), var(--lime-gradient-2) 35%, var(--lime-gradient-3) 73%, var(--lime-gradient-4));
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.demo-h2 {
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
}

.demo-hero-image-desktop {
  height: 954px;
}

.demo-hero-image-mobile {
  display: none;
}

.demo-container-0 {
  z-index: 1;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.demo-button {
  z-index: 3;
  border: 2px solid var(--oxford-blue);
  background-color: var(--oxford-blue);
  opacity: 1;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  border-radius: 4px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  height: 56px;
  margin-left: 0;
  padding: 0 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: inline-block;
  position: relative;
}

.demo-button:hover {
  opacity: .5;
}

.demo-button.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: inline-block;
}

.demo-button.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.demo-button.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.demo-button.line.auto-width.disabled {
  opacity: .5;
}

.demo-button.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.demo-button.demo-button-line {
  color: var(--oxford-blue);
  background-color: #0000;
}

.watch-demo-section-1 {
  background-color: var(--white-smoke);
  padding-top: 140px;
  padding-bottom: 140px;
}

.container-76 {
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
}

.watch-demo-button-container {
  justify-content: flex-start;
  margin-top: 40px;
  display: flex;
}

.watch-demo-button-wrapper {
  margin-left: 10px;
  display: inline-block;
}

.popup-wrapper---demo-chat {
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.popup-wrapper---demo-chat.preview-page {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-2---demo-chat {
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 64px 64px 80px;
  display: block;
  position: relative;
}

.popup-wrapper---demo-cha {
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.popup-wrapper---demo-cha.preview-page {
  z-index: 10;
  justify-content: center;
  align-items: center;
  margin-top: 66px;
  display: none;
  position: fixed;
  inset: 0%;
}

.overlay---demo-chat {
  z-index: 5;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0d163399;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0%;
}

.popup-content-wrapper---demo-chat {
  z-index: 100;
  border-radius: 8px;
  width: 50%;
  max-width: none;
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 14px #4a3aff29, 0 -2px 4px #14142b1f, 0 12px 44px #14142b57;
}

.popup-content-wrapper---demo-chat.popup-1-content-wrapper---brix-copy {
  border-radius: 8px;
  max-width: 690px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: sticky;
}

.popup-1---demo-chat {
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 64px;
  display: block;
  position: relative;
}

.close-popup---demo-chat {
  cursor: pointer;
  transition: transform .2s;
  position: absolute;
  inset: 24px 24px auto auto;
}

.close-popup---demo-chat:hover {
  transform: scale(.9);
}

.text-span-11 {
  color: var(--howtoo-yellow);
  white-space: normal;
}

.demo-deco-2 {
  margin-top: 40px;
  margin-left: 88px;
  position: absolute;
}

.demo--decro-1 {
  margin-top: 214px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.demo-tilt-background-1 {
  z-index: 0;
  background-color: #f8f8fb;
  width: 120vw;
  height: 800px;
  margin-top: -200px;
  margin-left: -5vw;
  position: absolute;
  inset: 0% 0% auto;
  transform: rotate(-9deg);
}

.sign-up-section-1-growth {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/62de2cff3b3a73b7d62aa13d_Growth_bg.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  align-items: center;
  height: 970px;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.sign-up-container-1 {
  flex: 1;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
}

.sign-up-form-background {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #ffffffb3;
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: 700px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.demo--hero-text {
  width: 500px;
}

.sign-up-section-2 {
  background-color: var(--oxford-blue);
  background-image: linear-gradient(to top, #53c6d64d, #53c6d600 56%);
  padding-top: 140px;
  padding-bottom: 140px;
}

.sign-up-container-2 {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.sign-up-section-2-text-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.sign-up-section-2-title {
  background-color: var(--white);
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
}

.sign-up-section-2-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-content: end stretch;
  justify-items: stretch;
  margin-top: 40px;
  margin-bottom: 40px;
}

.sign-up-h1.color-white {
  letter-spacing: 0;
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
}

.text-span-12 {
  color: #ffa32d;
  margin-right: 3px;
  font-weight: 700;
}

.text-span-13 {
  margin-left: 3px;
  font-size: 24px;
}

.sign-up-section-3 {
  background-color: var(--white);
  padding-top: 140px;
  padding-bottom: 140px;
}

.sign-up-testimonial-logo {
  width: 191px;
  height: 94px;
  margin-bottom: 8px;
}

.sign-up-testimonial-name {
  color: var(--oxford-blue);
  text-align: center;
  margin-top: 40px;
  margin-bottom: 4px;
}

.demo-section-3-h2 {
  letter-spacing: 0;
  font-size: 56px;
  font-weight: 700;
}

.sign-up-form-wrapper {
  width: 488px;
  padding-left: 24px;
  padding-right: 24px;
}

.sign-up---form-embed {
  height: 640px;
}

.sign-up-section-2-block-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 240px;
  display: flex;
}

.sign-up-h2 {
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
}

.sign-up---text-wrapper-1 {
  display: flex;
}

.link-block-18 {
  color: var(--links);
  margin-left: 5px;
  text-decoration: none;
}

.text-block-45 {
  color: var(--links);
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  text-decoration: none;
}

.demo-grid {
  grid-row-gap: 0px;
  grid-template-columns: 16px 1fr;
  margin-bottom: 20px;
}

.sign-up-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
}

.demo-watch-button {
  z-index: 3;
  border: 2px solid var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  opacity: 1;
  color: var(--oxford-blue);
  text-align: center;
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  height: 56px;
  margin-left: 0;
  padding: 0 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.demo-watch-button:hover {
  opacity: .5;
}

.demo-watch-button.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: inline-block;
}

.demo-watch-button.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.demo-watch-button.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.demo-watch-button.line.auto-width.disabled {
  opacity: .5;
}

.demo-watch-button.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.demo-watch-button.demo-button-line {
  color: var(--oxford-blue);
  background-color: #0000;
}

.demo-watch-button-2 {
  z-index: 3;
  border: 2px solid var(--oxford-blue);
  opacity: 1;
  color: var(--oxford-blue);
  text-align: center;
  text-transform: capitalize;
  background-color: #0000;
  border-radius: 4px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  height: 56px;
  margin-left: 0;
  padding: 0 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.demo-watch-button-2:hover {
  opacity: .5;
}

.demo-watch-button-2.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: inline-block;
}

.demo-watch-button-2.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.demo-watch-button-2.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.demo-watch-button-2.line.auto-width.disabled {
  opacity: .5;
}

.demo-watch-button-2.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.demo-watch-button-2.demo-button-line {
  color: var(--oxford-blue);
  background-color: #0000;
}

.watch-demo-button-1-wrapper {
  margin-right: 10px;
}

.footer-social {
  transition: opacity .3s;
}

.footer-social:hover {
  opacity: .6;
}

.nav-item-wrapper-social-icons {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: stretch;
  margin-left: auto;
  display: grid;
}

.ebook---section-2 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.ebook---container-2 {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
}

.ebook---grid {
  display: none;
}

.ebook---collection-list-wrapper-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.ebook-collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  display: grid;
}

.ebook---card-wrapper {
  background-color: var(--white);
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  height: 460px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ebook---card-title {
  letter-spacing: -.02em;
  font-weight: 700;
  line-height: 32px;
}

.ebook---link {
  display: block;
}

.body-10 {
  background-color: var(--white-smoke);
}

.ebook---section-1 {
  padding-top: 140px;
  padding-bottom: 0;
  position: relative;
}

.ebook---feature-image {
  object-fit: cover;
  object-position: 50% 25%;
  align-self: center;
  width: 100%;
  min-width: 100%;
  height: 300px;
}

.ebook---text-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding: 20px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ebook---card-hover-wraper {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ebook---card-button {
  z-index: 3;
  border: 2px solid var(--oxford-blue);
  opacity: 1;
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  height: 44px;
  min-height: 44px;
  margin-top: auto;
  padding: 0 40px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: opacity .3s;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.ebook---card-button:hover {
  opacity: .5;
}

.ebook---card-button.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: inline-block;
}

.ebook---card-button.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.ebook---card-button.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.ebook---card-button.line.auto-width.disabled {
  opacity: .5;
}

.ebook---card-button.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.ebook---header-wrapper {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block-46 {
  color: var(--navi-body);
  font-family: Nunito Sans, sans-serif;
  font-weight: 400;
  display: none;
}

.div-block-237 {
  height: 800px;
}

.ebook---section-3 {
  background-color: var(--white);
  padding-top: 140px;
  padding-bottom: 140px;
}

.ebook---section-3---container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.div-block-43-copy {
  width: auto;
  height: auto;
}

.ebook---section-3---content-wrapper {
  width: 500px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.ebook---container-1 {
  text-align: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
}

.ebook---h1 {
  color: var(--white-smoke);
  margin-top: 0;
  margin-bottom: 60px;
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
}

.ebook---h2 {
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
}

.ebook---featured-card {
  z-index: 2;
  background-color: var(--white);
  background-image: none;
  border-radius: 16px;
  align-items: center;
  width: 100%;
  height: 300px;
  padding: 60px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 7px 20px #00000026;
}

.ebook---featured-ebook-text-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 280px;
  display: flex;
}

.ebook---featured-ebook-title {
  color: var(--oxford-blue);
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
}

.ebooks---featured-ebook {
  margin-left: auto;
  position: relative;
}

.ebook---section-1---background {
  z-index: -1;
  background-color: var(--oxford-blue);
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/62ddddf4a72720620dfb8e99_Frame%205704.png"), linear-gradient(360deg, #53c6d640, #53c6d600 61%);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  height: 360px;
  position: absolute;
  inset: 0% 0% auto;
}

.ebook---featured-ebook---caption {
  color: var(--oxford-blue);
  margin-bottom: 6px;
}

.ebook---featured-card-button {
  z-index: 3;
  border: 2px solid var(--oxford-blue);
  background-color: var(--white);
  opacity: 1;
  color: var(--oxford-blue);
  text-align: center;
  border-radius: 4px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: flex-start;
  align-items: stretch;
  height: 56px;
  margin-left: 0;
  padding: 0 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.ebook---featured-card-button:hover {
  opacity: .5;
}

.ebook---featured-card-button.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: inline-block;
}

.ebook---featured-card-button.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.ebook---featured-card-button.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.ebook---featured-card-button.line.auto-width.disabled {
  opacity: .5;
}

.ebook---featured-card-button.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.ebook-load-more-button {
  border-width: 2px;
  border-color: var(--navi-body);
  color: var(--oxford-blue);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding-left: 40px;
  padding-right: 40px;
  transition: opacity .3s;
  display: flex;
}

.ebook-load-more-button:hover {
  opacity: .6;
}

.icon-22 {
  display: none;
}

.media-load-more {
  border-width: 2px;
  border-color: var(--oxford-blue);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 44px;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.pagination-2, .pagination-3 {
  justify-content: flex-start;
}

.icon-23 {
  display: none;
}

.pagination-4 {
  margin-top: 40px;
}

.icon-24 {
  display: none;
}

.text-block-47 {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.ebook---download-now-text {
  color: var(--oxford-blue);
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.div-block-239 {
  width: 100%;
  height: 100%;
}

.sign-up-section-1-starter {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/62c3e0ae74792ae3f181fa21_Signup-hero.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  align-items: center;
  height: 970px;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.sign-up-section-1-creator {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/62de38744cf813618bf8b012_Creator_bg.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  align-items: center;
  height: 970px;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.link-6 {
  font-family: Inter, sans-serif;
  font-size: 17px;
}

.about-us---h1 {
  text-align: left;
}

.contact-us---caption-text {
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
}

.pricing---price-text-block {
  color: var(--oxford-blue);
  font-family: Nunito Sans, sans-serif;
  font-size: 50px;
  line-height: 60px;
}

.lp_nav-logo {
  width: 158px;
  min-width: 131px;
  height: 36px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: block;
}

.about---our-team-grid {
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
}

.about---team-member-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.about---team-member-wrapper.ex-howtoo {
  display: none;
}

.signup---lottie {
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
}

.track-horizontal, .track-horizontal-alt {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-container-alt {
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 90px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.xpert---logo-marquee---container {
  z-index: 10;
  width: 100%;
  position: relative;
}

.xpert---logo-marquee---logo {
  height: 100%;
}

.marquee-horizontal-large {
  z-index: 200;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 150px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.flex-vertical {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

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

.home---logo-marquee---container {
  z-index: 10;
  width: 100%;
  max-width: 1200px;
  position: relative;
  overflow: hidden;
}

.courses---container-2 {
  flex: 1;
  justify-content: flex-start;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.courses---container-3 {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
}

.xpert---section-3-button-link-block---text {
  background-color: var(--oxford-blue);
  color: #f8f8fb;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.xpert---section-3-button-link-block---text.no-underline {
  text-decoration: none;
}

.xpert---container-6, .xpert---container-3 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.xpert---section-2---card-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.xpert---section-logo---title-wrapper {
  justify-content: center;
  margin-bottom: 40px;
  display: none;
}

.xpert---form-button {
  background-color: #0d1633;
  border-radius: 8px;
  height: 48px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.xpert---section-4---grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: grid;
}

.xpert---section-6---title-wrapper {
  width: 520px;
  margin-bottom: 10px;
}

.background-video-21 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.body-big-2 {
  color: #0d1633;
  margin-top: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  line-height: 28px;
}

.xpert-icon-lottie {
  width: 80px;
  min-width: 80px;
  height: 64px;
}

.xpert---section-2---card {
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 360px;
  height: 460px;
  padding: 40px 32px;
  display: flex;
}

.xpert---section-2---card.with-shadow {
  box-shadow: 0 64px 64px -48px #00000026;
}

.color-white-8 {
  color: #f6f6f6;
}

.form---success-message {
  color: #42495c;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.xpert---form-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.xpert---cta-section-title {
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 28px;
}

.xpert---section-3---hero-card {
  background-color: #ffffff1a;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6305741c8b3a0054263292b4_Frame%205735.png");
  background-position: 0%;
  background-size: cover;
  border-radius: 8px;
  position: relative;
}

.xpert-testimonial-position {
  color: #ffffff80;
  text-align: center;
  margin-bottom: 0;
}

.xpert---section-3--grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.xpert---section-5 {
  background-color: var(--oxford-blue);
  padding-top: 140px;
  padding-bottom: 140px;
}

.xpert---testimonial-logo {
  height: 120px;
}

.xpert---container-cta {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.xpert---section-logo {
  z-index: 2;
  background-color: var(--oxford-blue);
  background-image: linear-gradient(#53c6d600 51%, #53c6d680);
  margin-top: -400px;
  padding-top: 420px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.track-horizontal---static {
  justify-content: center;
  align-items: center;
  display: flex;
}

.xpert---section-cta {
  background-color: var(--yellow-80);
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.success-message-4 {
  background-color: #0000;
  border-radius: 8px;
  width: auto;
  padding: 60px;
}

.xpert---section-2 {
  background-color: #f8f8fb;
  padding-top: 140px;
  padding-bottom: 140px;
}

.xpert---section-3---grid-body {
  opacity: 1;
  color: #fffc;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.xpert---hero---body-big {
  color: var(--white);
  margin-bottom: 24px;
  font-size: 21px;
  line-height: 28px;
}

.xpert---hero-button-link-block---text {
  background-color: var(--oxford-blue);
  color: #f8f8fb;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.xpert---hero-button-link-block---text.no-underline {
  font-style: normal;
  text-decoration: none;
}

.marquee-text {
  color: #fff;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.xpert---background-mask {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: -550px;
  display: flex;
  overflow: hidden;
}

.xpert-testimonial-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.xpert---hero---title-wrapper {
  width: 300px;
}

.spacer---120 {
  height: 120px;
}

.xpert---section-2---text-wrapper {
  align-self: center;
  width: 650px;
}

.xpert---section-3---title-wrapper, .xpert---section-4---title-wrapper {
  margin-bottom: 40px;
}

.xpert---hero-button-container {
  justify-content: space-between;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.xpert---hero-bg---image-centre {
  position: relative;
}

.xpert---hero-title {
  color: #fff;
  letter-spacing: -2px;
  margin-top: 0;
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
  line-height: 68px;
}

.xpert---section-3---icon-card {
  background-color: #ffffff0d;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 100px;
  padding: 10px 10px 10px 0;
  transition: background-color .3s;
  display: flex;
}

.xpert---section-3---icon-card:hover {
  background-color: #ffffff1a;
}

.xpert---section-3 {
  background-color: var(--oxford-blue);
  background-image: none;
  padding-top: 140px;
  padding-bottom: 140px;
}

.xpert---bg-video-container {
  border-radius: 6.75px;
  width: 100%;
  padding-top: 62.5%;
  position: relative;
  overflow: hidden;
}

.xpert---section-cta---button {
  color: #f8f8fb;
  background-color: #0d1633;
  border-style: solid;
  border-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 48px;
  margin-bottom: 0;
  padding: 0 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  transition: opacity .3s;
  display: flex;
}

.xpert---section-cta---button:hover {
  opacity: .6;
}

.xpert---form {
  width: 520px;
}

.xpert---section-1 {
  z-index: 3;
  position: relative;
}

.xpert-testimonial-text-wrapper {
  width: 740px;
  margin-top: 20px;
}

.xpert-testimonial-name {
  color: #fff;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 4px;
}

.xpert---hero-container {
  justify-content: space-between;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.heading-52 {
  margin-bottom: 10px;
}

.form---success-icon {
  width: 64px;
  margin-bottom: 20px;
}

.marquee-horizontal {
  z-index: 20;
  background-color: #0d1633;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.error-message-2 {
  border-radius: 8px;
}

.xpert---hero-bg-grid---area {
  grid-column-gap: 5.5vw;
  grid-row-gap: 2.25vw;
  grid-template: "Area . Area-3"
                 "Area Area-2 Area-3"
                 "Area-4 Area-2 Area-6"
                 "Area-4 Area-5 Area-6"
                 "Area-7 Area-5 Area-9"
                 "Area-7 Area-8 Area-9"
                 "Area-10 Area-8 Area-12"
                 "Area-10 Area-11 Area-12"
                 "Area-13 Area-11 Area-15"
                 "Area-13 Area-14 Area-15"
                 ". Area-14 ."
                 / 1fr 1fr 1fr;
  position: relative;
}

.xpert---section-1---sticky-header {
  z-index: 2;
  background-image: linear-gradient(to bottom, var(--oxford-blue) 72%, #151528e6);
  width: 100%;
  height: 400px;
  padding-top: 160px;
  display: block;
  position: sticky;
  top: -40px;
}

.xpert---hero-button-link-block {
  background-image: linear-gradient(126deg, #fdd07c, #98dde7);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 56px;
  padding: 2px;
  transition: transform .3s, opacity .3s;
  display: flex;
}

.xpert---hero-button-link-block:hover {
  opacity: .6;
  transform: translate(0, -2px);
}

.xpert---section-1---background {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120%;
  display: flex;
  position: relative;
}

.xpert---form---text-field {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  border-radius: 8px;
  height: 56px;
  margin-bottom: 24px;
  transition: opacity .3s;
}

.xpert---form---text-field:hover {
  opacity: .6;
}

.xpert---form---text-field::placeholder {
  color: var(--navi-8);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.xpert---form---text-field.message {
  height: 96px;
}

.xpert---section-2---card-paragraph {
  text-align: center;
}

.xpert---section-2---card-content-wrapper {
  margin-top: 32px;
}

.xpert---section-3---hero-text-wrapper {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #151528cc;
  flex-direction: column;
  width: 55%;
  min-width: 300px;
  height: 100%;
  padding: 40px;
  display: flex;
}

.xpert---container-logos {
  z-index: 3;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.xpert---hero---text-wrapper {
  width: 800px;
  margin-left: auto;
  margin-right: 50px;
  padding-right: 0;
}

.xpert---card-title {
  color: #0d1633;
  text-align: center;
  letter-spacing: -.3px;
  font-weight: 600;
}

.image-125 {
  border-radius: 4px;
  width: 200px;
  height: 200px;
}

.xpert---section-1---sticky-header-bottom {
  z-index: 1;
  background-image: linear-gradient(#151528e6, #0d163380 40%, #15152800);
  width: 100%;
  padding-top: 40px;
  padding-bottom: 140px;
  display: block;
  position: sticky;
  top: 360px;
  bottom: -200px;
}

.xpert---section-3---grid-title {
  color: #fff;
  text-align: left;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
  overflow: hidden;
}

.xpert---section-3-button-link-block {
  background-image: linear-gradient(126deg, #fdd07c, var(--lime-gradient-3) 25%, var(--lime-gradient-2) 56%, var(--lime-gradient-1));
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 56px;
  margin-top: auto;
  padding: 2px;
  transition: transform .3s, opacity .3s;
  display: flex;
}

.xpert---section-3-button-link-block:hover {
  opacity: .6;
  transform: translate(0, -2px);
}

.xpert---scroll-icon {
  opacity: .6;
  transition: opacity .3s;
}

.xpert---scroll-icon:hover {
  opacity: 1;
}

.xpert---body {
  background-color: var(--oxford-blue);
}

.ambassador---section-1 {
  background-color: var(--oxford-blue);
  background-image: linear-gradient(to top, #53c6d666, #53c6d600 65%);
  padding-top: 140px;
  padding-bottom: 140px;
}

.ambassador---container-1 {
  flex-direction: column;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.ambassador---hero-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 720px;
  margin-bottom: 60px;
  display: flex;
}

.ambassador---hero-image-container {
  flex-direction: column;
  width: 100%;
  display: block;
}

.ambassador---hero-imag {
  object-fit: cover;
  object-position: 50% 75%;
  width: 100%;
  height: 801.313px;
}

.ambassador---hero-text-holder {
  background-color: var(--white);
  background-image: linear-gradient(155deg, #98dde7, #e4f6bb 47%, #fdd07c);
  justify-content: space-between;
  align-items: center;
  height: 100px;
  padding: 40px;
  display: flex;
}

.text-block-48 {
  color: var(--oxford-blue);
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.ambassador---hero-image-holder {
  max-height: 464px;
  position: relative;
}

.ambassador---section-2 {
  background-color: var(--white-smoke);
  padding-top: 140px;
  padding-bottom: 140px;
}

.ambassador---section-2---title-holder {
  text-align: center;
  margin-bottom: 40px;
}

.div-block-240 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ambassador---seciton-2---grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.pricing---xpert-banner {
  background-color: var(--oxford-blue);
  background-image: linear-gradient(to top, #53c6d666, #53c6d600 60%);
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.pricing-container-xpert-1268 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1268px;
  padding: 140px 24px;
  display: flex;
  position: relative;
}

.pricing-container-xpert-1268.centre {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
}

.pricing---xpert-banner---title-holder {
  text-align: center;
  width: 640px;
}

.image-126 {
  margin: auto;
  position: absolute;
  inset: 0%;
}

.pricing---xpert-banner---button-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.heading-53 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(127deg, #98dde7 23%, #e4f6bb 50%, #fdd07c 76%);
  -webkit-background-clip: text;
  background-clip: text;
}

.pricing---xpert-banner-button {
  z-index: 3;
  border: 2px solid var(--white);
  opacity: 1;
  color: #fff;
  text-align: center;
  text-transform: none;
  background-color: #0000;
  border-radius: 4px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  width: 190px;
  height: 56px;
  margin-left: 0;
  padding: 0 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: inline-block;
  position: relative;
}

.pricing---xpert-banner-button:hover {
  opacity: .5;
}

.pricing---xpert-banner-button.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  width: auto;
  display: inline-block;
}

.pricing---xpert-banner-button.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.pricing---xpert-banner-button.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.pricing---xpert-banner-button.line.auto-width.disabled {
  opacity: .5;
}

.pricing---xpert-banner-button.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.ambassador---card {
  background-color: var(--white);
  border-radius: 8px;
  padding: 32px 24px;
}

.ambassador---card.navi-background {
  background-color: #ffffff0d;
}

.ambassador---icon-1 {
  width: 48px;
  margin-bottom: 12px;
}

.bottom-margin-40 {
  margin-bottom: 40px;
}

.ambassador---section-3 {
  background-color: var(--oxford-blue);
  background-image: none;
  padding-top: 140px;
  padding-bottom: 140px;
}

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

.body-white {
  color: #f8f8fbcc;
  font-size: 16px;
}

.ambassador---section-4 {
  background-color: var(--white-smoke);
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
}

.ambassador---container-4 {
  flex-direction: row;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: static;
}

.ambassador---container-2 {
  flex-direction: column;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.ambassador---section-4---text-wrapper {
  width: 50%;
}

.image-127 {
  z-index: 2;
  border: 8px solid var(--yellow-80);
  object-fit: cover;
  width: 80%;
  height: 80%;
  margin-top: 5%;
  position: relative;
}

.ambassador---section-4---image-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 50%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 55%;
}

.div-block-241 {
  border: 2px solid var(--white);
  border-radius: 0;
  width: 80%;
  height: 80%;
  position: absolute;
  top: 7.5%;
  left: 15%;
}

.ambassador---hero-link-block {
  color: var(--navi-body);
  align-items: center;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  display: flex;
}

.ambassador---hero-arrow {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

.text-block-49 {
  color: #252d47;
}

.ambassador---hero-image-overlay {
  background-color: #0000002e;
  background-image: linear-gradient(134deg, #53c6d61a, #fcb01f0d);
  position: absolute;
  inset: 0%;
}

.ambassador---hero-body {
  color: #fffc;
  text-align: center;
  width: 580px;
}

.ambassador-info---section-1 {
  background-color: var(--oxford-blue);
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.ambassador-info---container-1 {
  flex-direction: column;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.ambassador-info---hero-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 720px;
  display: flex;
}

.ambassador-info---rich-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.ambassador-info---section-2 {
  background-color: var(--white);
  background-image: none;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.rich-text-block-2 {
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.ambassador-info---list-item {
  padding-top: 6px;
  padding-bottom: 6px;
}

.ambassador-info---details-h2 {
  color: var(--neutral-800);
  font-size: 24px;
}

.ambassador---list-text {
  margin-bottom: 0;
}

.color-white-80 {
  color: #fffc;
}

.ambassador-info---section-3 {
  background-color: var(--white-smoke);
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.ambassador-info---rewards-holder {
  text-align: center;
  background-image: linear-gradient(144deg, #fecca7, #dc8f6e);
  border-radius: 8px;
  max-width: 860px;
  padding: 30px;
}

.ambassador-info---rewards-holder.silver {
  background-image: linear-gradient(144deg, #edf1f3, #e4edf1);
}

.ambassador-info---rewards-holder.gold {
  background-image: linear-gradient(144deg, #feeab5, #dcc46e);
}

.ambassador---rewards-h3 {
  font-size: 32px;
  font-weight: 700;
}

.ambassador-info---rewards-grid {
  grid-template-rows: auto;
  margin-bottom: 40px;
}

.ambassador-info---rewards-detail {
  background-color: #ffffff1a;
  border-radius: 8px;
  padding: 20px 40px;
}

.ambassador-info---rewards-text-wrapper {
  justify-content: center;
  align-items: center;
  height: 54px;
  margin-top: 12px;
  display: flex;
}

.ambassador-info---rewards-image {
  object-fit: cover;
  width: 100%;
  height: 400px;
}

.ambassador-info---tab {
  border: 2px solid var(--navi-body);
  color: var(--navi-body);
  background-color: #0000;
  border-radius: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 44px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.ambassador-info---tab.w--current {
  border-width: 0;
}

.ambassador-info---tab.bronze.w--current {
  background-image: linear-gradient(132deg, #fecca7, #ebaa88);
}

.ambassador-info---tab.silver.w--current {
  background-image: linear-gradient(145deg, #edf1f3, #e4edf1);
}

.ambassador-info---tab.gold.w--current {
  background-image: linear-gradient(145deg, #feeab4, #e7d085);
}

.ambassador---tab-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area . Area-2 . Area-3"
  / 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-bottom: 60px;
  display: grid;
}

.devider {
  border-bottom: 1px solid #fff;
  margin-bottom: 16px;
}

.devider.dark {
  border-bottom-color: var(--oxford-blue);
  width: 100%;
}

.div-block-242 {
  position: absolute;
}

.ambassador-info---rewards-tabs-wrapper {
  position: relative;
}

.grid-20 {
  z-index: 1;
  grid-template: ". Area . Area-2"
  / 1fr 1fr 1fr 1fr 1fr;
  height: 44px;
  position: absolute;
  inset: 0% 0% auto;
}

.ambassador-info---rewards-tab {
  z-index: 2;
}

.div-block-243 {
  border-bottom: 2px dashed var(--grey-2);
}

.ambassador-info---t-cs {
  align-self: center;
  margin-top: 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  display: none;
}

.ambassador-info---section-4 {
  background-color: var(--yellow-80);
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.ambassador-info---section-3-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 580px;
  display: flex;
}

.ambassador---form-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  display: grid;
}

.ambassador---form-text-field {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  border-radius: 8px;
  height: 56px;
  margin-bottom: 0;
  transition: border-color .3s, opacity .3s;
}

.ambassador---form-text-field:hover {
  opacity: .6;
}

.ambassador---form-text-field:focus {
  border-color: var(--grey-4);
  opacity: .6;
}

.ambassador---form-text-field::placeholder {
  color: var(--navi-8);
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.ambassador---form-text-field.message {
  height: 120px;
}

.ambassador---form-text-field.message::placeholder {
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
}

.ambassador---form-text-field.messages {
  height: 120px;
  padding-left: 12px;
}

.ambassador---form-button {
  background-color: var(--oxford-blue);
  color: var(--white);
  border-radius: 8px;
  height: 48px;
  margin-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.container---brix {
  max-width: 980px;
  padding-left: 24px;
  padding-right: 24px;
}

.ambassador---section-form {
  background-color: var(--oxford-blue);
  padding-top: 60px;
  padding-bottom: 60px;
}

.ambassador---from-container {
  max-width: 980px;
  padding-left: 24px;
  padding-right: 24px;
}

.ambassador---form-wrapper {
  width: 100%;
  display: none;
}

.ambassador---section-form-mobile-only {
  background-color: #fdd07c;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: none;
}

.case-study-hero-section {
  padding-top: 140px;
  padding-bottom: 140px;
}

.case-study-hero-title-wrapper {
  text-align: center;
  margin-bottom: 40px;
}

.case-study-hero-container {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
}

.case-study-stats-section {
  background-image: linear-gradient(145deg, #fdd07c, #ffbeb2 54%, #f79ab7);
}

.case-study-stats-container {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
}

.case-study-content-section {
  padding-top: 140px;
  padding-bottom: 140px;
}

.case-study-content-container {
  flex-direction: row;
  justify-content: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.case-study-content-wrapper {
  max-width: 780px;
  margin-right: 40px;
}

.case-study-sticky-card {
  background-color: var(--oxford-blue);
  text-align: center;
  background-image: linear-gradient(#53c6d600 45%, #53c6d64d);
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 360px;
  min-width: 360px;
  margin-left: auto;
  padding: 40px 20px;
  display: flex;
  position: sticky;
  top: 100px;
  bottom: 100px;
}

.case-study-sticky-card-text-wrapper {
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.case-study-banner-text-block {
  color: var(--white);
  margin-bottom: 12px;
  font-family: Nunito Sans, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
}

.case-study-section-4 {
  background-color: var(--white-smoke);
  padding-top: 140px;
  padding-bottom: 140px;
}

.case-study-case-card-container {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
}

.grid-21 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.case-study-card {
  background-color: var(--white);
  border-radius: 12px;
  flex-direction: column;
  max-width: 380px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.case-study-card-heading {
  font-size: 24px;
  font-weight: 700;
}

.case-study-card-cms {
  background-color: #8a61ff00;
}

.case-study-card-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
}

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

.text-link-primary {
  font-family: Inter, sans-serif;
  font-size: 17px;
}

.text-link-primary.light {
  color: var(--white);
}

.text-link-primary-wrapper {
  color: var(--links);
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  text-decoration: none;
  transition: color .3s, opacity .3s;
  display: flex;
}

.text-link-primary-wrapper:hover {
  color: #2727d9;
}

.text-link-primary-wrapper.dark {
  color: var(--oxford-blue);
}

.text-link-primary-wrapper.dark:hover {
  color: var(--navi-8);
}

.text-link-primary-wrapper.light {
  color: var(--white);
}

.text-link-primary-wrapper.light:hover {
  color: #f4f7fc;
}

.case-study-cms-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  object-fit: fill;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch space-around;
  place-items: stretch center;
  max-width: none;
  margin-left: 24px;
  margin-right: 24px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.case-study-stats {
  padding-top: 60px;
  padding-bottom: 60px;
}

.case-study-stats-wrapper {
  text-align: center;
}

.case-study-stats-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-around;
  display: flex;
}

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

.text-link-icon {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

.case-study-quotation-holder {
  background-color: #fdd07c;
  border-radius: 8px;
}

.case-study-quotation {
  margin-bottom: 0;
  padding: 24px 24px 0;
}

.case-study-testimonial-person-wrapper {
  padding-left: 24px;
  display: flex;
}

.case-study-testimonial-person-wrapper.left-margin-24 {
  margin-left: 24px;
}

.case-study-avatar {
  border-radius: 100px;
  width: 48px;
  height: 48px;
}

.case-study-tesimonial-name {
  color: var(--oxford-blue);
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.case-study-tesimonial-role {
  color: var(--navi-body);
  padding-bottom: 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.case-study-testimonial-info-wrapper {
  margin-left: 10px;
}

.div-block-244 {
  overflow: hidden;
}

.image-129 {
  object-fit: cover;
  width: 100%;
  max-height: 510px;
}

.text-block-51 {
  font-size: 3rem;
}

.case-study--card-devider {
  border-bottom: 1px solid var(--navi-body);
  width: 100%;
  margin-top: auto;
  margin-bottom: 16px;
  padding-top: 16px;
}

.case-study--card-devider.dark {
  border-bottom-color: var(--oxford-blue);
  width: 100%;
}

.card-text-link-holder {
  width: 100%;
  margin-top: auto;
}

.case-studies-load-more {
  border-width: 2px;
  border-color: var(--oxford-blue);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.text-block-52 {
  color: var(--oxford-blue);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

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

.xpert-thank-you-section-1 {
  background-color: var(--white-smoke);
  padding-top: 220px;
  padding-bottom: 220px;
  display: block;
}

.xpert-thank-you-container-inner-480px {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.xpert-thank-you-container-inner-480px.left {
  margin-left: 0;
}

.div-block-245 {
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.xpert-thank-you-paragraph-2 {
  margin-top: 15px;
}

.section-courses-page-5-copy {
  background-color: var(--white);
  background-color: var(--white);
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 40px;
  display: block;
  position: static;
  overflow: hidden;
}

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

.lightbox-link-9 {
  border: 2px solid var(--white);
  border-radius: 8px;
  width: 190px;
  height: 56px;
  transition: transform .3s, opacity .3s;
}

.lightbox-link-9:hover {
  opacity: .6;
  transform: translate(0, -2px);
}

.image-130 {
  display: none;
}

.xpert---hero-button-link-block---video {
  color: var(--white);
  background-color: #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.courses-container-2 {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
}

.courses-tick-icon {
  margin-right: 8px;
}

.course-template-hero-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 20px;
  display: grid;
}

.courses-template-form-button {
  border: 2px solid var(--white);
  color: var(--white);
  text-align: center;
  background-color: #0000;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 56px;
  padding: 0 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  transition: opacity .3s;
  display: flex;
  overflow: visible;
}

.courses-template-form-button:hover {
  opacity: .6;
}

.courses-template-form-button.white {
  border-color: var(--white);
  color: var(--white);
}

.courses-template-cta {
  z-index: 3;
  border: 2px solid var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  opacity: 1;
  color: var(--oxford-blue);
  text-align: center;
  border-radius: 4px;
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  width: 250px;
  min-width: 190px;
  height: 56px;
  padding: 0 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: opacity .3s;
  display: flex;
  position: relative;
}

.courses-template-cta:hover {
  opacity: .5;
}

.courses-template-cta.yellow {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.courses-template-cta.line {
  color: var(--oxford-blue);
  background-color: #0000;
  flex-direction: column;
  line-height: 56px;
  display: inline-block;
}

.courses-template-cta.line.auto-width {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  line-height: 52px;
  display: flex;
}

.courses-template-cta.line.auto-width.disabled {
  opacity: .5;
}

.courses-template-cta.auto-width {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.blog-load-more {
  border-width: 2px;
  border-color: var(--navi-body);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.image-131 {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.div-block-246 {
  z-index: 2;
  background-color: #1515154d;
  position: absolute;
  inset: 0%;
}

.blog-template-hero-wrapper {
  z-index: 3;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: 1148px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 0;
  display: flex;
  position: static;
}

.blog-template-hero-wrapper.side-paddings {
  padding-left: 15px;
  padding-right: 15px;
}

.blog-template-hero-wrapper.nav-bar-v1-wrapper {
  flex-direction: row;
  align-self: center;
  align-items: stretch;
  display: flex;
}

.post-template-hero-image {
  object-fit: cover;
  object-position: 0% 50%;
  width: 48%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.icon-26 {
  display: none;
}

.partnership-section {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
}

.partnership-section.bg_navi {
  background-color: var(--oxford-blue);
  background-image: none;
}

.partnership-section.bg_offwhite {
  background-color: var(--white-smoke);
  padding-top: 64px;
}

.partnership-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.partnership-hero-test-wrapper {
  color: var(--white);
  text-align: center;
  width: 580px;
}

.partnership-section-2-wrapper {
  color: var(--white);
  max-width: 520px;
}

.partnership-container-2 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: static;
}

.partnership-section-2-tick-grid {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.partnership-tick-icon {
  margin-right: 8px;
}

.partnership-tick-textbox-wrapper {
  align-items: center;
  display: flex;
}

.partnership-image {
  border-radius: 8px;
  height: 480px;
}

.partnership-section-4-block-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 140px;
  display: flex;
}

.partnership-section-4-block-wrapper.bottom-margin-0 {
  margin-bottom: 0;
}

.partnership-container-4 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.partnership-section-3-wrapper {
  color: var(--white);
  text-align: center;
  max-width: 520px;
}

.partnership-form-wrapper {
  color: var(--white);
  text-align: left;
  width: 100%;
  max-width: 800px;
}

.partner---form---text-field {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  color: var(--oxford-blue);
  border-radius: 8px;
  height: 56px;
  margin-bottom: 0;
  font-size: 16px;
  transition: opacity .3s;
  display: block;
}

.partner---form---text-field:hover {
  border-color: var(--grey-2);
  opacity: 1;
}

.partner---form---text-field:focus {
  border-color: var(--neutral-800);
}

.partner---form---text-field::placeholder {
  color: var(--navi-5);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.partner---form---text-field.message {
  height: 96px;
}

.partner---form-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1000px;
  margin-bottom: 20px;
  display: grid;
}

.partner-form-title {
  color: var(--navi-body);
  text-transform: capitalize;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.partner---form---dropdown {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  color: var(--navi-8);
  border-radius: 4px;
  height: 56px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.text-span-14 {
  color: #fa345a;
}

.partnership-form-button {
  background-color: var(--oxford-blue);
  border-radius: 8px;
  width: 190px;
  height: 56px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: opacity .3s, transform .3s;
}

.partnership-form-button:hover {
  opacity: .6;
  transform: translate(0, -2px);
}

.partnership-section-2-bg {
  z-index: -1;
  height: 140px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 0%;
}

.partners-section-4-caption {
  color: var(--oxford-blue);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(156deg, #76d1df 5%, #b0a1ed 11%, #f591b8 15%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 12px;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 600;
}

.text-block-53 {
  color: var(--links);
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.ambassador-info-pack-download-wrapper {
  width: 100%;
}

.ambassador-info-download-pack {
  color: var(--oxford-blue);
  font-size: 17px;
}

.style-guide-header-2 {
  background-color: var(--oxford-blue);
  padding: 100px 68px;
}

.style-guide-link-2 {
  color: #575757;
  align-items: center;
  padding: 12px 20px;
  text-decoration: none;
  transition: opacity .2s, background-color .3s;
  display: flex;
}

.style-guide-link-2:hover {
  color: #080808;
  background-color: #ededed;
}

.style-guide-link-2.w--current {
  color: #080808;
  background-color: #ededed;
  font-weight: 700;
  transition: color .3s, background-color .3s;
}

.section-styleguide-2 {
  padding-top: 149px;
  padding-bottom: 86px;
}

.button-primary-2 {
  color: #fff;
  text-align: center;
  background-color: #080808;
  border-radius: 80px;
  margin-top: 0;
  padding: 20px 48px 21px;
  font-weight: 400;
  line-height: 19px;
  transition: transform .3s, background-color .3s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #0b6dff;
  transform: translate(0, -2px);
}

.button-primary-2.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-primary-2.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.button-primary-2.small {
  padding: 14px 24px 15px;
  font-size: 16px;
  line-height: 18px;
}

.button-primary-2.large {
  padding: 24px 56px 25px;
  font-size: 20px;
  line-height: 22px;
}

.container-default-5 {
  max-width: 1244px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.style-guide-content-2 {
  background-color: #fff;
  flex: 1;
  max-width: 100%;
  margin-left: 18px;
  box-shadow: 0 8px 22px #08080817;
}

.style-guide-sidebar-title-2 {
  color: #080808;
  border-bottom: 1px solid #ededed;
  margin-bottom: 24px;
  padding-bottom: 24px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 22px;
  line-height: 24px;
}

.style-guide-sidebar-title-2.middle {
  border-top: 1px solid #ededed;
  margin-top: 24px;
  padding-top: 24px;
}

.style-guide-sidebar-2 {
  z-index: 2;
  flex: 0 14em;
  height: 100%;
  min-height: 96vh;
  margin-right: 16px;
  position: sticky;
  top: 32px;
}

.flex_style-guide {
  flex-wrap: nowrap;
  align-items: flex-start;
  display: flex;
}

.flex_style-guide.end {
  justify-content: flex-end;
}

.flex_style-guide.end.mg-top-90px {
  margin-top: 60px;
}

.flex_style-guide.contact-card-wraper {
  padding-top: 26px;
  padding-bottom: 26px;
}

.flex_style-guide.contact-card-wraper.right {
  padding-left: 85px;
}

.flex_style-guide.contact-card-wraper.left {
  border-right: 1px solid #ccc;
  padding-right: 85px;
}

.flex_style-guide.bullet-container {
  margin: 6px;
}

.flex_style-guide.services-card {
  justify-content: space-between;
  align-items: center;
  padding: 37px 24px;
}

.flex_style-guide.justify-center {
  justify-content: center;
}

.flex_style-guide.justify-center.wrap {
  flex-wrap: wrap;
}

.flex_style-guide.justify-center.wrap.blue-checks {
  justify-content: space-between;
}

.flex_style-guide.sidebar {
  align-items: flex-start;
}

.button-secondary {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 10px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: inline-block;
}

.button-secondary:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.button-secondary.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-secondary.mg-top-32px {
  margin-top: 32px;
}

.button-secondary.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-secondary.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.button-secondary.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.button-secondary.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-secondary.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.button-secondary.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-secondary.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.button-secondary.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.button-secondary.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-secondary.light {
  border-color: var(--white);
  color: var(--white);
}

.button-secondary.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.button-secondary.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.button-secondary.navbar:hover {
  transform: none;
}

.fa-icon-play {
  font-family: Font awesome, sans-serif;
  font-size: .9em;
}

.courses-card-content-wrapper {
  flex-direction: column;
  flex: 1;
  padding: 32px 24px;
  display: flex;
}

.pagination-5 {
  margin-top: 40px;
}

.courses-cms-load-more {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 44px;
  margin-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: opacity .3s, transform .3s;
  display: flex;
}

.courses-cms-load-more:hover {
  opacity: .6;
  transform: translate(0, -2px);
}

.courses-cms-load-more.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.courses-cms-load-more.mg-top-32px {
  margin-top: 32px;
}

.courses-cms-load-more.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.courses-cms-load-more.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.courses-cms-load-more.small {
  height: 48px;
  padding-left: 32px;
  padding-right: 32px;
  font-size: 16px;
  line-height: 24px;
}

.courses-cms-load-more.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.courses-cms-load-more.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.courses-cms-load-more.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.courses-cms-load-more.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.courses-cms-load-more.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.courses-cms-load-more.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.courses-cms-load-more.light {
  border-color: var(--white);
  color: var(--white);
}

.courses-card-caption {
  color: var(--oxford-blue);
  margin-bottom: 0;
  font-size: 14px;
  line-height: 15px;
}

.cards-grid {
  grid-column-gap: 24px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.card-thumbnail-image-wrapper {
  height: 200px;
  min-height: 200px;
  overflow: hidden;
}

.card-content-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px 24px;
  display: flex;
  position: relative;
}

.card-primary {
  background-color: var(--white);
  border-radius: 8px;
  flex-direction: column;
  max-width: 380px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.style-guide-icon-font {
  color: var(--white);
  font-family: Font awesome, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.text-block-54 {
  font-family: Nunito Sans, sans-serif;
  font-weight: 600;
}

.xpert-carousel-content-wrapper {
  z-index: 10;
  max-width: 500px;
  margin-top: 120px;
  margin-left: 24px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.xpert-carousel-section {
  background-color: var(--white);
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.text-block-55 {
  font-family: Inter, sans-serif;
}

.home-section-3-button-wrapper {
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.ambassador-tier-button-textblock {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.gradient-lime {
  background-image: linear-gradient(120deg, var(--lime-gradient-1), var(--lime-gradient-2) 31%, var(--lime-gradient-3) 64%, var(--lime-gradient-4));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.bold-text-6 {
  font-weight: 500;
}

.text-link-icon-primary {
  margin-left: 8px;
  font-family: Font awesome, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.text-link-icon-primary.light {
  color: var(--white);
}

.lp_uni_section-1 {
  background-color: var(--oxford-blue);
  background-image: linear-gradient(#53c6d600 37%, #53c6d666);
  flex-direction: column;
  align-items: stretch;
  padding-top: 140px;
  padding-bottom: 140px;
  overflow: hidden;
}

.lp-uni-hero-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.lp-uni-hero-title-wrapper {
  width: 600px;
}

.lp-uni-hero-image-wrapper {
  width: 2253px;
  height: 615px;
}

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

.lp-uni-image-container {
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
  display: none;
}

.lp-uni-hero-container-3 {
  max-width: 1248px;
  margin-top: 100px;
  padding-left: 24px;
  padding-right: 24px;
}

.grid-22 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  place-items: stretch center;
}

.lp-uni-section-2 {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.lp-uni-section-2-container {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.lp-section-2-text-wrapper {
  width: 480px;
}

.image-132 {
  object-fit: cover;
  flex: 0 auto;
  height: 100%;
  margin-left: 40px;
  position: absolute;
  inset: 0% 50% 0% 0%;
}

.lp-uni-tag-text {
  color: var(--oxford-blue);
  text-align: center;
  letter-spacing: -.42px;
  width: 320px;
  font-family: Inter, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
}

.lp-uni-tag {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6372d11c366d1593fd0052b6_marker.svg");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 39px;
  margin-bottom: 24px;
  display: flex;
}

.lp-uni-section-3 {
  background-color: var(--oxford-blue);
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
}

.lp-uni-section-3-container {
  flex-direction: column;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.lp-section-3-text-wrapper {
  text-align: center;
  width: 620px;
}

.lp-uni-hero-text-wrapper {
  width: 460px;
  margin-left: auto;
}

.lp-uni-logos.kaplan {
  aspect-ratio: auto;
}

.lp-uni-section-2-banner {
  display: none;
}

.lp-uni-s2-button-wrapper {
  margin-top: 32px;
  display: block;
}

.cookie-modal_content-wrap {
  padding: 1.75rem 2rem;
}

.cookie-modal_content-wrap.is-small {
  padding: 40px 20px 24px;
}

.cookie-modal_description {
  color: var(--navi-8);
  font-family: Inter, sans-serif;
  font-size: 14px;
}

.cookie-modal_closebutton {
  z-index: 5;
  background-color: var(--white-smoke);
  cursor: pointer;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-top: 20px;
  margin-left: auto;
  margin-right: 20px;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.cookie-modal_component {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 1rem #2629260d;
}

.screenreader-only {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.cookie-modal_styles {
  display: none;
}

.cookie-modal_closebutton_line {
  background-color: #515750;
  width: 1rem;
  height: 2px;
  position: absolute;
}

.cookie-modal_closebutton_line.is-right {
  transform: rotate(-45deg);
}

.cookie-modal_closebutton_line.is-left {
  transform: rotate(45deg);
}

.cookie-modal_title {
  margin-bottom: .1875em;
  font-size: 1.25rem;
  font-weight: 700;
}

.cookie-modal_title.is-small {
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
}

.cookie-modal_button_text {
  font-size: 18px;
}

.cookie-modal_button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f3f7f2;
  border-radius: 0 0 .25rem .25rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.cookie-modal_button-wrap.is-small {
  background-color: var(--white-smoke);
  border-radius: 0;
  justify-content: flex-start;
  padding: 1.5rem;
}

.cookie-modal_button {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: .9375rem;
  text-decoration: none;
  transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.cookie-modal_button:hover {
  background-color: var(--navi-8);
}

.cookie-modal_button.is-secondary {
  color: #515750;
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
  font-size: .875rem;
  font-weight: 700;
  display: none;
}

.cookie-modal_button.is-secondary:hover {
  color: #262926;
  text-decoration: underline;
}

.ck-cookie-w {
  z-index: 9500;
  max-width: 25rem;
  position: fixed;
  inset: auto 1.25rem 1.25rem auto;
}

.cookie-modal_link {
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.discover-section {
  justify-content: space-around;
  height: 1080px;
  display: flex;
  position: relative;
}

.discover-hero-container {
  background-color: var(--oxford-blue);
  background-image: linear-gradient(166deg, #53c6d600 33%, #53c6d666);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  padding: 140px 24px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 50%;
  overflow: hidden;
}

.discover-form-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-left: auto;
  padding: 140px 24px 220px;
  display: flex;
  position: absolute;
  inset: 0% 50% 0% 0%;
}

.discover-hero-text-wrapper {
  max-width: 480px;
}

.discover-hero-image {
  min-width: 1800px;
  margin-top: -60px;
  position: relative;
}

.xpert---form-copy {
  width: 520px;
}

.discover-form-text-field {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  color: var(--oxford-blue);
  border-radius: 8px;
  height: 56px;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  transition: opacity .3s;
}

.discover-form-text-field:hover {
  opacity: .6;
}

.discover-form-text-field::placeholder {
  color: var(--navi-8);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.discover-form-text-field.message {
  height: 96px;
}

.discover-form-title {
  margin-bottom: 10px;
}

.discover-form-title.color-white.align-centre {
  font-size: 17px;
}

.discover-form-title-wrapper {
  width: 100%;
  max-width: 480px;
  margin-bottom: 10px;
}

.discover-hero-image-mobile {
  min-width: 1800px;
  margin-top: -60px;
  display: none;
  position: relative;
}

.form-block-5 {
  align-self: stretch;
}

.discover-form-block {
  width: 100%;
  max-width: 480px;
}

.marketplace-banner {
  height: 590px;
}

.marketplace-container {
  z-index: 99;
  flex: 1;
  max-width: 1560px;
  padding-left: 140px;
  padding-right: 140px;
  position: relative;
}

.marketplace-content-wrapper {
  flex-direction: column;
  max-width: 480px;
}

.marketplace-slider {
  background-color: #0000;
  height: 100%;
}

.marketplace-slide-wrapper {
  z-index: 0;
  background-image: none;
  align-items: center;
  height: 100%;
  display: flex;
}

.bottom-margin-16 {
  margin-top: 0;
  margin-bottom: 16px;
}

.marketplace-banner-background-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

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

.marketplace-title-block {
  color: var(--white);
  margin-bottom: 16px;
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
}

.marketplace-course-tag {
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.marketplace-course-tag-avatar {
  width: 32px;
  height: 32px;
}

.text-block-57 {
  color: var(--white);
  margin-left: 8px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.marketplace-course-tag-verified {
  width: 16px;
  height: 16px;
  margin-left: 2px;
}

.marketplace-course-tag-badge {
  color: var(--white);
  background-color: #5c5c69;
  border-radius: 8px;
  margin-left: 12px;
  padding: 4px 8px;
  font-family: Nunito Sans, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}

.marketplace-button-wrapper {
  grid-column-gap: 16px;
  display: flex;
}

.marketplace-h1 {
  color: var(--white);
  margin-bottom: 16px;
  font-size: 48px;
  line-height: 48px;
}

.icon-27 {
  width: 40px;
  height: 40px;
  position: static;
}

.marketplace-left-arrow-wrapper {
  width: 56px;
  margin-left: 30px;
  position: absolute;
}

.marketplace-arrow-icon {
  background-color: #15152880;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  font-family: Font awesome, sans-serif;
  font-size: 24px;
  transition: background-color .3s;
  display: flex;
}

.marketplace-arrow-icon:hover {
  background-color: #151528;
}

.marketplace-arrow-icon.right {
  margin-right: 30px;
}

.marketplace-left-arrow {
  align-items: center;
  width: 86px;
  display: flex;
  position: absolute;
}

.marketplace-right-arrow {
  align-items: center;
  width: 86px;
  display: flex;
}

.marketplace-arrow-wrapper {
  width: 56px;
  position: relative;
}

.marketplace-arrow-wrapper.left {
  margin-left: 30px;
}

.text-span-15, .text-span-16 {
  margin-left: 8px;
  font-family: Font awesome, sans-serif;
  font-weight: 700;
}

.marketplace-title-block-mobile {
  color: var(--white);
  margin-bottom: 16px;
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
}

.marketplace-mobile-title-container {
  display: none;
}

.marketplace-paragraph {
  font-size: 16px;
}

.marketplace-bg-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}

.marketplace-overlay {
  z-index: 1;
  background-image: linear-gradient(to right, #28293d, #28293de6 36%, #fff0);
  position: absolute;
  inset: 0%;
}

.marketplace-video-button {
  border: 2px solid var(--white);
  border-radius: 8px;
  height: 44px;
  padding-left: 40px;
  padding-right: 40px;
  transition: transform .3s, opacity .3s;
}

.marketplace-video-button:hover {
  opacity: .6;
  transform: translate(0, -2px);
}

.xpmarketplace---video {
  color: var(--white);
  background-color: #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.text-span-17 {
  margin-left: 8px;
  font-family: Font awesome, sans-serif;
  font-weight: 700;
}

.blog-section-1 {
  padding-top: 140px;
  padding-bottom: 140px;
  display: none;
}

.blog-container-1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.blog-title-wrapper {
  text-align: center;
  margin-bottom: 40px;
}

.blog-time-textblock {
  color: var(--oxford-blue);
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.blog-author-name {
  color: var(--oxford-blue);
  font-size: 18px;
  line-height: 24px;
  transition: color .3s;
}

.blog-author-name:hover {
  color: var(--links);
}

.blog-publish-date {
  color: var(--oxford-blue);
  font-size: 18px;
  line-height: 24px;
}

.blog-section-2 {
  display: none;
}

.blog-feature-image-wrapper {
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  height: 700px;
  margin-bottom: 100px;
  display: block;
  overflow: hidden;
}

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

.footer-copy-right-block {
  color: var(--white);
  margin-right: 20px;
  font-size: 16px;
  display: inline;
}

.footer-copy-right-block.smaller {
  font-family: Nunito Sans, sans-serif;
  font-size: 15px;
}

.about-us-quote {
  color: var(--oxford-blue);
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.about-us-quote.no-spacing, .about-us-quote.no-bottom-margin {
  margin-bottom: 0;
}

.about-us-quote.larger {
  font-size: 24px;
  line-height: 38px;
}

.image-133 {
  display: none;
}

.about-us-image-1 {
  border-radius: 8px;
}

.spacer-18 {
  height: 18px;
  padding-bottom: 0;
}

.capterra1-section-1 {
  background-image: linear-gradient(to bottom, var(--oxford-blue), #024660);
  flex-direction: row;
  justify-content: flex-start;
  height: 690px;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  overflow: hidden;
}

.image-134 {
  width: 916px;
  max-width: none;
  height: 574px;
  margin-left: 0;
  position: relative;
  top: -59px;
}

.lp2-section-2 {
  background-color: var(--white);
  padding-top: 0;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.capterra1-section-3 {
  background-color: var(--oxford-blue);
  padding-top: 140px;
  padding-bottom: 140px;
}

.capterra1-section-4 {
  background-color: #f8f8fb;
  padding-top: 140px;
  padding-bottom: 140px;
}

.capterra1-section-5 {
  background-color: var(--white);
  padding-top: 140px;
  padding-bottom: 140px;
}

.capterra--container-3 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.capterra-container-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.capterra-container-4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.capterra-s4-content-wrapper {
  width: 480px;
  margin-right: 40px;
}

.capterra1-hero-text {
  width: 580px;
  min-width: 580px;
  margin-right: 40px;
}

.capterra1-section-2-content-wrapper {
  z-index: 10;
  max-width: 460px;
  margin-top: 100px;
  margin-left: 24px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.capterra2-section-1 {
  background-image: linear-gradient(to bottom, var(--oxford-blue), #024660);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.capterra2-container-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  overflow: visible;
}

.capterra2-hero-text {
  z-index: 99;
  text-align: center;
  width: 760px;
  min-width: 580px;
  position: relative;
}

.capterra2-hero-image {
  width: 100%;
  max-width: 1440px;
  margin-top: -12%;
  margin-left: 0;
}

.capterra-test-section-3 {
  background-color: var(--oxford-blue);
  padding-top: 140px;
  padding-bottom: 140px;
}

.test-block {
  background-color: var(--lime-gradient-2);
}

.text-block-58 {
  font-family: Font awesome, sans-serif;
}

.heading-55 {
  font-size: 6px;
}

.test-block-1 {
  background-color: var(--lime-gradient-2);
}

.test-section-1 {
  background-image: linear-gradient(to bottom, var(--oxford-blue), #024660);
  flex-direction: row;
  justify-content: flex-start;
  height: 690px;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.test-container-1 {
  justify-content: flex-start;
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: static;
  overflow: visible;
}

.test-hero-text {
  flex-direction: column;
  width: 580px;
  min-width: 580px;
  margin-right: 40px;
  display: flex;
}

.test-section-2 {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
}

.container-78 {
  background-color: var(--links);
  max-width: 1280px;
  height: 200px;
  padding-left: 40px;
  padding-right: 40px;
  position: static;
}

.div-block-247 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--howtoo-pink);
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: block;
}

.image-135 {
  z-index: 999;
  width: 200px;
  height: 200px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.advertising1-section-1 {
  background-image: linear-gradient(to bottom, var(--oxford-blue), #024660);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.advertising1-section-2 {
  background-color: var(--yellow-80);
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.advertising1-section-3 {
  background-color: var(--oxford-blue);
  padding-top: 140px;
  padding-bottom: 140px;
}

.advertising1-section-4 {
  background-color: var(--white);
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.advertising1-section-5 {
  background-color: var(--oxford-blue);
  background-image: none;
  padding-top: 140px;
  padding-bottom: 140px;
}

.advertising1-section-8 {
  background-color: #f8f8fb;
  padding-top: 140px;
  padding-bottom: 140px;
}

.advertising1-section-9 {
  background-color: var(--oxford-blue);
  padding-top: 140px;
  padding-bottom: 140px;
}

.advertising1-section-10 {
  background-color: #f8f8fb;
  padding-top: 140px;
  padding-bottom: 140px;
}

.advertising_page-wrapper {
  width: 100%;
  display: block;
  overflow: visible;
}

.advertising_page-wrapper.overflow-visible {
  overflow: visible;
}

.advertising1-container-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  overflow: visible;
}

.advertising1-hero-image {
  width: 100%;
  max-width: 1440px;
  margin-top: -12%;
  margin-left: 0;
}

.advertising1-hero-text {
  z-index: 99;
  text-align: center;
  width: 1080px;
  min-width: 580px;
  position: relative;
}

.advertising1-container-cta {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.advertising1-cta-section-title {
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 36px;
}

.advertising1-container-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.advertising1-container-4 {
  flex-direction: column;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.advertising1-container-9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.advertising1-content-wrapper-9 {
  width: 480px;
  margin-right: 40px;
}

.advertising1-heading-9 {
  color: var(--white);
}

.advertising1-section-6 {
  background-color: #fff;
  background-image: linear-gradient(60deg, #54c6d740, #fff0), linear-gradient(225deg, #fff, #fff0);
  padding-top: 140px;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.advertising1-container-6 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1268px;
  padding: 0;
  display: flex;
}

.advertising1-text-wrapper-6 {
  min-width: 500px;
}

.advertising1-home-text-6 {
  text-align: center;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  position: static;
}

.advertising1-image-6 {
  object-fit: fill;
  flex: 0 auto;
  order: 1;
  align-self: auto;
  width: 100%;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  display: block;
  position: relative;
}

.advertising1-try-free-6 {
  min-width: 500px;
  position: absolute;
  inset: auto 0% 20%;
}

.advertising1-link-6 {
  color: #151528;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 20px;
  text-decoration: underline;
  display: block;
  position: static;
  inset: auto 0% 0% auto;
}

.advertising1-mobile-carousel-6 {
  background-color: #fff;
  padding-top: 140px;
  padding-bottom: 140px;
  display: none;
  position: relative;
  overflow: hidden;
}

.lp2-tab-device-nav-2 {
  background-color: #0d1633cc;
}

.home-h2-copy {
  text-align: left;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 700;
  position: static;
}

.lp2-tab-device-wrapper-2 {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 19px #0000002e;
}

.home-section-2-tab-2 {
  background-color: #0000;
  border: 2px solid #151528;
  border-radius: 100px;
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 10px 24px;
  transition: background-color .3s, border-color .3s, opacity .3s;
}

.home-section-2-tab-2:hover {
  background-color: #d6d6d8;
  border-color: #d6d6d8;
}

.home-section-2-tab-2.w--current {
  color: #fff;
  background-color: #151528;
  border: 1px solid #151528;
  border-radius: 100px;
}

.button-primary-3 {
  color: #fff;
  text-align: center;
  background-color: #151528;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.button-primary-3:hover {
  color: #fff;
  background-color: #444453;
  transform: translate(0, -2px);
}

.button-primary-3:active {
  background-color: #73737e;
}

.button-primary-3.yellow {
  color: #151528;
  text-align: center;
  background-color: #fcb01f;
}

.button-primary-3.yellow:hover {
  background-color: #ffc53d;
}

.button-primary-3.yellow:active {
  background-color: #ffd666;
}

.advertising1-section-7 {
  background-color: #151528;
  padding-top: 140px;
  padding-bottom: 140px;
}

.advertising1-container-7 {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.advertising1-content-wrapper-7 {
  text-align: center;
  width: 760px;
  margin-right: 0;
}

.advertising1-heading-7 {
  color: #fff;
  text-align: center;
}

.advertising1-button-link-7 {
  background-image: linear-gradient(126deg, #fdd07c, #eff6a1 25%, #b4ffc4 56%, #90f0ff);
  border-radius: 8px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 56px;
  margin-top: auto;
  padding: 2px;
  transition: transform .3s, opacity .3s;
  display: inline-block;
}

.advertising1-button-link-7:hover {
  opacity: .6;
  transform: translate(0, -2px);
}

.advertising1-button-link-block-7 {
  color: #f8f8fb;
  text-align: center;
  background-color: #151528;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.div-block-popup-x {
  background-color: var(--white);
  color: #000c47;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-family: "Fa solid 900";
  font-size: 24px;
  font-weight: 400;
  transition: background-color .3s;
  display: flex;
}

.div-block-popup-x:hover {
  color: #000c47;
  background-color: #e1ebfc;
}

.popup-bold-x {
  font-size: 24px;
  text-decoration: none;
}

.align-centre-admin {
  text-align: center;
  justify-content: center;
  display: flex;
}

.align-centre-admin.pricing {
  font-family: Nunito Sans, sans-serif;
  font-size: 50px;
}

.align-centre-admin.pricing.no-margin.no-padding {
  padding: 0;
}

.align-centre-admin.no-margin.with-tag {
  min-width: auto;
}

.align-centre-admin.no-margin.tool {
  color: #000c47;
  letter-spacing: 1px;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 46px;
}

.align-centre-admin.height-72 {
  align-items: center;
  height: 72px;
}

.align-centre-admin.no-margin-admin.with-tag {
  min-width: auto;
}

.align-centre-admin.no-margin-admin.tool {
  color: #000c47;
  letter-spacing: 1px;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 46px;
}

.align-centre-admin.no-margin-admin.tool-admin {
  color: #000c47;
  letter-spacing: 1px;
  font-family: Nunito Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 46px;
}

.align-centre-copy {
  text-align: center;
  justify-content: center;
  display: flex;
}

.align-centre-copy.no-margin-copy.with-tag {
  min-width: auto;
}

.align-centre-copy.no-margin-copy.tool {
  color: #000c47;
  letter-spacing: 1px;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 46px;
}

.align-centre-copy.no-margin-copy.tool-copy {
  color: #000c47;
  letter-spacing: 1px;
  font-family: Nunito Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 46px;
}

.lp_6step_section-1 {
  background-color: var(--oxford-blue);
  background-image: linear-gradient(#53c6d600 37%, #53c6d666);
  flex-direction: column;
  align-items: stretch;
  padding-top: 140px;
  padding-bottom: 140px;
  overflow: hidden;
}

.lp-6step-hero-container {
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.lp_6step_section-2 {
  object-fit: cover;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6462e956794219e8d0879432_Frame%205485.png");
  background-position: 60%;
  background-size: cover;
  width: 100%;
  min-width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.lp-6step-section-3 {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.lp-6step-section-3-container {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  max-width: 1268px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.lp-6step-section-3-text-wrapper {
  align-self: center;
  width: 60%;
  padding-left: 64px;
}

.image-132-copy {
  z-index: -1;
  object-fit: cover;
  height: 100%;
  margin-left: 40px;
  position: absolute;
  inset: 0% 0% 0% 50%;
}

._6step-sayhello_img {
  object-fit: fill;
  flex: 0 auto;
  width: 30%;
  height: 100%;
  margin-left: 0;
  position: static;
  inset: 0% 50% 0% 0%;
}

.lp-6step-section-4 {
  background-color: var(--oxford-blue);
  background-image: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

._6step-logo-marquee---container {
  z-index: 10;
  width: 100%;
  max-width: 1200px;
  position: relative;
  overflow: hidden;
}

.freeguidebutton {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.freeguidebutton:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.freeguidebutton:active {
  background-color: var(--navi-6);
}

.freeguidebutton.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.freeguidebutton.mg-top-32px {
  margin-top: 32px;
}

.freeguidebutton.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.freeguidebutton.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.freeguidebutton.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.freeguidebutton.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.freeguidebutton.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.freeguidebutton.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.freeguidebutton.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.freeguidebutton.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.freeguidebutton.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.freeguidebutton.yellow:hover {
  background-color: #ffc53d;
}

.freeguidebutton.yellow:active {
  background-color: #ffd666;
}

.freeguidebutton.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.freeguidebutton.cyan:hover {
  background-color: #7ddae3;
}

.freeguidebutton.cyan:active {
  background-color: #aaecf0;
}

.freeguidebutton.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.freeguidebutton.navbar:hover {
  transform: none;
}

.xpert---container-6-copy {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.lp-6step-section-5 {
  background-color: #f8f8fb;
  padding-top: 140px;
  padding-bottom: 140px;
}

._6step-section-5-container {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

._6step-section-5-title-wrapper {
  width: auto;
  margin-bottom: 10px;
}

._6step-form {
  flex-direction: column;
  width: auto;
  display: flex;
}

._6step---form-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._6step---form---text-field {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  border-radius: 8px;
  height: 56px;
  margin-bottom: 24px;
  transition: opacity .3s;
}

._6step---form---text-field:hover {
  opacity: .6;
}

._6step---form---text-field::placeholder {
  color: var(--navi-8);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

._6step---form---text-field.message {
  height: 96px;
}

.webinars-hero {
  z-index: 2;
  border-radius: 8px;
  width: 704px;
  height: 410px;
  position: absolute;
  inset: 59px 0% 0% 50%;
  overflow: visible;
}

.image-136 {
  position: absolute;
  top: 124px;
  left: 258px;
  right: auto;
}

.webinars-hero-section {
  background-color: var(--oxford-blue);
  background-image: linear-gradient(#53c6d600 52%, #53c6d64d);
  padding-top: 180px;
  padding-bottom: 180px;
  position: static;
  overflow: hidden;
}

.webinars-hero-section.no-overflow {
  width: 100vw;
  overflow: hidden;
}

.image-137 {
  box-shadow: 0 2px 5px #0003;
}

.webinar-card-cms {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: contain;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.webinar-card-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
}

.webinar-study-card {
  background-color: var(--white);
  border-radius: 12px;
  flex-direction: column;
  width: auto;
  max-width: 340px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.webinar-study-card:hover {
  top: 0;
}

.webinar-card-image-wrapper {
  height: 205px;
  min-height: 200px;
  overflow: hidden;
}

.heading-56, .heading-57, .heading-57-copy {
  max-width: 185px;
}

.heading-58 {
  color: var(--grey-2);
  text-align: right;
  width: 60px;
  margin-top: 32px;
  margin-right: 62px;
  padding-top: 0;
  padding-right: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.heading-58-copy {
  color: var(--grey-2);
  margin-top: 32px;
  margin-right: 24px;
  padding-top: 0;
  padding-right: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.tab-toggle {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: none;
}

.tab-link-on-demand {
  border-radius: 1px;
}

.tab-link-on-demand.w--current {
  background-color: #fff;
  border-radius: 20px;
  height: auto;
  box-shadow: 0 2px 5px #0000001a;
}

.tab-link-upcoming {
  border-radius: 20px;
}

.tab-link-upcoming.tab-toggle-button {
  background-color: #0000;
}

.tab-link-upcoming.tab-toggle-button:hover {
  background-color: var(--links);
  color: var(--white);
}

.tab-toggle-button {
  background-color: #0000;
  display: block;
}

.tab-toggle-button:hover {
  background-color: var(--links);
  color: #fff;
  border-radius: 20px;
}

.tab-toggle-button.w--current {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 5px #0000001a;
}

.tab-toggle-button.w--current:hover {
  background-color: var(--links);
}

.tabs-content-2 {
  object-fit: fill;
  max-width: none;
  padding-left: 15px;
  padding-right: 15px;
  overflow: visible;
}

.tab-pane-on-demand, .tab-pane-upcoming {
  object-fit: fill;
}

.modal-wrapper {
  z-index: 9999;
  background-color: var(--links);
  opacity: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.popup-wrapper---webinar {
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.popup-wrapper---webinar.preview-page {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0%;
}

.html-embed-3 {
  display: block;
}

.text-block-59 {
  text-align: center;
  font-size: 17px;
}

.image-113-copy {
  width: 170px;
  height: 210px;
  position: relative;
  top: -59px;
  right: -399px;
}

.case-label {
  background-color: var(--howtoo-yellow);
  border-radius: 100vw;
  flex-direction: row;
  width: auto;
  margin-bottom: 17px;
  padding: 12px 24px;
  display: inline-block;
}

.text-block-60 {
  width: auto;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.new-pricing-card-content-wrapper {
  background-color: #fff;
  border-radius: 8px;
  flex: 0 auto;
  width: auto;
  max-width: 412px;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 30px 40px 20px;
  line-height: 24px;
  display: block;
  position: static;
  overflow: hidden;
  box-shadow: 0 9px 80px #484b9926, 8px 0 30px 11px #484b9926;
}

.container-79 {
  margin-bottom: 24px;
}

.div-block-248 {
  background-color: var(--howtoo-viking);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 412px;
  height: 8px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  top: -40px;
  left: -40px;
}

.text-block-37-copy {
  color: #0d1633;
  text-align: left;
  letter-spacing: .4px;
  min-width: 100px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  line-height: 18px;
}

.card-strip-viking {
  background-color: var(--howtoo-viking);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: auto;
  max-width: none;
  height: 8px;
  margin-left: -40px;
  margin-right: -40px;
  padding-right: 0;
  display: block;
  position: relative;
  top: -30px;
  left: 0;
  right: 0;
}

.div-block-250 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-top: 40px;
  display: flex;
}

.paragraph-36 {
  text-align: left;
  font-weight: 400;
}

.text-block-61 {
  margin-bottom: 20px;
  font-size: 17px;
}

.bold-text-7 {
  font-weight: 500;
}

.heading-59 {
  text-align: center;
  width: 500px;
}

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

.div-block-251 {
  padding-left: 80px;
}

.html-embed-4 {
  flex: 1;
  align-self: flex-start;
  width: 100%;
  display: block;
}

.button-secondary-copy {
  clear: none;
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  width: 100%;
  height: 56px;
  margin-top: 19px;
  padding: 10px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: inline-block;
}

.button-secondary-copy:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.button-secondary-copy.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-secondary-copy.mg-top-32px {
  margin-top: 32px;
}

.button-secondary-copy.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-secondary-copy.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.button-secondary-copy.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.button-secondary-copy.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-secondary-copy.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.button-secondary-copy.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-secondary-copy.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.button-secondary-copy.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.button-secondary-copy.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-secondary-copy.light {
  border-color: var(--white);
  color: var(--white);
}

.button-secondary-copy.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.button-secondary-copy.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.button-secondary-copy.navbar:hover {
  transform: none;
}

.pricing-card-feature {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  margin-bottom: 12px;
  display: none;
}

.div-block-253 {
  margin-top: 20px;
  margin-bottom: 30px;
}

.card-strip-yellow {
  background-color: var(--howtoo-yellow);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: auto;
  max-width: none;
  height: 8px;
  margin-left: -40px;
  margin-right: -40px;
  display: block;
  position: relative;
  top: -30px;
  left: 0;
  right: 0;
}

.card-strip-blue {
  background-color: var(--oxford-blue);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: auto;
  max-width: none;
  height: 8px;
  margin-left: -40px;
  margin-right: -40px;
  position: relative;
  top: -30px;
  left: 0;
  right: 0;
}

.text-block-62 {
  float: right;
  background-color: var(--howtoo-yellow);
  border-radius: 6px;
  padding: 1px 10px;
  font-size: 13px;
  display: inline-block;
  position: relative;
  top: -19px;
  left: 23px;
  right: auto;
}

.creator-pricing-card-fee-term {
  color: #0d1633;
  height: 60px;
  margin-left: 18px;
  padding-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 65px;
  display: inline-block;
}

.div-block-254 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  flex-direction: row;
  align-items: flex-end;
  display: block;
}

.rich-text-block-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  display: block;
}

.image-138 {
  width: 500px;
}

.div-block-255 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

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

.section-74 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--haze);
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.container-81 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.heading-61 {
  text-align: right;
  margin-bottom: 0;
  display: block;
}

.div-block-256 {
  flex-direction: row;
  flex: 0 auto;
  margin-left: 10px;
  display: inline-block;
}

.div-block-257 {
  display: inline-block;
}

.heading-62 {
  text-align: left;
  padding-left: 20px;
  font-size: 100px;
}

.heading-63 {
  margin-bottom: 0;
  font-size: 100px;
  display: block;
}

.paragraph-37 {
  margin-bottom: 0;
  display: inline-block;
}

.lp_h2_300-copy {
  float: left;
  color: var(--oxford-blue);
  text-align: left;
  letter-spacing: 0;
  width: auto;
  margin: 0 auto 0 0;
  padding-left: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 35px;
  font-weight: 800;
  line-height: 49px;
  position: static;
}

.link-7 {
  color: var(--navi-body);
  font-weight: 400;
  text-decoration: underline;
}

.rich-text-block-6 {
  font-weight: 400;
}

.heading-64 {
  text-align: left;
  margin-bottom: 8px;
}

.html-embed-5 {
  border: 1px none var(--grey-4);
  object-fit: fill;
  border-radius: 20px;
  flex: 1;
  order: 0;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: auto;
  margin: auto;
  display: block;
}

.div-block-258 {
  width: 100%;
  display: block;
}

.div-block-259 {
  flex: 1;
  width: 100%;
  display: block;
}

.container-82 {
  justify-content: center;
  display: block;
}

.paragraph-38 {
  text-decoration: none;
}

.paragraph-39 {
  font-size: 12px;
  font-weight: 300;
}

.html-embed-6 {
  flex-direction: column;
  flex: 1;
  align-self: auto;
  align-items: flex-start;
  display: block;
}

.div-block-260 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  flex-direction: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  align-items: flex-start;
  display: block;
}

.div-block-261 {
  flex: 1;
  align-self: auto;
}

.container-83 {
  flex: 1;
  align-self: stretch;
}

.creator-pricing-text-wrapper-copy {
  z-index: 100;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 562px;
  height: 84%;
  margin-top: 0;
  margin-right: -100px;
  padding: 60px 100px 60px 50px;
  display: flex;
  position: relative;
  inset: auto auto auto 0%;
  box-shadow: 0 60px 60px #0025641f;
}

.heading-65 {
  display: none;
}

.tab-pill-selected {
  z-index: 5;
  background-color: var(--white);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 40px;
  margin-left: 4px;
  margin-right: 2px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 3px #0025643b;
}

.tab-pill-selected.w--current {
  background-color: var(--white);
  margin-left: 2px;
}

.save-label {
  color: #613400;
  background-color: #ffd666;
  border-radius: 8px;
  flex-direction: row;
  flex: 0 auto;
  width: auto;
  margin-bottom: 0;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Nunito Sans, sans-serif;
  font-size: 12px;
  display: inline-block;
}

.tab-pill {
  z-index: 5;
  background-color: #0000;
  border-radius: 100px;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 40px;
  margin-left: 2px;
  margin-right: 2px;
  display: flex;
  position: relative;
}

.tab-pill.w--current {
  background-color: var(--white);
  width: auto;
  margin-left: 2px;
}

.text-block-63 {
  opacity: 1;
  font-family: Nunito Sans, sans-serif;
  font-weight: 600;
}

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

.tabs-content-3 {
  flex-direction: row;
  justify-content: space-around;
  align-self: auto;
  width: 100%;
  display: flex;
  overflow: visible;
}

.div-block-262, .div-block-263, .div-block-264, .div-block-265 {
  display: flex;
}

.div-block-266 {
  grid-column-gap: 20px;
  justify-content: space-around;
  width: 800px;
  display: flex;
}

.tab-pane-monthly {
  flex: 0 auto;
  width: auto;
}

.tab-pane-annually {
  width: auto;
}

.card-pro {
  flex: 1;
  display: flex;
}

.card-teams {
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  display: flex;
}

.card-basic {
  flex: 0 auto;
  justify-content: space-around;
  align-items: stretch;
  width: auto;
  min-height: 50px;
  display: flex;
}

.paragraph-32-copy {
  text-align: center;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 300;
}

.heading-66 {
  text-align: center;
  align-self: center;
  font-size: 21px;
  font-weight: 700;
}

.div-block-270 {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 900px;
  margin-bottom: 70px;
  display: flex;
}

.button-secondary-compare-t {
  clear: none;
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 20px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: flex;
}

.button-secondary-compare-t:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.button-secondary-compare-t.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-secondary-compare-t.mg-top-32px {
  margin-top: 32px;
}

.button-secondary-compare-t.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-secondary-compare-t.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.button-secondary-compare-t.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.button-secondary-compare-t.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-secondary-compare-t.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.button-secondary-compare-t.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-secondary-compare-t.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.button-secondary-compare-t.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.button-secondary-compare-t.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-secondary-compare-t.light {
  border-color: var(--white);
  color: var(--white);
}

.button-secondary-compare-t.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.button-secondary-compare-t.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.button-secondary-compare-t.navbar:hover {
  transform: none;
}

.div-block-271 {
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 600;
}

.button-primary-compare {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35px;
  margin-top: 10px;
  padding: 10px 20px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: flex;
}

.button-primary-compare:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.button-primary-compare:active {
  background-color: var(--navi-6);
}

.button-primary-compare.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-primary-compare.mg-top-32px {
  margin-top: 32px;
}

.button-primary-compare.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-primary-compare.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.button-primary-compare.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.button-primary-compare.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-primary-compare.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.button-primary-compare.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-primary-compare.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.button-primary-compare.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.button-primary-compare.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-primary-compare.yellow:hover {
  background-color: #ffc53d;
}

.button-primary-compare.yellow:active {
  background-color: #ffd666;
}

.button-primary-compare.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.button-primary-compare.cyan:hover {
  background-color: #7ddae3;
}

.button-primary-compare.cyan:active {
  background-color: #aaecf0;
}

.button-primary-compare.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.button-primary-compare.navbar:hover {
  transform: none;
}

.pricing-comparison-grid-cyan {
  background-color: #f0fffe;
  border: 1px #cfd0d6;
  border-left: 0 solid #cfd0d6;
  border-right-style: solid;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-comparison-grid-gold {
  background-color: #fffbe6;
  border: 1px #cfd0d6;
  border-left: 0 solid #cfd0d6;
  border-right-style: solid;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-comparison-grid-ash {
  background-color: #f9f9f9;
  border: 1px #cfd0d6;
  border-left: 0 solid #cfd0d6;
  border-right-style: solid;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-comparison-grid-middle {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #cfd0d6;
  border-bottom: 1px #cfd0d6;
  grid-template: "." 48px
  / 3fr 1fr 1fr 1fr;
  grid-auto-rows: 67px;
  width: 100%;
}

.compare-features-dropdown {
  z-index: 0;
  color: #fff;
  white-space: break-spaces;
  background-color: #0000;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 0 50px 0 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.compare-features-dropdown.w--open {
  border-bottom: 1px solid #0000001a;
}

.compare-features-dropdown.no-left-padding-for-mobile {
  z-index: 40;
  padding-left: 0;
}

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

.comparison-heading {
  color: var(--oxford-blue);
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.heading-67-copy {
  text-align: center;
  display: none;
}

.div-block-270-copy {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 700px;
  margin-top: 80px;
  margin-bottom: 0;
  display: flex;
}

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

.pricing-calc-section {
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.text-span-18 {
  color: var(--howtoo-pink);
}

.text-span-19 {
  text-decoration: underline;
}

.description-medium-copy {
  z-index: 40;
  background-color: var(--white);
  border-radius: 8px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 330px;
  height: auto;
  margin-top: 0;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: 499px auto auto;
  box-shadow: 0 8px 14px #00256440, 0 30px 30px #0025641c;
}

.rich-text-block-7 {
  color: var(--navi-body);
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}

.html-embed-7 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-84 {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  border-radius: 8px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  max-width: 1268px;
  min-height: 670px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 42px 40px;
  display: flex;
  overflow: visible;
  box-shadow: 0 1px 30px #0025641a, 0 50px 80px #484b9926;
}

.pricinginputs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  border-radius: 0;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  max-width: none;
  height: auto;
  display: flex;
}

.image-115-copy {
  width: 220px;
  height: 333px;
  margin-top: 0;
  padding-right: 0;
  position: relative;
  top: -132px;
  left: 361px;
}

.div-block-273 {
  z-index: 100;
  position: relative;
}

.div-block-274 {
  flex: 1;
}

.div-block-275 {
  align-self: stretch;
  margin-left: 20px;
}

.div-block-276 {
  margin-top: 40px;
}

.creator-section-5-content-copy {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-277 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.pricing-card-heading {
  text-align: left;
  margin-bottom: 11px;
}

.pricing-card-para {
  text-align: left;
  margin-bottom: 25px;
  font-weight: 400;
  display: flex;
}

.pricing-card-para-copy {
  text-align: left;
  text-align: left;
  margin-bottom: 40px;
  font-weight: 400;
}

.text-span-20 {
  font-weight: 600;
}

.text-span-21 {
  font-weight: 400;
  text-decoration: underline;
}

.tooltip-description {
  display: none;
}

.bold-text-8 {
  font-size: 21px;
}

.pricingoutputs {
  grid-row-gap: 10px;
  background-color: #0000;
  border: 1px solid #d0d0d4;
  border-radius: 5px;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  width: 410px;
  max-width: none;
  height: auto;
  padding: 20px;
  display: flex;
}

.div-block-278 {
  border: 1px none var(--grey-3);
  border-radius: 1px;
  flex: 0 auto;
  width: auto;
}

.calcplans {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  justify-content: space-around;
  display: flex;
}

.calcplancard {
  grid-column-gap: 0px;
  grid-row-gap: 8px;
  border-style: solid none none;
  border-width: 8px 0 1px 1px;
  border-color: var(--howtoo-viking) black black;
  cursor: auto;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  height: 90px;
  padding: 17px 20px 10px;
  display: flex;
  box-shadow: 0 4px 4px #9c9c9c1a, 0 2px 4px #3e3e3e1a;
}

.calcplancard.yellow {
  border-top-color: var(--howtoo-yellow);
}

.calcplancard.blue {
  border-top-color: var(--oxford-blue);
}

.form-3 {
  grid-column-gap: 0px;
  grid-row-gap: 50px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.radio-button-field {
  grid-column-gap: 0px;
  flex-direction: row-reverse;
  flex: 0 auto;
  order: 0;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  height: 18px;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.radio-button {
  flex: 0 auto;
  align-self: flex-start;
  margin-left: 0;
}

.radio-button:hover {
  background-color: var(--grey-3);
}

.radio-button.w--redirected-checked {
  border-color: var(--oxford-blue);
  order: 0;
}

.calcradiolabel {
  flex: 1;
  align-self: flex-start;
  font-size: 24px;
  font-weight: 600;
}

.div-block-279 {
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.text-block-64 {
  text-align: left;
  justify-content: flex-start;
  align-self: stretch;
  font-family: Nunito Sans, sans-serif;
  display: flex;
}

.div-block-280 {
  position: relative;
}

.div-block-281 {
  justify-content: flex-start;
  display: none;
}

.html-embed-8 {
  flex: 1;
  justify-content: flex-start;
  align-self: center;
  margin-bottom: 20px;
}

.text-block-65 {
  background-color: var(--oxford-blue);
  color: var(--white);
  text-align: center;
  border-radius: 8px;
  flex: 0 auto;
  align-self: center;
  width: 60px;
  margin-left: 20px;
  padding: 4px;
}

.text-field-3 {
  width: 110px;
}

.text-field-3.listen {
  border-radius: 5px;
  display: block;
}

.billingswitch {
  grid-column-gap: 0px;
  color: var(--navi-body);
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-bottom: 20px;
  font-family: Nunito Sans, sans-serif;
  display: block;
}

.billingswitch.calcparagraph {
  text-transform: capitalize;
  font-size: 17px;
}

.calclineitem {
  align-items: flex-start;
  display: flex;
}

.calcparagraph {
  flex: 1;
  align-self: auto;
  margin-bottom: 10px;
  font-family: Nunito Sans, sans-serif;
}

.calcparagraph.body2 {
  font-size: 15px;
}

.calclineheading {
  margin-top: 25px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}

.div-block-282 {
  border-top: 1px solid #d0d0d4;
  align-items: flex-start;
  margin-top: 25px;
  padding-top: 25px;
  display: flex;
}

.heading-68 {
  flex: 1;
}

.text-block-66 {
  align-self: auto;
  align-items: stretch;
  height: 21px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  display: block;
}

.text-block-67 {
  text-align: right;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 300;
}

.text-block-67.billedannually {
  display: none;
}

.basic-info {
  background-color: #f4f7fc;
  border-radius: 4px;
  padding: 10px;
  font-family: Nunito Sans, sans-serif;
  font-weight: 300;
}

.chattosales {
  background-color: #0000;
  border-radius: 4px;
  flex: 1;
  padding: 0;
  font-family: Nunito Sans, sans-serif;
  font-weight: 300;
  display: block;
}

.container-85 {
  grid-column-gap: 40px;
  align-items: stretch;
  max-width: 1268px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-283 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.div-block-284 {
  flex: 1;
  max-width: 43%;
}

.div-block-285 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  display: block;
}

.background-video-22 {
  flex: 0 auto;
  width: 100%;
}

.modal_mthactivlearn {
  z-index: 1000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal_mthactivlearn.preview-page {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0%;
}

.tab-link {
  color: var(--grey-2);
  background-color: #0000;
  padding-left: 2px;
  padding-right: 2px;
}

.tab-link:hover {
  color: var(--neutral-800);
}

.tab-link.w--current {
  color: var(--neutral-800);
  background-color: #0000;
  border-bottom: 4px solid #000;
  flex-direction: row;
  padding-left: 2px;
  padding-right: 2px;
  display: inline-block;
}

.tab-link-going-over-your-limit {
  background-color: #0000;
}

.text-block-68 {
  display: inline-block;
}

.tabs-menu-7 {
  grid-column-gap: 20px;
  margin-bottom: 25px;
  display: flex;
}

.div-block-286 {
  justify-content: flex-end;
  margin-top: 20px;
  display: flex;
}

.tabs-content-4 {
  align-items: stretch;
  margin-bottom: 40px;
  display: flex;
}

.bold-text-9 {
  white-space: normal;
}

.div-block-287 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  align-items: stretch;
  display: flex;
}

.modal-link {
  color: #0d1633;
  text-align: left;
  letter-spacing: .4px;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  line-height: 18px;
  text-decoration: underline;
}

.modal_creatorseat {
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal_creatorseat.preview-page {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0%;
}

.div-block-288 {
  grid-column-gap: 6px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.paragraph-41 {
  cursor: pointer;
  text-decoration: underline;
}

.quick-stack {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  margin-bottom: 20px;
  padding: 0;
}

.cell {
  font-size: 17px;
}

.bold-text-10 {
  text-align: left;
  font-size: 17px;
}

.text-block-69, .text-block-70, .text-block-71, .text-block-72, .text-block-73 {
  font-size: 17px;
}

.div-block-289 {
  border: 1px solid var(--grey-3);
  border-radius: 5px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 25px;
}

.cell-2 {
  border-bottom: 1px solid var(--grey-3);
}

.text-block-69-copy {
  color: var(--grey-1);
  font-size: 14px;
}

.div-block-290 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.image-139 {
  opacity: .5;
  cursor: pointer;
  align-self: flex-start;
  max-width: none;
  margin-top: 3px;
  margin-left: 9px;
  display: block;
}

.modal_addons {
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal_addons.preview-page {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0%;
}

.image-140 {
  object-fit: none;
  width: 100%;
  max-width: none;
  height: 350px;
  display: block;
  overflow: hidden;
}

.close-popup---brix-fill {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: transform .2s;
  display: flex;
  position: absolute;
  inset: 24px 24px auto auto;
}

.close-popup---brix-fill:hover {
  transform: scale(.9);
}

.image-141 {
  display: inline-block;
}

.tabs-5 {
  display: none;
}

.text-block-74 {
  color: var(--navi-body);
  background-color: #f4f7fc;
  border-radius: 5px;
  margin-top: 20px;
  padding: 20px;
  font-family: Inter, sans-serif;
  font-size: 17px;
}

.image-142 {
  display: none;
}

.htmaintenance-section-1 {
  background-color: var(--white-smoke);
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.htmaintenance-container-inner {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.htmaintenance-container-inner.left {
  margin-left: 0;
}

.htmaintenance-utility-page-content {
  display: block;
}

.htmaintenance-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 35px;
  display: grid;
}

.image-143 {
  display: inline-block;
}

.maintenanceimage {
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-291 {
  grid-column-gap: 7px;
  display: flex;
}

.calcformheading {
  font-size: 18px;
  font-weight: 600;
}

.text-span-22, .text-span-23 {
  cursor: pointer;
  text-decoration: underline;
}

.calcprice {
  flex: 0 auto;
  font-family: Nunito Sans, sans-serif;
  font-size: 15px;
}

.checkbox-field-3 {
  grid-column-gap: 0px;
  align-items: center;
  display: flex;
}

.checkbox-2 {
  align-self: center;
  margin-top: 0;
  margin-right: 10px;
}

.checkbox-label-5 {
  flex: 0 auto;
  align-self: center;
}

.checkbox-label-6 {
  margin-left: 9px;
}

.checkboxlabel {
  margin-left: 0;
  padding-left: 10px;
}

.checkbox-field-4 {
  margin-bottom: 0;
}

.div-block-292 {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.div-block-293 {
  flex-direction: column;
  display: flex;
}

.checkboxcalc {
  width: 15px;
  height: 15px;
  margin-top: 0;
  margin-left: -20px;
  margin-right: 0;
  font-size: 20px;
}

.checkboxcalc.w--redirected-checked {
  background-color: var(--oxford-blue);
  background-size: 12px 12px;
  width: 15px;
  height: 15px;
}

.checkboxfieldcalc {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.checkboxfieldcalc.w--redirected-checked {
  background-color: var(--oxford-blue);
  background-size: 12px 12px;
  width: 15px;
  height: 15px;
  margin-top: 0;
}

.results {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.text-span-24 {
  color: var(--links);
  cursor: pointer;
}

.text-block-75 {
  font-family: Nunito Sans, sans-serif;
  font-weight: 600;
}

.growth-section-6-image-mobile {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 620px;
  height: 100%;
  display: none;
  position: relative;
  left: 0;
}

.slider-mask-pricing.about-images {
  padding-bottom: 20px;
  overflow: visible;
}

.slider-mask-pricing.slider-icon-cards, .slider-mask-pricing.slider-icon-cards-copy {
  max-width: 405px;
  overflow: visible;
}

.slider-item-2-copy {
  margin-right: 28px;
}

.slider-copy {
  background-color: #0000;
  height: 100%;
  display: none;
}

.slider-copy.mg-top-56px {
  display: block;
  overflow: visible;
}

.arrow-link-circle-copy {
  color: #fff;
  background-color: #080808;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  font-size: 22px;
  line-height: 24px;
  display: flex;
}

.arrow-link-circle-copy._56px {
  background-color: #0d1633;
  width: 56px;
  height: 56px;
  font-size: 18px;
  line-height: 20px;
}

.arrow-link-circle-copy.slide {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  transform-style: preserve-3d;
  background-color: #0d163380;
  margin-left: 40px;
  margin-right: 40px;
  transition: transform .3s, background-color .3s;
}

.arrow-link-circle-copy.slide:hover {
  background-color: var(--howtoo-yellow);
  transform: scale3d(.94, .94, 1.01);
}

.arrow-link-circle-copy.slider-icon {
  z-index: 1;
  transform-style: preserve-3d;
  transition: background-color .3s, transform .3s;
}

.arrow-link-circle-copy.slider-icon:hover {
  background-color: #0b6dff;
  transform: scale3d(.9, .9, 1.01);
}

.arrow-link-circle-copy.slider-icon.right {
  inset: -20% 0% auto auto;
}

.arrow-link-circle-copy.slider-icon.right.icon-cards {
  top: -23%;
}

.arrow-link-circle-copy.slider-icon.left {
  inset: -20% 84px auto auto;
}

.arrow-link-circle-copy.slider-icon.left.icon-cards {
  top: -23%;
}

.arrow-link-circle-copy._56px {
  width: 56px;
  height: 56px;
  font-size: 18px;
  line-height: 20px;
}

.link-8 {
  color: var(--links);
  font-family: Nunito Sans, sans-serif;
  text-decoration: none;
}

.text-span-25 {
  cursor: pointer;
}

.div-block-294 {
  height: auto;
  display: block;
}

.div-block-250-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-top: 40px;
  display: flex;
}

.div-block-295, .heading-76 {
  text-align: center;
}

.creator-container-1-1268-copy {
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: none;
  position: static;
  inset: 0% auto 0% 0%;
}

.text-span-26 {
  cursor: pointer;
  text-decoration: underline;
}

.paragraph-32-copy {
  text-align: center;
  max-width: 1100px;
  font-family: Nunito Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  display: none;
}

.div-block-296 {
  grid-column-gap: 20px;
  justify-content: space-around;
  width: auto;
  max-width: 1350px;
  margin-left: 24px;
  margin-right: 24px;
  display: flex;
}

.div-block-296.align-centre {
  width: 100%;
}

.home-teams-inner-card2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 412px;
  padding-bottom: 0;
  display: flex;
}

.text-block-67-copy {
  text-align: right;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 300;
}

.demo-h2-copy {
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
}

.div-block-298 {
  z-index: 50;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: -47px;
}

.image-144 {
  display: block;
}

.image-145 {
  width: 100vw;
  max-width: none;
  height: 240px;
}

.color-white-9 {
  color: #fff;
}

.image-146 {
  width: 916px;
  max-width: none;
  height: 450px;
  margin-left: 0;
  position: relative;
  top: -59px;
}

.capterra1-section-6 {
  background-image: linear-gradient(#151528, #024660);
  flex-direction: row;
  justify-content: flex-start;
  height: 690px;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  overflow: hidden;
}

.button-primary-4 {
  color: #fff;
  text-align: center;
  background-color: #151528;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.button-primary-4:hover {
  color: #fff;
  background-color: #444453;
  transform: translate(0, -2px);
}

.button-primary-4:active {
  background-color: #73737e;
}

.button-primary-4.cyan {
  color: #080808;
  background-color: #53c6d6;
}

.button-primary-4.cyan:hover {
  background-color: #7ddae3;
}

.button-primary-4.cyan:active {
  background-color: #aaecf0;
}

.button-primary-4.cyan.demo {
  display: none;
}

.image-147 {
  max-width: 500px;
  margin-left: 0;
}

.lp_h2-3 {
  color: #151528;
  text-align: left;
  letter-spacing: -.5px;
  width: 670px;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
  display: block;
}

.lp_h2-3.centre {
  text-align: center;
  width: auto;
}

.heading-77 {
  color: #151528;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Nunito Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.section-75 {
  justify-content: space-between;
  max-width: 1440px;
  height: auto;
  margin: 0 auto;
  padding: 80px 20px;
  display: flex;
}

.div-block-299 {
  flex: 0 auto;
  align-self: flex-start;
  width: 640px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.lp_paragraph-3 {
  color: #444453;
  text-align: left;
  max-width: 448px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.div-block-300 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template: "."
                 "Area"
                 / minmax(40px, .25fr) 1.75fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  margin-top: 30px;
  display: grid;
}

.div-block-301 {
  flex: 0 auto;
  align-self: flex-start;
  min-width: 400px;
  margin-left: 20px;
  margin-right: auto;
}

.image-148 {
  width: auto;
  height: 48px;
  overflow: visible;
}

.section-76 {
  background-color: #fff;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.container-86 {
  background-color: #fcb024;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 730px;
  height: 120px;
  max-height: 120px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.subtitle-copy-2 {
  color: #0d1633;
  text-align: center;
  align-self: center;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 40px;
  font-family: Nunito, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}

.pricing-details-3 {
  z-index: 100;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: auto;
  min-width: 400px;
  max-width: 500px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 30px 40px 40px;
  display: block;
  position: relative;
  box-shadow: 0 2px 5px #484b9926, 8px 0 30px 11px #484b9926;
}

.section-77 {
  background-color: #fff;
  margin-bottom: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.container-87 {
  margin-bottom: 20px;
}

.container-88 {
  justify-content: center;
  align-items: center;
  max-width: 90%;
  height: 30%;
  margin-bottom: 0;
  display: flex;
}

.grid-23 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 95%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.paragraph-47 {
  margin-bottom: 0;
}

.heading-78 {
  color: #0d1633;
  text-align: center;
  margin-bottom: 10px;
  font-family: Nunito, sans-serif;
  font-size: 44px;
  font-weight: 700;
}

.image-149 {
  z-index: 0;
  -webkit-text-fill-color: inherit;
  object-fit: contain;
  background-clip: padding-box;
  flex: 0 auto;
  width: 700px;
  min-width: 60%;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.text-span-27 {
  font-family: Font awesome, sans-serif;
  font-size: 17px;
}

.image-150 {
  display: none;
}

.feature-bold {
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.feature-bold.medium {
  font-weight: 500;
}

.link-10 {
  color: var(--links);
  font-weight: 400;
  text-decoration: none;
}

.link-11, .link-block-19 {
  text-decoration: none;
}

.link-12 {
  color: var(--links);
  text-decoration: none;
}

.link-13, .link-14, .link-15, .link-16 {
  text-decoration: none;
}

.lp2-section-2-content-wrapper-copy {
  z-index: 10;
  max-width: 460px;
  margin-top: 158px;
  margin-left: 24px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.lp2-section-2-button-wrapper-copy {
  z-index: 10;
  margin-top: 376px;
  margin-left: 24px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.link-17, .link-18, .link-19, .link-20, .link-21, .link-22, .link-23, .link-24, .link-25, .link-26 {
  text-decoration: none;
}

.rich-text-block-8 {
  color: var(--navi-body);
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.link-27, .link-28, .link-29 {
  text-decoration: none;
}

.navbar-signup {
  z-index: -100;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: fixed;
  top: 0;
}

.signup-section {
  flex-direction: row;
  height: 100vh;
  min-height: 100vh;
  display: flex;
}

.signupimage {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/66331169406ac5b6bccbd4e7_sidebanner.webp");
  background-position: 50% 100%;
  background-size: cover;
  border: 1px #000;
  border-top-right-radius: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  max-width: 420px;
  margin-top: 66px;
  display: flex;
}

.signup-form {
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  height: auto;
  margin-top: 66px;
  padding-top: 100px;
  display: flex;
  overflow: auto;
}

.container-89 {
  width: 472px;
  height: auto;
}

.div-block-302 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  margin-left: 40px;
  margin-right: 40px;
  padding-bottom: 0;
  display: flex;
}

.font-awesome {
  color: var(--white);
  width: 30px;
  font-family: Font awesome, sans-serif;
  display: none;
}

.div-block-303 {
  grid-row-gap: 24px;
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.field-label-7 {
  font-family: Inter, sans-serif;
}

.form-4 {
  flex-direction: column;
  display: flex;
}

.text-field-2-copy {
  color: #6e7385;
  border: 2px solid #cfd0d6;
  border-radius: 2px;
  width: 81%;
  height: 50px;
  margin-bottom: 20px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 17px;
  transition: opacity .2s;
}

.text-field-2-copy:active {
  border-color: #0d1633;
}

.text-field-2-copy:focus {
  color: #0d1633;
  border-color: #0d1633;
}

.text-input {
  color: #6e7385;
  border: 2px solid #cfd0d6;
  border-radius: 4px;
  flex: 1;
  width: 100%;
  height: 44px;
  margin-bottom: 0;
  padding: 14px;
  font-size: 17px;
  transition: opacity .2s;
}

.text-input:active {
  border-color: #0d1633;
}

.text-input:focus {
  color: #0d1633;
  border-color: #0d1633;
}

.text-input.your-site {
  border-radius: 4px 0 0 4px;
}

.terms-and-conditions {
  color: var(--grey-2);
  font-size: 15px;
  display: block;
}

.heading-79 {
  margin-bottom: 0;
}

.link-30 {
  text-decoration: none;
}

.link-31 {
  color: var(--grey-2);
}

.ht-gradient-button {
  background-image: linear-gradient(to top, var(--links), #3a7cff);
  opacity: 1;
  text-align: center;
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 16px;
}

.ht-gradient-button:hover {
  background-image: linear-gradient(to top, #212aff, #246dff);
}

.ht-gradient-button.disabled {
  opacity: .4;
}

.text-span-28 {
  padding-left: 10px;
  font-family: Font awesome, sans-serif;
}

.form-step-1 {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.div-block-304 {
  flex: 1;
}

.paragraph-49 {
  cursor: pointer;
  font-size: 16px;
}

.div-block-305 {
  align-self: flex-start;
  display: flex;
}

.text-span-29 {
  padding-right: 10px;
  font-family: Font awesome, sans-serif;
  font-size: 15px;
  line-height: 24px;
}

.form-step-2, .form-step-3 {
  grid-row-gap: 24px;
  flex-direction: column;
  display: none;
  overflow: hidden;
}

.your-site-field {
  display: flex;
}

.paragraph-50 {
  color: var(--grey-2);
  align-self: center;
  margin-left: 10px;
  position: static;
}

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

.link-32 {
  font-size: 16px;
  text-decoration: none;
}

.div-block-307 {
  display: flex;
}

.caption-copy {
  color: var(--oxford-blue);
  text-align: left;
  padding: 5px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.caption-copy.centre {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
}

.caption-copy.no-margin {
  letter-spacing: .4px;
  white-space: normal;
}

.caption-copy.no-margin.grey {
  color: var(--navi-body);
}

.caption-copy.no-margin.grey.opacity-0 {
  color: #0000;
  height: 18px;
}

.div-block-308 {
  display: flex;
}

.text-input-valid {
  color: #6e7385;
  border: 2px solid #389e0d;
  border-radius: 2px;
  flex: 1;
  width: 100%;
  height: 44px;
  margin-bottom: 0;
  padding: 14px;
  font-size: 17px;
  transition: opacity .2s;
}

.text-input-valid:active {
  border-color: #0d1633;
}

.text-input-valid:focus {
  color: #0d1633;
  border-color: #0d1633;
}

.text-input-invalid {
  color: #6e7385;
  border: 2px solid #cf1322;
  border-radius: 2px;
  flex: 1;
  width: 100%;
  height: 44px;
  margin-bottom: 0;
  padding: 14px;
  font-size: 17px;
  transition: opacity .2s;
}

.text-input-invalid:active {
  border-color: #0d1633;
}

.text-input-invalid:focus {
  color: #0d1633;
  border-color: #0d1633;
}

.field-label-error-l {
  color: #cf1322;
  letter-spacing: 0;
  text-transform: none;
  width: auto;
  margin-top: 4px;
  margin-bottom: 4px;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: static;
}

.html-embed-9 {
  display: flex;
}

.custombutton {
  font-size: 16px;
  display: flex;
}

.plan-type {
  display: block;
}

.text-field-4 {
  color: #5c5c69;
  background-color: #cfd0d6;
  border: 2px solid #cfd0d6;
  border-radius: 2px;
  height: 44px;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 17px;
}

.div-block-309 {
  position: fixed;
}

.div-block-310 {
  z-index: 100;
  width: 100vw;
  display: block;
  position: fixed;
}

.processerror {
  flex: 1;
}

.processerror-2 {
  grid-column-gap: 10px;
  background-color: #fff1f0;
  border-left: 4px solid #f5222d;
  border-radius: 4px;
  flex: 1;
  margin-top: 12px;
  padding: 12px 16px;
  display: none;
  box-shadow: 0 6px 14px -6px #3e3e3e1f, 0 6px 14px -6px #3e3e3e1f;
}

.text-block-78 {
  color: #f5222d;
  font-family: Font awesome, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.recaptcha {
  object-fit: scale-down;
}

.image-151 {
  height: 16px;
  display: none;
}

.div-block-311 {
  width: 30px;
}

.div-block-278-copy {
  border: 1px none var(--grey-3);
  border-radius: 1px;
  flex: 0 auto;
  width: auto;
  display: block;
}

.div-block-137-yellow {
  background-color: var(--howtoo-yellow);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 20px;
  height: auto;
  margin-right: 32px;
}

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

.form-succes {
  flex-direction: column;
  display: none;
}

.error-message-3 {
  background-color: #0000;
  width: 0;
  height: 0;
  padding: 0;
}

.createsharetrackheading {
  margin-bottom: 0;
}

.home-container_fuel {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1268px;
  margin-bottom: 0;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.home-container_fuel.align-centre {
  display: flex;
}

.hc-wrap-home2 {
  align-self: center;
  width: 1024px;
  min-width: 550px;
  height: auto;
  margin-top: 0;
  margin-left: 0;
}

.hc-wrap1 {
  grid-row-gap: 40px;
  flex-direction: column;
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 0 0 0 40px;
  padding-right: 40px;
  display: flex;
}

.hc-heading {
  font-family: Nunito Sans, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 80px;
}

.hc-heading.align-left.white {
  color: var(--white);
  margin-bottom: 10px;
  margin-right: 0;
  font-weight: 700;
}

.hc-heading.align-centre, .hc-heading.align-centre.color-white {
  text-align: left;
}

.home-section-hero {
  background-color: var(--oxford-blue);
  background-image: linear-gradient(#53c6d600 30%, #53c6d64d);
  flex-direction: column;
  height: auto;
  min-height: 1000px;
  padding-top: 140px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-teamspro-container {
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.home-teamspro-container.align-centre {
  margin-bottom: 120px;
  display: none;
}

.home-teamspro-card {
  text-align: center;
  margin-bottom: 11px;
}

.all-from-a-single-platform-section {
  background-color: var(--white);
  padding-top: 110px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.all-from-a-single-platform-content-wrapper {
  z-index: 10;
  max-width: 460px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  inset: 0% 0% auto;
}

.all-from-a-single-platform-content-wrapper.align-centre {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.all-from-a-single-platform-tabs {
  justify-content: space-between;
  align-items: center;
  width: auto;
  max-width: 1268px;
  display: block;
  overflow: visible;
}

.all-from-a-single-platform-cta-wrapper {
  z-index: 10;
  margin-top: 450px;
  margin-left: 24px;
  position: relative;
  inset: 0% auto auto 0%;
}

.all-from-a-single-platform-cta-wrapper.align-centre {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 40px;
  display: flex;
}

.learning-academy_button-wrapper {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 20px;
  margin-left: 0;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.learning-academy_button-wrapper.align-centre {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 25px;
  margin-left: 0;
  display: flex;
}

.learning-academy-wrapper {
  flex-direction: column;
  width: 60%;
  display: flex;
}

.build-your-dream-section {
  background-color: var(--oxford-blue);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.all-from-a-single-platform-tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-width: 551px;
  display: block;
}

.all-from-a-single-platform-tabs-menu.align-centre {
  width: auto;
  margin: 20px auto;
  display: block;
}

.afasp-tab-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: block;
}

.afasp-tab-wrapper-content {
  object-fit: fill;
  border-radius: 50px;
  flex: 0 auto;
  width: auto;
  padding: 30px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 19px #0000002e;
}

.afasp-tab-wrapper-content-quote {
  justify-content: center;
  display: block;
}

.afasp-tab-wrapper-content-image {
  opacity: 1;
  border-radius: 8px;
  width: auto;
  padding-left: 0;
  position: relative;
  overflow: hidden;
}

.afasp-quote {
  opacity: 1;
  -webkit-text-fill-color: inherit;
  background-clip: content-box;
  border: 1px solid #0000;
  align-self: flex-start;
  margin-right: 0;
  font-size: 30px;
  line-height: 24px;
  display: inline-block;
}

.afasp-para-wrapper {
  text-align: left;
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 400;
  display: block;
}

.afasp-wrapper {
  width: 50%;
}

.div-block-312 {
  width: auto;
  max-width: 525px;
  padding-bottom: 30px;
}

.afasp-device {
  width: auto;
  height: auto;
}

.afasp-device-element-wrapper {
  z-index: 1;
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.device-element-content {
  background-color: #0d163373;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 98%;
  height: 15px;
  box-shadow: 0 4px 8px #00000026;
}

.div-block-234-copy {
  background-color: #0d16331a;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 93%;
  height: 16px;
}

.home-card-para {
  text-align: center;
  margin-bottom: 25px;
  font-weight: 400;
  display: flex;
}

.home-hero-embed {
  border: 1px none var(--grey-4);
  object-fit: fill;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  order: 0;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  margin: auto;
  display: flex;
}

.card-strip-grey {
  background-color: var(--grey-2);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: auto;
  max-width: none;
  height: 8px;
  margin-left: -40px;
  margin-right: -40px;
  padding-right: 0;
  display: block;
  position: relative;
  top: -30px;
  left: 0;
  right: 0;
}

.dream-academy-image-wrapper {
  height: auto;
  display: block;
}

.dream-academy-image-wrapper.align-centre {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.home-hero-cards {
  grid-column-gap: 20px;
  justify-content: space-around;
  width: 70vw;
  max-width: 1350px;
  display: flex;
}

.home-hero-cards.align-centre {
  width: 100%;
}

.home---learning-academies---container {
  z-index: 10;
  width: 100%;
  max-width: none;
  position: relative;
  overflow: hidden;
}

.home---customertabs {
  border: 2px solid var(--oxford-blue);
  background-color: #0000;
  border-radius: 100px;
  width: 350px;
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 10px 24px;
  transition: background-color .3s, border-color .3s, opacity .3s;
}

.home---customertabs:hover {
  border-color: var(--navi-2);
  background-color: var(--navi-2);
}

.home---customertabs.w--current {
  border: 1px solid var(--oxford-blue);
  background-color: var(--oxford-blue);
  color: var(--white);
  border-radius: 100px;
}

.image-111-copy {
  width: 480px;
  margin-left: 60px;
  padding-top: 20px;
}

.div-block-313 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.bookademo-mobile {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.bookademo-mobile:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.bookademo-mobile:active {
  background-color: var(--navi-6);
}

.bookademo-mobile.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.bookademo-mobile.mg-top-32px {
  margin-top: 32px;
}

.bookademo-mobile.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.bookademo-mobile.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.bookademo-mobile.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.bookademo-mobile.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.bookademo-mobile.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.bookademo-mobile.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.bookademo-mobile.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.bookademo-mobile.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.bookademo-mobile.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
  display: none;
}

.bookademo-mobile.yellow:hover {
  background-color: #ffc53d;
}

.bookademo-mobile.yellow:active {
  background-color: #ffd666;
}

.bookademo-mobile.yellow.align-centre {
  display: none;
}

.bookademo-mobile.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.bookademo-mobile.cyan:hover {
  background-color: #7ddae3;
}

.bookademo-mobile.cyan:active {
  background-color: #aaecf0;
}

.bookademo-mobile.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.bookademo-mobile.navbar:hover {
  transform: none;
}

.startafreetrial {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.startafreetrial:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.startafreetrial:active {
  background-color: var(--navi-6);
}

.startafreetrial.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.startafreetrial.mg-top-32px {
  margin-top: 32px;
}

.startafreetrial.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.startafreetrial.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.startafreetrial.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.startafreetrial.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.startafreetrial.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.startafreetrial.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.startafreetrial.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.startafreetrial.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.startafreetrial.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.startafreetrial.yellow:hover {
  background-color: #ffc53d;
}

.startafreetrial.yellow:active {
  background-color: #ffd666;
}

.startafreetrial.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.startafreetrial.cyan:hover {
  background-color: #7ddae3;
}

.startafreetrial.cyan:active {
  background-color: #aaecf0;
}

.startafreetrial.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.startafreetrial.navbar:hover {
  transform: none;
}

.startafreetrial-secondary {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  width: auto;
  height: 56px;
  margin-top: 0;
  padding: 10px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: inline-block;
}

.startafreetrial-secondary:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.startafreetrial-secondary.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.startafreetrial-secondary.mg-top-32px {
  margin-top: 32px;
}

.startafreetrial-secondary.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.startafreetrial-secondary.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.startafreetrial-secondary.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.startafreetrial-secondary.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.startafreetrial-secondary.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.startafreetrial-secondary.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.startafreetrial-secondary.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.startafreetrial-secondary.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.startafreetrial-secondary.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.startafreetrial-secondary.light {
  border-color: var(--white);
  color: var(--white);
}

.startafreetrial-secondary.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.startafreetrial-secondary.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.startafreetrial-secondary.navbar:hover {
  transform: none;
}

.bookademo-secondary {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  width: auto;
  height: 56px;
  margin-top: 0;
  padding: 10px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: flex;
}

.bookademo-secondary:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.bookademo-secondary.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.bookademo-secondary.mg-top-32px {
  margin-top: 32px;
}

.bookademo-secondary.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.bookademo-secondary.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.bookademo-secondary.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.bookademo-secondary.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.bookademo-secondary.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.bookademo-secondary.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.bookademo-secondary.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.bookademo-secondary.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.bookademo-secondary.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.bookademo-secondary.light {
  border-color: var(--white);
  color: var(--white);
}

.bookademo-secondary.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.bookademo-secondary.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.bookademo-secondary.navbar:hover {
  transform: none;
}

.bookademo-secondary.align-centre {
  display: none;
}

.byd-container {
  grid-column-gap: 40px;
  align-items: stretch;
  max-width: 1268px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.byd-content {
  flex: 1;
  max-width: 43%;
}

.byd-content-img {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.navbar_button_demo_mobile {
  border: 2px solid var(--oxford-blue);
  background-color: var(--oxford-blue);
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 130px;
  height: 44px;
  margin-top: 0;
  padding: 10px 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: opacity .3s;
  display: none;
}

.navbar_button_demo_mobile:hover {
  opacity: .5;
}

.ai-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch space-between;
  place-items: center stretch;
  max-width: 1268px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.learning-academy-primary {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.learning-academy-primary:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.learning-academy-primary:active {
  background-color: var(--navi-6);
}

.learning-academy-primary.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.learning-academy-primary.mg-top-32px {
  margin-top: 32px;
}

.learning-academy-primary.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.learning-academy-primary.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.learning-academy-primary.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.learning-academy-primary.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.learning-academy-primary.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.learning-academy-primary.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.learning-academy-primary.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.learning-academy-primary.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.learning-academy-primary.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.learning-academy-primary.yellow:hover {
  background-color: #ffc53d;
}

.learning-academy-primary.yellow:active {
  background-color: #ffd666;
}

.learning-academy-primary.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.learning-academy-primary.cyan:hover {
  background-color: #7ddae3;
}

.learning-academy-primary.cyan:active {
  background-color: #aaecf0;
}

.learning-academy-primary.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.learning-academy-primary.navbar:hover {
  transform: none;
}

.afaspc-button {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.afaspc-button:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.afaspc-button:active {
  background-color: var(--navi-6);
}

.afaspc-button.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.afaspc-button.mg-top-32px {
  margin-top: 32px;
}

.afaspc-button.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.afaspc-button.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.afaspc-button.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.afaspc-button.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.afaspc-button.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.afaspc-button.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.afaspc-button.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.afaspc-button.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.afaspc-button.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.afaspc-button.yellow:hover {
  background-color: #ffc53d;
}

.afaspc-button.yellow:active {
  background-color: #ffd666;
}

.afaspc-button.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.afaspc-button.cyan:hover {
  background-color: #7ddae3;
}

.afaspc-button.cyan:active {
  background-color: #aaecf0;
}

.afaspc-button.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.afaspc-button.navbar:hover {
  transform: none;
}

.afaspc-button-secondary {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 10px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: inline-block;
}

.afaspc-button-secondary:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.afaspc-button-secondary.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.afaspc-button-secondary.mg-top-32px {
  margin-top: 32px;
}

.afaspc-button-secondary.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.afaspc-button-secondary.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.afaspc-button-secondary.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.afaspc-button-secondary.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.afaspc-button-secondary.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.afaspc-button-secondary.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.afaspc-button-secondary.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.afaspc-button-secondary.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.afaspc-button-secondary.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.afaspc-button-secondary.light {
  border-color: var(--white);
  color: var(--white);
}

.afaspc-button-secondary.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.afaspc-button-secondary.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.afaspc-button-secondary.navbar:hover {
  transform: none;
}

.learning-academy-secondary {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 10px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: inline-block;
}

.learning-academy-secondary:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.learning-academy-secondary.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.learning-academy-secondary.mg-top-32px {
  margin-top: 32px;
}

.learning-academy-secondary.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.learning-academy-secondary.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.learning-academy-secondary.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.learning-academy-secondary.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.learning-academy-secondary.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.learning-academy-secondary.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.learning-academy-secondary.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.learning-academy-secondary.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.learning-academy-secondary.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.learning-academy-secondary.light {
  border-color: var(--white);
  color: var(--white);
}

.learning-academy-secondary.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.learning-academy-secondary.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.learning-academy-secondary.navbar:hover {
  transform: none;
}

.home-createyourlearningacademy-section {
  background-color: var(--white);
  background-image: linear-gradient(60deg, #54c6d740, #fff0), linear-gradient(225deg, #fcb02480, #fff0);
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.learningacademygrid {
  z-index: 2;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 3fr;
  width: 100%;
  position: relative;
}

.home-la-grid-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-la-grid-contenticon {
  margin-bottom: 6px;
}

.bookademo-primary {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  width: auto;
  height: 56px;
  margin-top: 0;
  padding: 10px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: flex;
}

.bookademo-primary:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.bookademo-primary.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.bookademo-primary.mg-top-32px {
  margin-top: 32px;
}

.bookademo-primary.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.bookademo-primary.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.bookademo-primary.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.bookademo-primary.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.bookademo-primary.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.bookademo-primary.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.bookademo-primary.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.bookademo-primary.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.bookademo-primary.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.bookademo-primary.light {
  border-color: var(--white);
  color: var(--white);
}

.bookademo-primary.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.bookademo-primary.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.bookademo-primary.navbar:hover {
  transform: none;
}

.bookademo-primary.align-centre {
  border-style: none;
  border-color: var(--oxford-blue);
  background-color: var(--oxford-blue);
  color: var(--white);
  display: none;
}

.bookademodesktop-secondary {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 10px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: inline-block;
}

.bookademodesktop-secondary:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.bookademodesktop-secondary.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.bookademodesktop-secondary.mg-top-32px {
  margin-top: 32px;
}

.bookademodesktop-secondary.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.bookademodesktop-secondary.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.bookademodesktop-secondary.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.bookademodesktop-secondary.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.bookademodesktop-secondary.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.bookademodesktop-secondary.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.bookademodesktop-secondary.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.bookademodesktop-secondary.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.bookademodesktop-secondary.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.bookademodesktop-secondary.light {
  border-color: var(--white);
  color: var(--white);
}

.bookademodesktop-secondary.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.bookademodesktop-secondary.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.bookademodesktop-secondary.navbar:hover {
  transform: none;
}

.bookademoprimary {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.bookademoprimary:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.bookademoprimary:active {
  background-color: var(--navi-6);
}

.bookademoprimary.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.bookademoprimary.mg-top-32px {
  margin-top: 32px;
}

.bookademoprimary.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.bookademoprimary.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.bookademoprimary.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.bookademoprimary.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.bookademoprimary.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.bookademoprimary.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.bookademoprimary.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.bookademoprimary.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.bookademoprimary.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.bookademoprimary.yellow:hover {
  background-color: #ffc53d;
}

.bookademoprimary.yellow:active {
  background-color: #ffd666;
}

.bookademoprimary.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.bookademoprimary.cyan:hover {
  background-color: #7ddae3;
}

.bookademoprimary.cyan:active {
  background-color: #aaecf0;
}

.bookademoprimary.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.bookademoprimary.navbar:hover {
  transform: none;
}

.tabs-4-copy {
  flex-direction: column;
  align-items: center;
  width: auto;
  display: flex;
}

.tabs-content-3-copy {
  flex-direction: row;
  justify-content: space-around;
  align-self: auto;
  width: 100%;
  display: flex;
  overflow: visible;
}

.tab-pane-monthly-copy {
  flex: 0 auto;
}

.div-block-317 {
  width: auto;
  min-width: 0;
  max-width: none;
  display: flex;
}

.lp2-tilt-background-1-copy {
  z-index: 0;
  background-color: var(--white);
  background-image: linear-gradient(#cfd5e6, #fff 18%);
  width: 130vw;
  height: 600px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: auto 0% -27% -20%;
  transform: rotate(-9deg);
}

.navbar-mobile-link-wrapper-demo {
  align-self: center;
  margin-right: 0;
  text-decoration: none;
  transition: opacity .3s;
  display: block;
}

.navbar-mobile-link-wrapper-demo:hover {
  opacity: .6;
}

.navbar-mobile-link-wrapper-demo.w--current {
  text-decoration: none;
}

.body-11 {
  object-fit: contain;
  overflow: scroll;
}

.heading-80 {
  font-size: 36px;
}

.heading-81 {
  font-weight: 400;
}

.heading-82, .heading-83 {
  font-size: 17px;
  font-weight: 400;
}

.t-c-grid-2 {
  grid-row-gap: 12px;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto 1fr;
}

.t-c-content-wrapper-2 {
  color: #444453;
}

.t-c-content-2 {
  color: #444453;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
}

.no-margin-2 {
  margin: 0;
  font-size: 17px;
}

.div-block-318 {
  display: block;
}

.div-block-318.lms {
  align-self: center;
}

.howtoo-pro-card-basic {
  flex: 0 auto;
  justify-content: space-around;
  align-items: stretch;
  width: auto;
  min-height: 50px;
  display: flex;
}

.getyourfreeconsult-primary {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.getyourfreeconsult-primary:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.getyourfreeconsult-primary:active {
  background-color: var(--navi-6);
}

.getyourfreeconsult-primary.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.getyourfreeconsult-primary.mg-top-32px {
  margin-top: 32px;
}

.getyourfreeconsult-primary.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.getyourfreeconsult-primary.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.getyourfreeconsult-primary.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.getyourfreeconsult-primary.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.getyourfreeconsult-primary.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.getyourfreeconsult-primary.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.getyourfreeconsult-primary.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.getyourfreeconsult-primary.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.getyourfreeconsult-primary.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.getyourfreeconsult-primary.yellow:hover {
  background-color: #ffc53d;
}

.getyourfreeconsult-primary.yellow:active {
  background-color: #ffd666;
}

.getyourfreeconsult-primary.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.getyourfreeconsult-primary.cyan:hover {
  background-color: #7ddae3;
}

.getyourfreeconsult-primary.cyan:active {
  background-color: #aaecf0;
}

.getyourfreeconsult-primary.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.getyourfreeconsult-primary.navbar:hover {
  transform: none;
}

.all-from-a-single-platform-slider {
  display: none;
}

.all-from-a-single-platform-slider-device-wrapper {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 19px #0000002e;
}

.all-from-a-single-platform-slider-device-nav {
  background-color: #0d1633cc;
}

.all-from-a-single-platform-slider-course {
  width: 800px;
  height: 500px;
}

.all-from-a-single-platform-slider-course-preview {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.afaspc-button-2 {
  color: #fff;
  text-align: center;
  background-color: #151528;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.afaspc-button-2:hover {
  color: #fff;
  background-color: #444453;
  transform: translate(0, -2px);
}

.afaspc-button-2:active {
  background-color: #73737e;
}

.afaspc-button-2.yellow {
  color: #151528;
  background-color: #fcb01f;
}

.afaspc-button-2.yellow:hover {
  background-color: #ffc53d;
}

.afaspc-button-2.yellow:active {
  background-color: #ffd666;
}

.all-from-a-single-platform-section-2 {
  background-color: #fff;
  padding-top: 110px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.align-centre-3 {
  text-align: center;
  justify-content: center;
  font-weight: 700;
  display: block;
}

.home---customertabs-2 {
  background-color: #0000;
  border: 2px solid #151528;
  border-radius: 100px;
  width: 350px;
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 10px 24px;
  transition: background-color .3s, border-color .3s, opacity .3s;
}

.home---customertabs-2:hover {
  background-color: #d6d6d8;
  border-color: #d6d6d8;
}

.home---customertabs-2.w--current {
  color: #fff;
  background-color: #151528;
  border: 1px solid #151528;
  border-radius: 100px;
}

.afaspc-button-secondary-2 {
  color: #151528;
  text-align: center;
  background-color: #0000;
  border: 2px solid #151528;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 10px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: inline-block;
}

.afaspc-button-secondary-2:hover {
  opacity: .75;
  color: #444453;
  border-color: #444453;
  transform: translate(0, -2px);
}

.div-block-319 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.div-block-320 {
  width: auto;
  max-width: 525px;
  padding-bottom: 30px;
}

.paragraph-52 {
  max-width: 700px;
  line-height: 28px;
}

.paragraph-53 {
  width: 800px;
  line-height: 28px;
}

.bold-text-11 {
  display: inline;
}

.lp2-section-2-content-wrapper-councils {
  z-index: 10;
  max-width: 580px;
  margin-top: 51px;
  margin-left: 24px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.all-from-a-single-platform-container-councils {
  flex-direction: column;
  align-items: center;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
  position: relative;
}

.lp2-section-2-button-wrapper-councils {
  z-index: 10;
  margin-top: 371px;
  margin-left: 24px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-primary-copy {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 40px;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.button-primary-copy:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.button-primary-copy:active {
  background-color: var(--navi-6);
}

.button-primary-copy.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-primary-copy.mg-top-32px {
  margin-top: 32px;
}

.button-primary-copy.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-primary-copy.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.button-primary-copy.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.button-primary-copy.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-primary-copy.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.button-primary-copy.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-primary-copy.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.button-primary-copy.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.button-primary-copy.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-primary-copy.yellow:hover {
  background-color: #ffc53d;
}

.button-primary-copy.yellow:active {
  background-color: #ffd666;
}

.button-primary-copy.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.button-primary-copy.cyan:hover {
  background-color: #7ddae3;
}

.button-primary-copy.cyan:active {
  background-color: #aaecf0;
}

.button-primary-copy.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.button-primary-copy.navbar:hover {
  transform: none;
}

.paragraph-54 {
  display: block;
}

.div-block-321, .paragraph-55 {
  display: none;
}

.form-login {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding-bottom: 0;
  display: flex;
}

.log-in-form {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  max-width: none;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

.login-block {
  width: 472px;
  max-width: none;
  height: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

.form-block-6-login {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  margin-bottom: 0;
  display: flex;
}

.form-step-1-login {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.login-section {
  flex-direction: row;
  height: 100vh;
  min-height: 100vh;
  display: flex;
}

.div-block-303-login {
  grid-row-gap: 24px;
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.form-step-2-login {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.paragraph-56 {
  font-size: 0;
}

.color-white-copy {
  color: var(--white);
  text-align: left;
}

.color-white-copy.align-centre {
  text-align: left;
  justify-content: center;
  align-self: center;
  display: inline-block;
}

.color-white-copy.text-center {
  text-align: left;
}

.color-white-copy.signup_bullets-copy {
  color: var(--navi-body);
}

.list-item-11, .list-item-12 {
  line-height: 24px;
}

.h3_new-copy {
  color: var(--grey-2);
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 28px;
}

.sign-in-thank-you {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 472px;
  max-width: 940px;
  display: flex;
  overflow: hidden;
}

.div-block-322 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.color-white-2 {
  color: var(--white);
  text-align: left;
}

.color-white-2.align-centre {
  text-align: left;
  justify-content: center;
  align-self: center;
  display: inline-block;
}

.color-white-2.text-center {
  text-align: left;
}

.color-white-2.signup_bullets-2 {
  color: var(--navi-body);
  margin-bottom: 0;
}

.loginimage {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/653870bb3f4feffa72bb3d76_banner-login.jpg");
  background-size: cover;
  border: 1px #000;
  border-top-right-radius: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  max-width: 420px;
  margin-top: 66px;
  display: flex;
}

.div-block-side-bar-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  margin-left: 40px;
  margin-right: 40px;
  padding-bottom: 0;
  display: none;
}

.link-33 {
  text-decoration: none;
}

.scorm-creator-section-1 {
  justify-content: flex-start;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.scorm-creator-label {
  border: 1px solid var(--yellow-label);
  object-fit: fill;
  background-color: #fff1b8;
  border-radius: 100vw;
  flex-direction: row;
  width: auto;
  margin-bottom: 17px;
  padding: 8px 16px;
  display: block;
  position: static;
}

.scorm-creator-image-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.scorm-creator-hero {
  background-color: var(--white);
  flex-direction: column;
  height: auto;
  min-height: 400px;
  margin: 100px 0;
  padding: 0 40px 0 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.paragraph-57 {
  color: var(--oxford-blue);
  text-align: left;
  line-height: 28px;
}

.paragraph-57.lms {
  align-self: center;
}

.paragraph-57._2-billion {
  color: var(--white);
  text-align: center;
  width: 75%;
}

.image-153 {
  max-width: none;
  height: auto;
  position: relative;
  inset: 0% auto 0% 0%;
}

.div-block-323 {
  min-width: 0;
  height: auto;
  display: flex;
  position: relative;
}

.scorn-creator-section-container {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1268px;
  margin-bottom: 0;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.scorn-creator-section-container.align-centre {
  display: flex;
}

.sc-wrap2 {
  width: 100%;
  min-width: 600px;
  height: auto;
  margin-top: 0;
  margin-left: 0;
}

.sc-wrap1 {
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  min-width: 500px;
  max-width: none;
  margin: 0 0 0 40px;
  padding-left: 0;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.div-block-324 {
  text-align: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.scorm-creator-button {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: block;
  position: relative;
}

.scorm-creator-button:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.scorm-creator-button:active {
  background-color: var(--navi-6);
}

.scorm-creator-button.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.scorm-creator-button.mg-top-32px {
  margin-top: 32px;
}

.scorm-creator-button.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.scorm-creator-button.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.scorm-creator-button.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.scorm-creator-button.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.scorm-creator-button.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.scorm-creator-button.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.scorm-creator-button.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.scorm-creator-button.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.scorm-creator-button.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.scorm-creator-button.yellow:hover {
  background-color: #ffc53d;
}

.scorm-creator-button.yellow:active {
  background-color: #ffd666;
}

.scorm-creator-button.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.scorm-creator-button.cyan:hover {
  background-color: #7ddae3;
}

.scorm-creator-button.cyan:active {
  background-color: #aaecf0;
}

.scorm-creator-button.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.scorm-creator-button.navbar:hover {
  transform: none;
}

.div-block-325 {
  width: 100%;
}

.sc-heading {
  font-family: Nunito Sans, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 80px;
}

.sc-heading.align-left.white {
  color: var(--white);
  margin-bottom: 10px;
  margin-right: 0;
  font-weight: 700;
}

.sc-heading.align-centre, .sc-heading.align-centre.color-white {
  text-align: left;
}

.your-site-field-1 {
  display: flex;
}

.dothowtoo {
  color: var(--grey-2);
  align-self: center;
  height: 44px;
  margin-left: 10px;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.dothowtoodiv {
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #6e7385;
  background-color: #eee;
  border: 2px solid #cfd0d6;
  border-left: 0 #cfd0d6;
  border-radius: 0 4px 4px 0;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: center;
  height: 44px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.info-icon {
  opacity: .5;
  cursor: pointer;
  align-self: flex-start;
  max-width: none;
  margin-top: -1px;
  margin-left: 6px;
  display: block;
}

.info-icon.tooltip {
  box-shadow: none;
  opacity: .7;
  align-self: flex-start;
  margin-bottom: 0;
  padding: 0;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
}

.h3_new-2 {
  color: var(--navi-9);
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 28px;
}

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

.link-20-copy {
  text-decoration: none;
}

.link-black {
  color: var(--neutral-800);
  text-decoration: underline;
  transition: color .3s;
}

.link-black:hover {
  color: var(--oxford-blue);
  text-decoration: underline;
}

.paragraph-58-copy {
  text-align: left;
  margin-top: 24px;
}

.error-message-4 {
  float: none;
}

.error-message-custom {
  float: none;
  aspect-ratio: auto;
  background-color: #fff1f0;
  border-left: 4px solid #f5222d;
  border-radius: 4px;
  padding-left: 14px;
}

.image-154 {
  overflow-wrap: normal;
  display: inline-block;
}

.div-block-326 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.text-block-79 {
  color: #151528;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.link-34 {
  color: var(--neutral-800);
}

.paragraph-forgot-url {
  margin-top: 0;
}

.back-to-home {
  cursor: pointer;
  font-size: 16px;
}

.back-button {
  color: var(--neutral-800);
  -webkit-text-stroke-color: var(--neutral-800);
  align-self: flex-start;
  text-decoration: none;
  display: block;
}

.paragraph-59 {
  display: inline;
}

.howtoodotco {
  margin-bottom: 0;
  font-size: 15px;
}

.email-remind-me {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.thankyou-block {
  width: 472px;
  margin: 40px auto;
  display: none;
}

.send-reminder-block {
  width: 472px;
  max-width: none;
  height: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

.para-back-to-login {
  margin-top: 24px;
}

.paragraph-62 {
  flex: 0 auto;
}

.heading-84 {
  font-size: 56px;
}

.capterra-mobile-learning-image {
  max-width: none;
  height: auto;
  position: relative;
  inset: 0% auto 0% 0%;
}

.image-153-copy {
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
  inset: 0% auto 0% 0%;
}

.list-item-21, .list-item-22 {
  text-align: left;
  line-height: 24px;
}

.list-item-23, .list-item-24 {
  text-align: left;
}

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

.list-item-25 {
  text-align: left;
}

.lp2-section-3-home {
  background-color: var(--oxford-blue);
  background-image: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.all-from-a-single--home {
  background-color: #fff;
  padding-top: 110px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.home-h2-copy {
  text-align: left;
  margin-bottom: 13px;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
}

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

.color-white-left.align-centre {
  text-align: left;
  justify-content: center;
  align-self: center;
  display: inline-block;
}

.color-white-left.text-center {
  text-align: left;
  font-size: 17px;
}

.home-h2-lg-copy {
  text-align: left;
  margin-bottom: 16px;
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  position: static;
}

.growth-section-logo-light {
  background-color: var(--white);
  margin-bottom: 0;
  padding: 20px 0;
}

.internal-training-section2 {
  background-image: linear-gradient(to right, #fedfa7, #f8b5cf 50%, #bbe8ef);
  height: auto;
  margin-bottom: 80px;
  padding: 100px 0 80px;
  display: block;
}

.paragraph-64 {
  margin-bottom: 24px;
}

.div-block-283-copy {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.div-block-285-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  margin-bottom: 16px;
  display: block;
}

.internal-training-grid1 {
  grid-column-gap: 14px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 36px 1fr;
  grid-auto-columns: 1fr;
  min-width: 400px;
  margin-left: 0;
  display: grid;
}

.internal-training-list {
  flex: 1;
  max-width: 50%;
}

.container-85-copy, .temp1 {
  grid-column-gap: 40px;
  align-items: stretch;
  max-width: 1268px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.temp-1a {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.temp-vid-container {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 16px;
  display: flex;
}

.temp-html-embed {
  border: 1px none var(--grey-4);
  object-fit: fill;
  border-radius: 20px;
  flex: 1;
  order: 0;
  align-self: center;
  align-items: flex-start;
  width: auto;
  height: 100%;
  min-height: auto;
  margin: auto;
  display: block;
}

.image-155 {
  display: none;
}

.logo-section {
  background-color: var(--white);
  margin-bottom: 0;
  padding: 20px 0;
  display: none;
}

.section-74-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--haze);
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

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

.color-white-8-copy {
  color: #f6f6f6;
}

.bold-text-12 {
  font-weight: 400;
}

.html-embed-5-cover {
  border: 1px none var(--grey-4);
  object-fit: fill;
  border-radius: 20px;
  flex: 1;
  order: 0;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: auto;
  margin: auto;
  display: block;
}

.growth-section-4-copy {
  z-index: 0;
  margin-top: -48px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.button-primary-card {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  width: 100%;
  height: 56px;
  margin-top: 19px;
  padding: 10px 24px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
  position: relative;
}

.button-primary-card:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.button-primary-card:active {
  background-color: var(--navi-6);
}

.button-primary-card.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-primary-card.mg-top-32px {
  margin-top: 32px;
}

.button-primary-card.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-primary-card.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.button-primary-card.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.button-primary-card.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-primary-card.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.button-primary-card.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-primary-card.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.button-primary-card.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.button-primary-card.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-primary-card.yellow:hover {
  background-color: #ffc53d;
}

.button-primary-card.yellow:active {
  background-color: #ffd666;
}

.button-primary-card.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.button-primary-card.cyan:hover {
  background-color: #7ddae3;
}

.button-primary-card.cyan:active {
  background-color: #aaecf0;
}

.button-primary-card.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.button-primary-card.navbar:hover {
  transform: none;
}

.html-embed-5-copy {
  border: 1px none var(--grey-4);
  object-fit: fill;
  border-radius: 20px;
  flex: 1;
  order: 0;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: auto;
  margin: auto;
  display: block;
}

.div-block-285-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  display: block;
}

.button-secondary-card {
  clear: none;
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  width: 100%;
  height: 56px;
  margin-top: auto;
  padding: 10px 24px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: inline-block;
}

.button-secondary-card:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.button-secondary-card.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-secondary-card.mg-top-32px {
  margin-top: 32px;
}

.button-secondary-card.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-secondary-card.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.button-secondary-card.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.button-secondary-card.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-secondary-card.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.button-secondary-card.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-secondary-card.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.button-secondary-card.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.button-secondary-card.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-secondary-card.light {
  border-color: var(--white);
  color: var(--white);
}

.button-secondary-card.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.button-secondary-card.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.button-secondary-card.navbar:hover {
  transform: none;
}

.container-86-copy {
  background-color: #fcb024;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 730px;
  height: 120px;
  max-height: 120px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.sticky-heading {
  z-index: 0;
  align-self: center;
  margin-top: 16px;
  padding-top: 0;
  position: static;
  top: 96px;
}

.heading-85 {
  width: 500px;
}

.heading-86 {
  width: 600px;
}

.rtg-card-text {
  font-size: 16px;
}

.navbar_button_book_demo {
  border: 2px solid var(--oxford-blue);
  background-color: var(--oxford-blue);
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 130px;
  height: 44px;
  margin-top: 0;
  padding: 10px 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: opacity .3s;
  display: flex;
}

.navbar_button_book_demo:hover {
  opacity: .5;
}

.navbar_button_book_demo2 {
  border: 2px solid var(--oxford-blue);
  background-color: var(--oxford-blue);
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 132px;
  height: 44px;
  margin-top: 0;
  padding: 10px 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: opacity .3s;
  display: flex;
}

.navbar_button_book_demo2:hover {
  opacity: .5;
}

.navbar_button_book_demo2.yellow-nav {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.navbar_button_book_demo2.yellow-nav:hover {
  border-color: var(--yellow-80);
  background-color: var(--howtoo-yellow-hover);
  opacity: 1;
}

.navbar_button_book_demo2.yellow-nav.freetrial {
  min-width: auto;
}

.bold-text-13 {
  max-width: 300px;
}

.previous-2 {
  display: block;
}

.demo-logos-courses {
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
  width: 100%;
  margin-top: 40px;
}

.demo-logos-courses.centered {
  margin-bottom: 40px;
}

.courses-wall-logos.lighter {
  opacity: .81;
}

.course-card {
  border-radius: 8px;
  max-width: 375px;
  display: flex;
  box-shadow: 0 2px 20px #0000001a;
}

.course-card:hover {
  box-shadow: 0 2px 24px #0003;
}

.freelancer-mob-pricing {
  z-index: 100;
  display: none;
  position: relative;
}

.freelancer-desktop-pricing {
  z-index: 100;
  position: relative;
}

.custombutton-2 {
  font-size: 16px;
  display: flex;
}

.ht-sso-button {
  opacity: 1;
  color: #444453;
  text-align: center;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65640d33b2e85620592bd504_google.png");
  background-position: 13px 13px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1.5px solid #444453;
  border-radius: 8px;
  padding: 10px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
}

.ht-sso-button:hover {
  background-color: #ebebeb;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65640d33b2e85620592bd504_google.png");
  background-position: 13px 13px;
  background-size: auto;
}

.button-google-sso {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1.5px solid var(--neutral-800);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 44px;
  text-decoration: none;
  display: flex;
}

.button-google-sso:hover {
  background-color: #e8e8ea;
}

.button-google-sso:active {
  background-color: #d0d0d4;
}

.or-text {
  color: var(--grey-2);
  justify-content: center;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.google-sso-btb-txt {
  color: var(--neutral-800);
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
}

.or-divider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.or-divider-line {
  border-bottom: 1px solid var(--grey-2);
  width: 60px;
  height: 1px;
}

.custombutton-login {
  font-size: 16px;
  display: flex;
}

.field-label-error-login {
  color: #cf1322;
  letter-spacing: 0;
  text-transform: none;
  width: auto;
  margin-top: 4px;
  margin-bottom: 4px;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: none;
  position: static;
}

.lp2-section-2-content-wrapper-scratch {
  z-index: 10;
  max-width: 580px;
  margin-top: 0;
  margin-left: 24px;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.scratch-h {
  font-size: 24px;
  display: inline;
}

.heading-100 {
  color: #151528;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Nunito Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.lp2-section-2-button-wrapper-tech {
  z-index: 10;
  margin-top: 371px;
  margin-left: 24px;
  position: absolute;
  inset: auto 0% 10%;
}

.tabs-menu-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-width: 551px;
  display: block;
  position: relative;
  top: 100px;
}

.capterra1-section-1-copy {
  background-image: linear-gradient(to bottom, var(--oxford-blue), #024660);
  flex-direction: row;
  justify-content: flex-start;
  height: 690px;
  padding-top: 140px;
  padding-bottom: 140px;
  display: none;
  overflow: hidden;
}

.heading-101 {
  margin-top: 0;
}

.paragraph-65 {
  margin-bottom: 10px;
}

.paragraph-67, .tc {
  font-size: 12px;
}

.signup-form-sp {
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  height: auto;
  margin-top: 66px;
  padding-top: 48px;
  display: flex;
  overflow: auto;
}

.container-sp {
  width: 472px;
  height: auto;
}

.form-4-copy {
  flex-direction: column;
  display: flex;
}

.form-step-1sp {
  grid-column-gap: 2px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.form-4-sp {
  flex-direction: column;
  display: flex;
}

.blog-book-demo-ad {
  border-radius: 8px;
}

.hc-wrap-home {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding-left: 0;
  display: flex;
}

.home-hero-embed-2 {
  border: 1px none var(--grey-4);
  object-fit: fill;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  order: 0;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: none;
}

.body-hero {
  color: var(--oxford-blue);
  margin-top: 0;
  padding-bottom: 10px;
  font-size: 21px;
  line-height: 28px;
}

.body-hero.color-white {
  color: var(--white);
}

.body-hero.color-white.align-centre {
  color: var(--grey-3);
  text-align: center;
  width: 800px;
  margin-bottom: 8px;
  padding-bottom: 0;
  font-weight: 500;
}

.body-hero.color-white.align-centre.bottom-margin-40 {
  text-align: center;
  margin-bottom: 40px;
}

.body-hero.color-white.align-centre.center-text {
  text-align: center;
}

.home-container_upskill {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.home-container_upskill.align-centre {
  display: flex;
}

.home-section-hero-upskill {
  background-color: var(--oxford-blue);
  background-image: linear-gradient(#53c6d600 30%, #53c6d64d);
  flex-direction: column;
  height: auto;
  min-height: 1000px;
  padding-top: 80px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hc-heading-upskill {
  font-family: Nunito Sans, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 80px;
}

.hc-heading-upskill.align-left.white {
  color: var(--white);
  margin-bottom: 10px;
  margin-right: 0;
  font-weight: 700;
}

.hc-heading-upskill.align-centre {
  text-align: left;
}

.hc-heading-upskill.align-centre.color-white {
  text-align: center;
  display: block;
}

.hero-copy {
  text-align: center;
  width: 100%;
  display: block;
}

.navbar-mobile-link {
  align-self: center;
  margin-right: 0;
  text-decoration: none;
  transition: opacity .3s;
  display: none;
}

.navbar-mobile-link:hover {
  opacity: .6;
}

.navbar-mobile-link.w--current {
  text-decoration: none;
}

.navbar-main-dropdown-list-product-services {
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: row;
  width: auto;
  padding: 34px;
  display: block;
  top: 48px;
  box-shadow: 0 1px 8px -5px #00256447, 1px 1px 20px 4px #0025641c;
}

.navbar-main-dropdown-list-product-services.resources {
  display: none;
}

.navbar-main-dropdown-list-product-services.products {
  width: 400px;
  display: block;
}

.navbar-dropdown-link-block-temp {
  margin-bottom: 0;
  text-decoration: none;
  transition: background-color .2s;
  display: none;
}

.navbar-dropdown-link-block-temp:hover {
  background-color: #3a42ff12;
}

.navbar-dropdown-link-block-temp.w--current, .navbar-dropdown-link-block-temp.hidden {
  display: block;
}

.navbar-mobile-link-wrapper-courses {
  align-self: center;
  margin-right: 0;
  text-decoration: none;
  transition: opacity .3s;
  display: none;
}

.navbar-mobile-link-wrapper-courses:hover {
  opacity: .6;
}

.navbar-mobile-link-wrapper-courses.w--current {
  text-decoration: none;
}

.nav-dropdown-h1 {
  color: var(--oxford-blue);
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.nav-dropdown-h1.centre {
  text-align: center;
}

.youtube-2 {
  aspect-ratio: 16 / 9;
  border-radius: 0;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.div-block-youtube-full-width {
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 1280px;
  margin-top: 0;
  margin-left: 72px;
  margin-right: 72px;
  padding-bottom: 72px;
  display: flex;
}

.section-youtube-full-width {
  width: auto;
  padding-top: 16px;
  padding-bottom: 64px;
}

.internal-training-tabs {
  background-image: linear-gradient(to right, #fedfa7, #f8b5cf 50%, #bbe8ef);
  height: auto;
  margin-bottom: 80px;
  padding: 100px 0 80px;
  display: block;
}

.div-block-internal-training-tab {
  background-color: #ffffffe6;
  border: 0 solid #000;
  border-radius: 16px;
  max-width: none;
  padding-top: 40px;
  padding-bottom: 20px;
}

.div-block-internal-training-tab.navi {
  background-color: var(--oxford-blue);
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.full-width-container-internal-training {
  z-index: 2;
  flex-direction: column;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: relative;
}

.weve-got-the-solution {
  background-color: #fff;
  background-image: linear-gradient(#000, #fff);
  padding-top: 110px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.gradient-3-col-bg-container {
  background-image: linear-gradient(to right, #fedfa7, #f8b5cf 50%, #bbe8ef);
  height: auto;
  margin-bottom: 0;
  padding: 100px 0;
  display: block;
}

.gradient-3-col-bg-container.white-bg {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
}

.body-text-container {
  color: var(--oxford-blue);
  margin-bottom: 40px;
}

.weve-got-solution-cols-container {
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: visible;
}

.weve-got-solution-tabs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 50%;
  display: grid;
}

.weve-got-solution-tabs.align-centre {
  width: auto;
  margin: 20px auto;
  display: block;
}

.weve-got-sol-tabs {
  background-color: #0000;
  border: 2px solid #151528;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  width: auto;
  height: 100px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 10px 32px;
  transition: background-color .3s, border-color .3s, opacity .3s;
  display: flex;
}

.weve-got-sol-tabs:hover {
  border-color: var(--grey-3);
  background-color: var(--haze);
}

.weve-got-sol-tabs.w--current {
  color: #fff;
  background-color: #151528;
  border: 1px solid #151528;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  height: 100px;
  display: flex;
}

.weve-got-solution-panel-container {
  width: 60%;
  margin-left: 40px;
  margin-right: 0;
  overflow: visible;
}

.weve-got-sol-panel {
  width: 100%;
  overflow: visible;
}

.weve-got-sol-wrapper {
  width: auto;
  margin-bottom: 16px;
}

.weve-got-sol-panel-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: auto;
  display: block;
}

.weve-got-sol-text-wrapper {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 16px;
}

.bold-text-15 {
  font-weight: 500;
}

.weve-got-sol-panel-text {
  color: var(--oxford-blue);
}

.bold-text-16 {
  font-weight: 500;
}

.section-choose-package {
  text-align: left;
  background-color: #f4f7fc;
  flex-direction: column;
  justify-content: center;
  height: auto;
  margin-bottom: 0;
  padding: 100px 0;
  display: flex;
}

.choose-package-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: grid;
  position: relative;
}

.choose-package-card-wrapper {
  flex-direction: column;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.choose-package-card-heading {
  text-align: center;
  margin-top: 24px;
  margin-bottom: 11px;
  font-size: 24px;
  line-height: 32px;
}

.choose-package-card-para {
  text-align: center;
  margin-bottom: 16px;
  font-weight: 400;
  display: flex;
}

.choose-package-image {
  object-fit: fill;
  border-radius: 8px;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
}

.choose-package-image-container {
  width: auto;
  margin-top: 16px;
  margin-left: -16px;
  margin-right: -16px;
}

.choose-package-card-container {
  flex-direction: column;
  width: auto;
  padding: 0 32px 40px;
  display: flex;
}

.choose-package-cards {
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  flex: 0 auto;
  place-content: stretch flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 412px;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0 32px 32px;
  line-height: 24px;
  display: flex;
  position: static;
  box-shadow: 0 9px 80px #484b9926, 8px 0 30px 11px #484b9926;
}

.choose-package-div {
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 60%;
  display: flex;
}

.weve-got-sollution-text-container {
  z-index: 10;
  max-width: 460px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  inset: 0% 0% auto;
}

.weve-got-sollution-text-container.align-centre {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  display: flex;
}

.choose-your-level-text-container-copy {
  z-index: 10;
  max-width: 460px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  inset: 0% 0% auto;
}

.choose-your-level-text-container-copy.align-centre {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 700px;
  display: flex;
}

.section-ai {
  text-align: left;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 100px 0;
  display: flex;
}

.leading-way-text-container {
  z-index: 10;
  flex-direction: column;
  align-items: flex-start;
  width: 640px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.leading-way-text-container.align-centre {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 600px;
  display: flex;
}

.image-156 {
  width: 73px;
  height: auto;
  position: relative;
}

.leading-way-container {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: flex-start;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.leading-way-container.align-centre {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 600px;
  display: flex;
}

.leading-way-image-container {
  display: none;
}

.leading-way-heading {
  text-align: left;
  margin-bottom: 13px;
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  display: flex;
}

.leading-way-heading.color-white.align-centre {
  text-align: center;
}

.leading-way-heading.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.leading-way-heading.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.leading-way-heading.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.leading-way-heading.max-width-400 {
  max-width: 400px;
}

.leading-way-text {
  color: var(--oxford-blue);
  width: auto;
  margin-bottom: 0;
}

.leading-way-col-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.leading-way-tick {
  width: 40px;
}

.collection-list-wrapper-5 {
  display: block;
}

.our-works-container {
  object-fit: none;
  flex-flow: wrap;
  justify-content: center;
  align-self: auto;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.case-study-card-cms-copy {
  display: block;
}

.cards-grid-copy {
  grid-column-gap: 24px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

.section-testimonials {
  background-color: var(--white);
  padding-top: 80px;
  padding-bottom: 80px;
}

.case-studies-quotes-wrapper-no-logo {
  width: 740px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-call-out {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d83cd2cfed4f247dafa87c_callout-bg2.jpg"), linear-gradient(#ffffff80, #ffffff80);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  background-attachment: fixed, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  padding: 80px 0;
  display: flex;
}

.call-out-text {
  color: var(--white);
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-bottom: 0;
  padding-left: 80px;
  padding-right: 80px;
  font-family: Nunito Sans, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  display: flex;
}

.call-out-text.color-white.align-centre {
  text-align: center;
}

.call-out-text.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.call-out-text.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.call-out-text.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.call-out-text.max-width-400 {
  max-width: 400px;
}

.weve-got-solution-slider {
  display: none;
}

.weve-got-slide-header {
  text-align: center;
  justify-content: center;
  font-weight: 700;
  display: block;
}

.weve-got-slider-image {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 19px #0000002e;
}

.home-hero-div {
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
  margin-left: 24px;
  margin-right: 24px;
  display: flex;
}

.hero-vid-div {
  align-self: center;
  width: 120%;
  height: auto;
  margin-top: 48px;
  margin-left: 0;
}

.hero-vid-div.ai-animation-wrapper {
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  border-color: #ffffffb3;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 24px;
  margin-right: 24px;
  display: flex;
}

.hero-cta-div {
  display: block;
}

.ai-heading {
  text-align: left;
  display: block;
}

.ai-heading.ai {
  color: var(--grey-3);
}

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

.ai-animation {
  aspect-ratio: 16 / 9;
  background-color: var(--white);
  outline-color: var(--white);
  outline-offset: -1px;
  border: 0 solid #000;
  outline-width: 2px;
  outline-style: solid;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.ai-animation-wrapper {
  border: 16px solid #fff;
  border-radius: 16px;
  width: 60%;
  height: auto;
  margin-left: 40px;
  box-shadow: 0 5px 50px 7px #0000001a;
}

.ai-animation-wrapper.subscribe-hr {
  width: 60%;
  margin-left: 0;
  display: none;
}

.bold-text-18 {
  width: 100%;
}

.ai-cta-btn-wrapper {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 20px;
  margin-left: 0;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.ai-cta-btn-wrapper.align-centre {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 25px;
  margin-left: 0;
  display: flex;
}

.ai-cta-btn {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 40px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.ai-cta-btn:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.ai-cta-btn:active {
  background-color: var(--navi-6);
}

.ai-cta-btn.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.ai-cta-btn.mg-top-32px {
  margin-top: 32px;
}

.ai-cta-btn.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.ai-cta-btn.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.ai-cta-btn.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.ai-cta-btn.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.ai-cta-btn.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.ai-cta-btn.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.ai-cta-btn.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.ai-cta-btn.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.ai-cta-btn.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.ai-cta-btn.yellow:hover {
  background-color: #ffc53d;
}

.ai-cta-btn.yellow:active {
  background-color: #ffd666;
}

.ai-cta-btn.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.ai-cta-btn.cyan:hover {
  background-color: #7ddae3;
}

.ai-cta-btn.cyan:active {
  background-color: #aaecf0;
}

.ai-cta-btn.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.ai-cta-btn.navbar:hover {
  transform: none;
}

.section-solution {
  margin-bottom: 96px;
  padding-top: 60px;
  padding-bottom: 0;
  position: relative;
}

.solution-container {
  grid-column-gap: 80px;
  justify-content: center;
  align-items: stretch;
  max-width: 1268px;
  margin-bottom: 56px;
  padding-bottom: 0;
  display: flex;
}

.solution-text-container {
  flex: 1;
  align-self: center;
  max-width: 43%;
}

.solutions-txt-bullet-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template: "."
                 "."
                 / 36px 1fr;
  grid-auto-columns: 1fr;
  min-width: 400px;
  margin-left: 0;
  display: grid;
}

.heading-102 {
  font-size: 18px;
}

.bullet-heading {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

.solution-subhead {
  margin-bottom: 16px;
  font-weight: 700;
}

.explore-btn {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.explore-btn:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.explore-btn:active {
  background-color: var(--navi-6);
}

.explore-btn.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.explore-btn.mg-top-32px {
  margin-top: 32px;
}

.explore-btn.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.explore-btn.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.explore-btn.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.explore-btn.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.explore-btn.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.explore-btn.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.explore-btn.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.explore-btn.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.explore-btn.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.explore-btn.yellow:hover {
  background-color: #ffc53d;
}

.explore-btn.yellow:active {
  background-color: #ffd666;
}

.explore-btn.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.explore-btn.cyan:hover {
  background-color: #7ddae3;
}

.explore-btn.cyan:active {
  background-color: #aaecf0;
}

.explore-btn.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.explore-btn.navbar:hover {
  transform: none;
}

.solution-stat-container {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d6c6d358f7739785c0b3cf_stat1v2.jpg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 600px 0 600px 600px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 500px;
  display: flex;
}

.solution-quote-fext {
  color: var(--white);
  text-align: center;
  margin-bottom: 8px;
  padding-left: 32px;
  padding-right: 32px;
}

.solution-quote-text-hilight {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 50px;
  margin-top: 8px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
}

.solution-stat-container-2 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d6c98349ec1772505e612e_stat2v2.jpg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 0 600px 600px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 500px;
  display: flex;
}

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

.solution-heading-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.solution-heading {
  text-align: center;
  margin-bottom: 13px;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  display: flex;
}

.solution-heading.color-white.align-centre {
  text-align: center;
}

.solution-heading.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.solution-heading.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.solution-heading.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.solution-heading.max-width-400 {
  max-width: 400px;
}

.solution-text {
  color: var(--oxford-blue);
  text-align: center;
  max-width: 700px;
  margin-bottom: 40px;
}

.solution-container-2 {
  grid-column-gap: 16px;
  justify-content: center;
  align-items: stretch;
  max-width: 1268px;
  margin-bottom: 56px;
  padding-bottom: 0;
  display: flex;
}

.caption-text {
  color: var(--grey-4);
  text-align: center;
  width: 250px;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.paragraph-38-copy {
  text-decoration: none;
}

.section-why-howtoo {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d83b5cd30a22f4c527ac80_why%20howtoo2.jpg"), linear-gradient(#ffffff80, #ffffff80);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  background-attachment: fixed, scroll;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 100px 0;
  display: none;
}

.why-howtoo-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch space-between;
  place-items: center stretch;
  max-width: 1268px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.why-howtoo-heading {
  color: var(--white);
}

.why-howtoo-text {
  color: var(--grey-4);
  text-align: left;
}

.why-howtoo-text-wrapper {
  width: 45%;
}

.section-leading-the-way {
  text-align: left;
  background-image: linear-gradient(#fff, #fff);
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 100px 0;
  display: flex;
}

.section-awards {
  background-color: #f8f8fb;
  padding-top: 140px;
  padding-bottom: 140px;
}

.section-how-we-rate {
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.div-block-328 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr .5fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  place-items: center stretch;
  width: auto;
  display: flex;
}

.html-embed-10 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.html-embed-11 {
  width: 200px;
  display: block;
}

.html-embed-12 {
  width: 200px;
  display: flex;
}

.solution-quote-text-hilight-2 {
  background-color: var(--howtoo-pink);
  color: var(--neutral-800);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 50px;
  margin-top: 8px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
}

.why-heading {
  text-align: left;
  margin-bottom: 13px;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  display: flex;
}

.why-heading.color-white.align-centre {
  text-align: center;
}

.why-heading.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.why-heading.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.why-heading.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.why-heading.max-width-400 {
  max-width: 400px;
}

.solution-container-2a {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: stretch;
  max-width: 1268px;
  margin-bottom: 56px;
  padding-bottom: 0;
  display: flex;
}

.start-upskilling-heading {
  text-align: left;
  margin-bottom: 13px;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  display: flex;
}

.start-upskilling-heading.color-white.align-centre {
  text-align: center;
}

.start-upskilling-heading.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.start-upskilling-heading.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.start-upskilling-heading.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.start-upskilling-heading.max-width-400 {
  max-width: 400px;
}

.solution-quote-fext-copy {
  color: var(--white);
  text-align: center;
  margin-bottom: 8px;
  padding-left: 32px;
  padding-right: 32px;
}

.choose-package-cards-pricing, .choose-package-cards-no-btn {
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  flex: 0 auto;
  place-content: stretch flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 412px;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0 32px;
  line-height: 24px;
  display: flex;
  position: static;
  box-shadow: 0 9px 80px #484b9926, 8px 0 30px 11px #484b9926;
}

.choose-package-card-para-no-btn {
  text-align: center;
  margin-bottom: 0;
  font-weight: 400;
  display: flex;
}

.choose-package-txt {
  margin-bottom: 0;
}

.div-block-329 {
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 0;
  display: flex;
}

.section-create-engaging {
  text-align: left;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 100px 0;
  display: flex;
}

.ai-wrapper-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row-reverse;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch space-between;
  place-items: center stretch;
  max-width: 1268px;
  padding-left: 16px;
  padding-right: 32px;
  display: flex;
}

.ai-animation-wrapper2 {
  border: 16px solid #fff;
  border-radius: 16px;
  width: 60%;
  height: auto;
  margin-left: 40px;
  margin-right: 56px;
  box-shadow: 0 5px 50px 7px #0000001a;
}

.section-ai-2 {
  text-align: left;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 100px 0;
  display: flex;
}

.ai-animation-2 {
  aspect-ratio: 16 / 9;
  background-color: var(--white);
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.section-brand-your-courses, .section-assessments {
  text-align: left;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 100px 0;
  display: flex;
}

.image-158 {
  max-width: 55%;
  margin-right: 56px;
}

.academy-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch space-between;
  place-items: center stretch;
  max-width: 1268px;
  padding-left: 64px;
  padding-right: 32px;
  display: flex;
}

.section-academy {
  text-align: left;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 100px 0;
  display: flex;
}

.academy-animation-wrapper {
  border: 16px solid #fff;
  border-radius: 16px;
  width: 60%;
  height: auto;
  margin-left: 40px;
  box-shadow: 0 5px 50px 7px #0000001a;
}

.academy-animation {
  aspect-ratio: 2;
  background-color: var(--white);
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.section-track {
  background-image: linear-gradient(to bottom, var(--white), var(--haze));
  text-align: left;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 100px 0;
  display: flex;
}

.xpert---hero-container-copy {
  justify-content: space-between;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.xpert---form-create {
  background-color: #f8f8fb;
  padding-top: 140px;
  padding-bottom: 140px;
  display: block;
}

.case-studies-xpert {
  background-color: var(--white-smoke);
  padding-top: 102px;
  padding-bottom: 100px;
}

.youtube-xpert {
  position: static;
}

.hero-vid-div-xpert {
  align-self: center;
  width: 120%;
  height: auto;
  margin-top: 48px;
  margin-left: 0;
}

.hero-vid-div-xpert.ai-animation-wrapper {
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  border-color: #ffffffb3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 1280px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: static;
}

.xpert-section-vid {
  background-color: #fcfcfc;
  background-image: linear-gradient(174deg, #356e7f 40%, #9ab7bf 40%, #f8f8fb 50%);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-bottom: 40px;
  display: block;
}

.h2-heading {
  text-align: left;
  margin-bottom: 13px;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  display: flex;
}

.h2-heading.color-white.align-centre {
  text-align: center;
}

.h2-heading.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.h2-heading.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.h2-heading.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.h2-heading.max-width-400 {
  max-width: 400px;
}

.learning-strat-img1 {
  max-width: 100%;
  margin-right: 56px;
  display: none;
  position: static;
  left: 89px;
}

.section-partner-2 {
  background-color: var(--white-smoke);
  text-align: left;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.learning-strat-img2 {
  max-width: 50%;
  margin-right: 56px;
  position: relative;
  left: -63px;
}

.learning-strat-img3 {
  max-width: 60%;
  margin-right: 56px;
  position: relative;
  left: 90px;
}

.learning-strat-img4 {
  max-width: 50%;
  margin-right: 56px;
  position: relative;
  left: -63px;
}

.partner-img-1 {
  background-image: linear-gradient(to right, #fff0 52%, #fff), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d7df82bbeec3a11a89185d_strat1.png");
  background-position: 0 0, 0%;
  background-size: auto, cover;
  flex-flow: row-reverse;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 360px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  top: 6px;
  bottom: auto;
  left: auto;
}

.partner-img-1._2-billion {
  width: 45%;
}

.partner-img-1._2-billion._2 {
  background-image: linear-gradient(90deg, #fff0 52%, #fff), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6682355c668f32ddc35174a0_bg4.webp");
}

.partner-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch flex-start;
  place-items: center stretch;
  max-width: 1440px;
  padding-left: 95px;
  padding-right: 0;
  display: flex;
}

.partner-txt-wrapper-left {
  flex-direction: column;
  width: 80%;
  padding-right: 56px;
  display: flex;
}

.section-partner-1 {
  text-align: left;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.partner-wrapper2 {
  display: flex;
}

.partner-wrapper-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row-reverse;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch flex-start;
  place-items: center stretch;
  max-width: 1440px;
  padding-left: 0;
  padding-right: 118px;
  display: flex;
}

.partner-img-2 {
  background-image: linear-gradient(90deg, #f8f8fb, #fff0 50%), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d7e06aa5b97135e3a17628_strat2.png");
  background-position: 0 0, 100%;
  background-size: auto, cover;
  border-radius: 0;
  flex-flow: row-reverse;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 360px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  top: 6px;
  bottom: auto;
  left: auto;
}

.partner-txt-wrapper-right {
  flex-direction: column;
  width: 80%;
  padding-left: 56px;
  padding-right: 0;
  display: flex;
}

.partner-img-3 {
  background-image: linear-gradient(to right, #fff0 50%, #fff), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d7e186247f7c473cd32ab1_strat3.png");
  background-position: 0 0, 0%;
  background-size: auto, cover;
  flex-flow: row-reverse;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 360px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  top: 6px;
  bottom: auto;
  left: auto;
}

.partner-img-4 {
  background-image: linear-gradient(90deg, #f8f8fb, #fff0 50%), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d7e270786128f12797a16c_stat4.png");
  background-position: 0 0, 100%;
  background-size: auto, cover;
  border-radius: 0;
  flex-flow: row-reverse;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 360px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  top: 6px;
  bottom: auto;
  left: auto;
}

.partner-img-4._2-billion {
  background-image: linear-gradient(90deg, #f8f8fb, #fff0 50%), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/66822b162d3bae8cdccaede1_bg0.webp");
  width: 45%;
}

.partner-img-4._2-billion._2 {
  background-image: linear-gradient(90deg, #f8f8fb, #fff0 50%), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/668234eb0464430a7b9ee536_bg3.webp");
}

.lp2-tilt-background-1-home {
  z-index: 0;
  background-color: var(--white);
  background-image: linear-gradient(#cfd5e6, #fff 18%);
  width: 130vw;
  height: 600px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: auto 0% -27% -20%;
  transform: rotate(-9deg);
}

.footer-link-item-2 {
  margin-bottom: 14px;
  display: none;
}

.footer-copy-right-block-copy {
  color: var(--footer-text);
  text-align: left;
  width: 100%;
  margin-right: 0;
  font-size: 14px;
  display: inline;
}

.nav-item-wrapper-copy {
  text-align: left;
  width: 100%;
  margin-right: 0;
  font-size: 13px;
}

.navbar-dropdown-link-block-casestudy {
  margin-bottom: 0;
  text-decoration: none;
  transition: background-color .2s;
  display: block;
}

.navbar-dropdown-link-block-casestudy:hover {
  background-color: #3a42ff12;
}

.navbar-dropdown-link-block-casestudy.w--current, .navbar-dropdown-link-block-casestudy.hidden {
  display: block;
}

.pricing-calc {
  background-color: #be272700;
  width: 10px;
  height: 10px;
  position: sticky;
  top: 620px;
}

.link-block-20 {
  width: 100px;
  height: 100px;
}

.t-c-content-2-copy {
  color: #444453;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
}

.heading-103 {
  display: none;
}

.button-secondary-hide {
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 10px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: none;
}

.button-secondary-hide:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.button-secondary-hide.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-secondary-hide.mg-top-32px {
  margin-top: 32px;
}

.button-secondary-hide.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-secondary-hide.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.button-secondary-hide.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.button-secondary-hide.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-secondary-hide.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.button-secondary-hide.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-secondary-hide.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.button-secondary-hide.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.button-secondary-hide.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-secondary-hide.light {
  border-color: var(--white);
  color: var(--white);
}

.button-secondary-hide.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.button-secondary-hide.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.button-secondary-hide.navbar:hover {
  transform: none;
}

.link-block-21 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65cac795d1aee8b070b8a4a8_book-demo-ad.png");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  min-width: 480px;
  height: 100%;
  min-height: 480px;
}

.paragraph-body {
  color: var(--oxford-blue);
  -webkit-text-stroke-color: var(--oxford-blue);
  text-decoration: none;
}

.section-testimonials-all {
  background-color: var(--white);
  padding-top: 140px;
  padding-bottom: 140px;
}

.section-testimonials-all._2-billion {
  padding-top: 80px;
  padding-bottom: 80px;
}

.transurban-logo {
  width: 200px;
}

.link-35 {
  display: none;
}

.accordion-heading-test {
  color: #0d1633;
  cursor: pointer;
  flex: 1;
  align-self: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 30px;
  display: flex;
}

.pricing-faq-drop-down-2-copy {
  z-index: 40;
  background-color: #fff;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}

.faq-body-2-test {
  z-index: 45;
  background-color: #0000;
  width: 100%;
  margin-top: -2px;
  display: block;
  position: relative;
}

.faq-body-2-test.w--open {
  background-color: #0000;
}

.fs_accordion-2_message {
  color: var(--accessible-components--dark-grey);
  display: none;
}

.fs_accordion-2_paragraph {
  margin-bottom: 0;
}

.fs_accordion-2_body {
  color: var(--neutral-800);
  border-radius: 16px;
  padding: .5rem .8rem 1rem;
}

.fs_accordion-2_content {
  transition: max-height .2s;
  overflow: hidden;
}

.fs_accordion-2_icon {
  margin-right: 0;
  font-size: 1.125rem;
  position: relative;
}

.fs_accordion-2_arrow-wrapper {
  transition: transform .2s;
}

.fs_accordion-2_arrow-wrapper.is-active-accordion {
  display: none;
  transform: rotate(180deg);
}

.fs_accordion-2_label {
  color: var(--navi-body);
  font-size: 18px;
  font-weight: 700;
}

.fs_accordion-2_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--oxford-blue);
  cursor: pointer;
  border-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 0 .5rem .8rem;
  font-size: 17px;
  font-weight: 600;
  display: flex;
}

.fs_accordion-2_header:hover {
  border-radius: 4px;
}

.fs_accordion-2_header:focus-visible, .fs_accordion-2_header[data-wf-focus-visible] {
  outline-color: var(--accessible-components--dark-grey);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_accordion-2_item {
  border-radius: 16px;
}

.fs_accordion-2_item:focus {
  border: 1px solid #000;
}

.fs_accordion-2_embed {
  margin-bottom: 0;
}

.fs_accordion-2_component {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 800px;
  display: grid;
}

.creator-faq-container-copy {
  max-width: 500px;
  margin-bottom: 60px;
  display: none;
}

.creator-container-1268-faq-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1268px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.sticky-heading-faq {
  z-index: 0;
  align-self: center;
  margin-top: 16px;
  margin-bottom: 48px;
  padding-top: 0;
  position: static;
  top: 96px;
}

.accordion-categories {
  color: var(--oxford-blue);
  padding-top: 32px;
  padding-bottom: 8px;
  font-size: 1.4rem;
  font-weight: 700;
}

.bottom-margin-40-copy {
  margin-bottom: 40px;
}

.section-call-out-copy {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65dfd38f6ca78ab2e087b9fe_callout-bg3.jpg"), linear-gradient(#ffffff80, #ffffff80);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  background-attachment: fixed, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  padding: 80px 0;
  display: flex;
}

.weve-got-solution-tabs-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 30%;
  display: grid;
}

.weve-got-solution-tabs-copy.align-centre {
  width: auto;
  margin: 20px auto;
  display: block;
}

.say-helllo-customer-ed {
  background-color: var(--white);
  background-image: linear-gradient(60deg, #54c6d740, #fff0), linear-gradient(225deg, #fcb02480, #fff0);
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 40px;
  display: flex;
  position: static;
  overflow: hidden;
}

.bottom-margin-10-copy {
  text-align: center;
  margin-bottom: 10px;
  display: none;
}

.bottom-margin-10-copy.color-white.align-centre {
  font-size: 17px;
}

.section-guide-form {
  background-color: var(--white);
  padding-top: 140px;
  padding-bottom: 140px;
}

.case-study-cms-list-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  object-fit: fill;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch space-around;
  place-items: stretch center;
  max-width: none;
  margin-left: 24px;
  margin-right: 24px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.book-a-demo {
  background-color: var(--white);
  background-image: linear-gradient(60deg, #54c6d740, #fff0), linear-gradient(225deg, #fcb02480, #fff0);
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.section-awards-details {
  background-color: #f8f8fb;
  padding-top: 140px;
  padding-bottom: 140px;
}

.section-awards-details.white-bg {
  background-color: var(--white);
  padding-top: 80px;
  padding-bottom: 80px;
}

.div-block-331 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 80px;
  padding-right: 80px;
  display: grid;
}

.awards-text {
  z-index: 10;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.awards-text.align-centre {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 600px;
  display: flex;
}

.awards-body {
  color: var(--oxford-blue);
  text-align: center;
  align-self: center;
  width: auto;
  margin-top: 24px;
  margin-bottom: 0;
}

.awards-h2 {
  text-align: left;
  margin-bottom: 13px;
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  display: none;
}

.awards-h2.color-white.align-centre {
  text-align: center;
}

.awards-h2.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.awards-h2.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.awards-h2.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.awards-h2.max-width-400 {
  max-width: 400px;
}

.paragraph-69, .list-4 {
  color: var(--oxford-blue);
}

.awards-div {
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
}

.awards-subheading {
  text-align: center;
  justify-content: center;
  font-weight: 700;
  display: block;
}

.awards-badge-small {
  mix-blend-mode: hue;
  max-width: none;
}

.xpert---section-4---badge-copy {
  max-width: 120%;
}

.xpert---container-3-copy {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.weve-got-slide-header-copy {
  text-align: center;
  justify-content: center;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 24px;
  font-weight: 700;
  display: block;
}

.awards-badge-small-copy {
  mix-blend-mode: hue;
  width: 50%;
  max-width: none;
}

.customer-ed-cols-container {
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: visible;
}

.customer-ed-tabs {
  background-color: #0000;
  border: 2px solid #151528;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  width: auto;
  height: 100px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 10px 32px;
  transition: background-color .3s, border-color .3s, opacity .3s;
  display: flex;
}

.customer-ed-tabs:hover {
  border-color: var(--grey-3);
  background-color: var(--haze);
}

.customer-ed-tabs.w--current {
  color: #fff;
  background-color: #151528;
  border: 1px solid #151528;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  height: 100px;
  display: flex;
}

.customer-ed-tabs.councils, .customer-ed-tabs.councils.w--current {
  height: 80px;
}

.customer-ed-tabs-txt {
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.heading-104 {
  padding-bottom: 32px;
}

.div-block-332 {
  padding-top: 24px;
}

.body-text-container-copy-2 {
  color: var(--oxford-blue);
  width: 650px;
  margin-bottom: 24px;
}

._3-dot-points {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-160 {
  max-width: none;
}

._3-dot-pts-txt {
  color: var(--oxford-blue);
  margin-bottom: 0;
}

._3-dot-pts-div {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  padding-bottom: 56px;
  display: flex;
}

.awards-details-col {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template: "."
                 "."
                 "."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 200px;
  padding-right: 200px;
  display: grid;
}

.awards-text-2 {
  z-index: 10;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: 16px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 450px;
  height: 100%;
  margin: auto;
  padding: 32px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
  box-shadow: 0 10px 20px #0000001a;
}

.awards-text-2.align-centre {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 600px;
  display: flex;
}

.awards-body-2 {
  color: var(--oxford-blue);
  text-align: left;
  align-self: center;
  width: 75%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 22px;
}

.awards-div-1 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65e074e737f1df728173c7cf_toyota.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100px;
  display: block;
}

.awards-logo {
  aspect-ratio: auto;
  mix-blend-mode: hue;
  object-fit: scale-down;
  max-width: none;
  display: block;
}

.awards-div-3-xpert {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65e0165d594349f3903d29e6_mla.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100px;
  display: block;
}

.awards-div-3 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65e06c4e9c61a0d22e58e4ca_sydneywater.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100px;
  display: block;
}

.awards-div-4 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65e06e5758aa91642d74c5fa_rls-logo.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100px;
  display: block;
}

.awards-div-5 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65e06fdd1fd4863df35176bb_howtoo.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100px;
  display: block;
}

.awards-div-6 {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65e070ac8b10765220c5502a_mmg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100px;
  display: block;
}

.here-are-some-celebrated {
  text-align: center;
  justify-content: center;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 40px;
  font-weight: 700;
  display: block;
}

.awards-text-1 {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: auto;
  padding: 32px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
  box-shadow: 0 10px 20px #0000001a;
}

.awards-text-1.align-centre {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 600px;
  display: flex;
}

.customer-ed-form, .customer-ed-txt {
  align-self: flex-start;
  width: 50%;
  padding-left: 0;
}

.div-block-333 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  top: 0;
}

.section-say-hello-customer-ed {
  background-color: var(--white-smoke);
  padding-top: 102px;
  padding-bottom: 140px;
}

._6step-sayhello_img-2 {
  object-fit: fill;
  flex: 0 auto;
  width: 30%;
  height: 100%;
  margin-left: 0;
  position: static;
  inset: 0% 50% 0% 0%;
}

.container-63-copy {
  object-fit: none;
  flex-flow: wrap;
  justify-content: center;
  align-self: auto;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.designed-for-aa {
  position: absolute;
  top: 315.5px;
  left: -3.5px;
}

.awards-div-1-xpert {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65e016719a541e6e1569e8f1_kaplan.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100px;
  display: block;
}

.awards-div-4-xpert {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65e12be5022b6c2251230e85_nswpsc.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100px;
  display: block;
}

.awards-body-7-xpert {
  color: var(--oxford-blue);
  text-align: left;
  align-self: center;
  width: 75%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 22px;
}

.awards-div-7-xpert {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65e0163b71af47abfc45fef1_smithfam.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100px;
  display: block;
}

.cell-3, .cell-4 {
  flex-direction: row;
}

.cell-5 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: row;
  justify-content: center;
}

.cell-6 {
  flex-direction: row;
  justify-content: center;
}

.quick-stack-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.div-block-334 {
  display: flex;
}

.xpert-thank-you-paragraph-2-copy {
  margin-top: 15px;
  display: none;
}

.learning-academy-wrapper-copy {
  flex-direction: column;
  width: 80%;
  display: flex;
}

.section-pricing-generic {
  text-align: left;
  background-color: #f4f7fc;
  flex-direction: column;
  justify-content: center;
  height: auto;
  margin-bottom: 0;
  padding: 100px 0;
  display: flex;
}

.section-hero-learning-strat {
  background-color: var(--oxford-blue);
  object-fit: fill;
  background-image: linear-gradient(#53c6d600 52%, #53c6d64d);
  padding-top: 140px;
  padding-bottom: 40px;
  position: static;
  overflow: hidden;
}

.section-hero-learning-strat.no-overflow {
  width: 100vw;
  overflow: hidden;
}

.learning-strat-img-container {
  z-index: auto;
  border-radius: 8px;
  width: 842px;
  height: 120px;
  display: block;
  position: relative;
  inset: -436px 0% 0% 57%;
  overflow: visible;
  box-shadow: 10px 10px 20px #00000040;
}

.growth-tilt-background-1-copy {
  z-index: 2;
  background-color: var(--oxford-blue);
  object-position: 50% 0%;
  transform-style: preserve-3d;
  width: 100vw;
  height: 390px;
  margin-left: 0;
  position: relative;
  top: 330px;
  transform: rotate(-9deg)scale3d(2, 1, 1);
}

.leadingthewaylink {
  color: var(--oxford-blue);
}

.accessibilitymainimage {
  width: 600px;
  margin-left: 60px;
}

.accessibilitypageimage {
  margin-left: 60px;
  margin-right: 60px;
}

.capterrabutton {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
  position: relative;
}

.capterrabutton:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.capterrabutton:active {
  background-color: var(--navi-6);
}

.capterrabutton.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.capterrabutton.mg-top-32px {
  margin-top: 32px;
}

.capterrabutton.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.capterrabutton.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.capterrabutton.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.capterrabutton.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.capterrabutton.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.capterrabutton.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.capterrabutton.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.capterrabutton.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.capterrabutton.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.capterrabutton.yellow:hover {
  background-color: #ffc53d;
}

.capterrabutton.yellow:active {
  background-color: #ffd666;
}

.capterrabutton.yellow.demo {
  display: none;
}

.capterrabutton.yellow._1line {
  padding-left: 0;
  padding-right: 0;
}

.capterrabutton.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.capterrabutton.cyan:hover {
  background-color: #7ddae3;
}

.capterrabutton.cyan:active {
  background-color: #aaecf0;
}

.capterrabutton.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.capterrabutton.navbar:hover {
  transform: none;
}

.capterrabutton.demo {
  display: none;
}

.navbar-mobile-link-wrapper-copy {
  align-self: center;
  margin-right: 0;
  text-decoration: none;
  transition: opacity .3s;
}

.navbar-mobile-link-wrapper-copy:hover {
  opacity: .6;
}

.navbar-mobile-link-wrapper-copy.w--current {
  text-decoration: none;
}

.webinar-hero-wrapper {
  z-index: 1;
  max-width: 87%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.coursetopicheadingwrapper {
  border-bottom: 1px solid #151528;
  max-width: none;
  margin-bottom: 40px;
}

.coursesubtopicheadingwrapper {
  border-bottom: 0 #151528;
  max-width: none;
  margin-bottom: 0;
}

.heading-105 {
  font-weight: 700;
}

.heading-106 {
  font-weight: 600;
}

.tab-link-category {
  border-radius: 20px;
}

.tab-link-category.tab-toggle-button {
  text-align: center;
  background-color: #0000;
  border: 1px solid #151528;
  border-radius: 8px;
  flex-flow: column;
  display: flex;
}

.tab-link-category.tab-toggle-button:hover {
  background-color: var(--haze);
  color: var(--oxford-blue);
  -webkit-text-stroke-color: var(--haze);
  border-color: #d1d1d1;
}

.tab-link-category.tab-toggle-button.w--current {
  color: var(--white);
  background-color: #151521;
  border-radius: 8px;
  display: flex;
}

.course-cms-library {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: contain;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.tab-toggle-courses {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 40px;
  padding-left: 39px;
  padding-right: 39px;
  display: grid;
}

.tab-toggle-courses-button {
  background-color: #0000;
  display: block;
}

.tab-toggle-courses-button:hover {
  background-color: var(--links);
  color: #fff;
  border-radius: 20px;
}

.tab-toggle-courses-button.w--current {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 5px #0000001a;
}

.tab-toggle-courses-button.w--current:hover {
  background-color: var(--links);
}

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

.tab-pane-all-courses, .tab-pane-course-category {
  object-fit: fill;
}

.container-90 {
  max-width: 1248px;
}

.courselibrarytabtext {
  object-fit: fill;
  flex: 0 auto;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

.text-block-84 {
  flex: 1;
}

.navbar-dropdown-link-block-webinar {
  background-color: var(--white);
  margin-bottom: 0;
  text-decoration: none;
  transition: background-color .2s;
  display: block;
}

.navbar-dropdown-link-block-webinar:hover {
  background-color: var(--haze);
  border-radius: 8px;
}

.navbar-dropdown-link-block-webinar.w--current, .navbar-dropdown-link-block-webinar.hidden {
  display: block;
}

.pricing-faq-drop-down-3 {
  z-index: 40;
  background-color: #fff;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}

.rich-text-block-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  display: block;
}

.time {
  color: #5b5b5b;
  white-space: normal;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.fs_accordion-2_label-2 {
  color: #444453;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
}

.fs_accordion-2_label-2:hover {
  color: #151528;
  padding-left: 0;
  font-weight: 800;
}

.line-item-container {
  border-left: 0 solid #b9b9bf;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.line-item-container:hover {
  background-color: #f0f0f0;
  padding-left: 28px;
}

.line-item-container:visited {
  color: #28293d;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/662b04221a38efacdbb5fa16_tick.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
}

.line-item-container.w--current {
  background-color: #e8e8ea;
  text-decoration: none;
}

.tick {
  display: none;
}

.faq-body-cont-3 {
  border: 4px solid #fff;
  padding: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}

.faq-body-cont-3.no-left-padding-for-mobile, .faq-body-cont-3.no-left-padding-for-mobile-test {
  overflow: hidden;
}

.fs_accordion-2_paragraph-2 {
  -webkit-text-stroke-color: var(--navi-body);
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
}

.fs_accordion-2_paragraph-2:hover {
  padding-left: 0;
}

.fs_accordion-2_paragraph-2.no-underline {
  text-decoration: none;
}

.accordion-heading-3 {
  color: #0d1633;
  cursor: pointer;
  flex: 1;
  align-self: center;
  align-items: center;
  height: 80px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 30px;
  display: flex;
}

.faq-body-3 {
  z-index: 45;
  background-color: #0000;
  width: 100%;
  margin-top: -2px;
  display: block;
  position: relative;
}

.faq-body-3.w--open {
  background-color: #0000;
}

.progress-bar {
  background-color: #e8e8ea;
  border-radius: 8px;
  height: 8px;
  margin-bottom: 16px;
  display: flex;
}

.fs_accordion-2_item-2 {
  border-radius: 16px;
  flex-flow: column;
  margin-bottom: 8px;
  display: flex;
}

.fs_accordion-2_item-2:focus {
  border: 1px solid #000;
}

.youtube-video-2 {
  border-radius: 8px;
  margin-top: 24px;
  overflow: hidden;
}

.page-content {
  background-color: #fff0;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.no-margin-3 {
  word-break: normal;
  margin: 0;
  font-size: 17px;
}

.fs_accordion-2_body-2 {
  color: #080808;
  border-radius: 16px;
  padding: 0 0 .5rem;
}

.fs_accordion-2_header-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #151528;
  cursor: pointer;
  border-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 4px 12px 0;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.fs_accordion-2_header-2:hover {
  border-radius: 4px;
}

.fs_accordion-2_header-2:focus-visible, .fs_accordion-2_header-2[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.fs_accordion-2_header-2.w--current {
  padding-top: 12px;
  padding-bottom: 12px;
}

.fs_accordion-2_component-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 350px;
  display: flex;
}

.c-content-vid-2 {
  margin-bottom: 2em;
}

.h1-2 {
  z-index: 0;
  color: #000c47;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 16px;
  padding-top: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  display: block;
  position: static;
  top: 96px;
}

.sidebar-howtoo2 {
  grid-row-gap: 24px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 220px;
  height: 897px;
  min-height: 897px;
  padding: 0;
  text-decoration: none;
  display: none;
}

.component-checklist {
  background-color: #fff;
  border: 1px solid #d0d0d400;
  border-radius: 8px;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  max-width: 500px;
  padding: 24px;
  display: flex;
  box-shadow: 0 18px 88px #3a42ff24, 0 8px 28px #191c631f;
}

.listitem-heading-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.progress {
  transform-origin: 0%;
  background-color: #52c41a;
  border-radius: 8px;
  width: 1%;
  height: 8px;
  display: block;
}

.para-txt-2 {
  color: #2d2d3e;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}

.content_wrapper {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  order: 0;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 64px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.time-div {
  background-color: #e9e9e9;
  border-radius: 4px;
  padding-left: 6px;
  padding-right: 6px;
  display: none;
}

.content2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 800px;
  margin-bottom: 40px;
  display: block;
}

.html-embed-13 {
  height: auto;
  display: block;
}

.rich-text-block-10 {
  font-family: Inter, sans-serif;
}

.frame-7024 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-7022 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.badge-6 {
  grid-column-gap: 8px;
  background-color: #ffd666;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 8px 8px auto auto;
}

.vectors-wrapper-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 43px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-7 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  text-decoration: none;
  display: flex;
}

.card-buttons {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 250px;
  margin-top: 24px;
  text-decoration: none;
  display: flex;
}

.badge-4 {
  grid-column-gap: 8px;
  background-color: #e8e8ea;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  text-decoration: none;
  display: flex;
}

.label-2 {
  color: #444453;
  letter-spacing: .3px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-decoration: none;
}

.text-10 {
  color: #5c5c69;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.frame-7023 {
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 138px;
  text-decoration: none;
  display: flex;
}

.btn-ai-4 {
  grid-column-gap: 16px;
  background-color: #fff;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 8px 8px #3a42ff1a, 0 4px 6px #191c631a;
}

.btn-ai-4:hover {
  box-shadow: 0 6px 12px #191c631a, 0 8px 24px #3a42ff1a;
}

.text-3 {
  color: #151528;
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.label-5 {
  color: #613400;
  letter-spacing: .3px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-decoration: none;
}

.showcase-3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;
  margin-bottom: 32px;
  text-decoration: none;
  display: flex;
}

.row1-3 {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  text-decoration: none;
  display: flex;
}

.lightbox-btn {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 8px;
  overflow: hidden;
}

.lightbox-btn.shad-lightblue-300 {
  box-shadow: 0 6px 8px #3a42ff1a, 0 8px 16px #191c631a;
}

.row-stats {
  grid-column-gap: 24px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 32px;
  text-decoration: none;
  display: flex;
}

.text-0 {
  color: #000c;
  text-align: center;
  letter-spacing: undefinedundefined;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
  display: flex;
}

.stat3 {
  grid-row-gap: 8px;
  background-color: #fff;
  border: 0 solid #faad14;
  border-left-width: 4px;
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px 24px 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 4px #3a42ff1a, 0 2px 4px #191c631a;
}

.stat1 {
  grid-row-gap: 8px;
  background-color: #fff;
  border: 0 solid #53c6d6;
  border-left-width: 4px;
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 24px 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 4px #3a42ff1a, 0 2px 4px #191c631a;
}

.text-1 {
  color: #000c;
  text-align: center;
  letter-spacing: undefinedundefined;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.stat2 {
  grid-row-gap: 8px;
  background-color: #fff;
  border: 0 solid #53c6d6;
  border-left: 4px solid #ef4787;
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px 24px 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 4px #3a42ff1a, 0 2px 4px #191c631a;
}

.body-12 {
  background-color: #f4f7fc;
}

.button-405 {
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.text-icon-div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.signupimage-2 {
  background-image: linear-gradient(#42426d73, #42426d73), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/66331169406ac5b6bccbd4e7_sidebanner.webp");
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  border: 1px #000;
  border-top-right-radius: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  max-width: 340px;
  margin-top: 66px;
  display: flex;
}

.cyber-banner {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/663a2935d0c1e8232f5b0ac2_cybersecurity-webinar.webp");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 120px;
  display: none;
}

.cyber-container {
  box-sizing: border-box;
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0006;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  width: 55%;
  min-width: 687px;
  max-width: 55%;
  height: 85%;
  padding-left: 24px;
  padding-right: 20px;
  display: flex;
}

.cyber-banner-heading {
  color: #fff;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 32px;
  line-height: 32px;
}

.cyber-banner-text {
  color: var(--grey-4);
  width: auto;
  font-family: Inter, sans-serif;
}

.cyber-text-div {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.register {
  border: 2px solid var(--oxford-blue);
  background-color: var(--oxford-blue);
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 132px;
  height: 44px;
  margin-top: 0;
  padding: 10px 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: opacity .3s;
  display: flex;
}

.register:hover {
  opacity: .5;
}

.register.yellow-nav {
  border-color: var(--howtoo-yellow);
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.register.yellow-nav:hover {
  border-color: var(--yellow-80);
  background-color: var(--howtoo-yellow-hover);
  opacity: 1;
}

.navbar_button_register {
  border: 0px solid var(--oxford-blue);
  background-color: var(--white);
  color: #151528;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: 40px;
  margin-top: 0;
  padding: 10px 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: opacity .3s;
  display: flex;
}

.navbar_button_register:hover {
  background-color: var(--grey-3);
  opacity: 1;
  color: #000;
}

.cyber-register-div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.cyber-banner-text2 {
  color: var(--grey-4);
  text-align: right;
  letter-spacing: 1px;
  width: auto;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

.explore-our-pricing-div {
  margin-bottom: 48px;
  display: block;
}

.pricing-switch-wrapper-hide {
  color: var(--oxford-blue);
  background-color: #eaebf2;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  width: 410px;
  height: 44px;
  margin-bottom: 60px;
  font-family: Nunito Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  display: none;
  position: relative;
  box-shadow: inset 0 1px 1px #00256414;
}

.div-content-enterprise {
  background-color: #fff;
  border-radius: 8px;
  flex-flow: row;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  max-width: 1280px;
  margin: 40px 24px 80px;
  padding: 40px;
  display: flex;
  box-shadow: 0 9px 80px #0003, 8px 0 30px 11px #484b9926;
}

.heading-enterprise {
  text-align: left;
  align-self: center;
  width: 100%;
  font-size: 21px;
  font-weight: 700;
}

.paragraph-enterprise {
  text-align: left;
  margin-bottom: 0;
}

.div-block-enterprise {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.div-chat-enterprise {
  width: 20%;
  margin-top: 0;
}

.div-mal-para {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 900px;
  margin-bottom: 70px;
  display: none;
}

.billingswitch-hide {
  grid-column-gap: 0px;
  color: var(--navi-body);
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-bottom: 20px;
  font-family: Nunito Sans, sans-serif;
  display: block;
}

.billingswitch-hide.calcparagraph {
  text-transform: capitalize;
  font-size: 17px;
}

.div-block-enterprise-text {
  grid-column-gap: 6px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.label-text {
  color: #ad6800;
  letter-spacing: .7px;
  text-transform: uppercase;
  width: auto;
  font-size: 13px;
  font-weight: 800;
  display: flex;
}

.div-enterprise {
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.card-strip-enterprise {
  background-color: var(--howtoo-viking);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: auto;
  max-width: none;
  height: 8px;
  margin-left: -40px;
  margin-right: -40px;
  padding-right: 0;
  display: block;
  position: relative;
  top: -30px;
  left: 0;
  right: 0;
}

.container-seats-and-mal {
  height: auto;
  display: block;
}

.pricing-card-para-copy {
  text-align: left;
  margin-bottom: 0;
  font-weight: 400;
  display: flex;
}

.slider-pricing {
  background-color: #0000;
  height: 100%;
  display: none;
}

.slider-pricing.mg-top-56px {
  display: block;
  overflow: visible;
}

.button-primary-card-test {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  width: 100%;
  height: 56px;
  margin-top: 19px;
  padding: 10px 24px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
  position: relative;
}

.button-primary-card-test:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.button-primary-card-test:active {
  background-color: var(--navi-6);
}

.button-primary-card-test.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-primary-card-test.mg-top-32px {
  margin-top: 32px;
}

.button-primary-card-test.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-primary-card-test.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.button-primary-card-test.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.button-primary-card-test.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-primary-card-test.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.button-primary-card-test.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-primary-card-test.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.button-primary-card-test.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.button-primary-card-test.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-primary-card-test.yellow:hover {
  background-color: #ffc53d;
}

.button-primary-card-test.yellow:active {
  background-color: #ffd666;
}

.button-primary-card-test.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.button-primary-card-test.cyan:hover {
  background-color: #7ddae3;
}

.button-primary-card-test.cyan:active {
  background-color: #aaecf0;
}

.button-primary-card-test.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.button-primary-card-test.navbar:hover {
  transform: none;
}

.button-secondary-card-test {
  clear: none;
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  width: 100%;
  height: 56px;
  margin-top: auto;
  padding: 10px 24px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: inline-block;
}

.button-secondary-card-test:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.button-secondary-card-test.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-secondary-card-test.mg-top-32px {
  margin-top: 32px;
}

.button-secondary-card-test.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-secondary-card-test.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.button-secondary-card-test.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.button-secondary-card-test.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-secondary-card-test.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.button-secondary-card-test.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.button-secondary-card-test.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.button-secondary-card-test.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.button-secondary-card-test.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.button-secondary-card-test.light {
  border-color: var(--white);
  color: var(--white);
}

.button-secondary-card-test.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.button-secondary-card-test.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.button-secondary-card-test.navbar:hover {
  transform: none;
}

.div-block-277-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.div-info-icon {
  opacity: .5;
  cursor: pointer;
  align-self: flex-start;
  max-width: none;
  margin-top: -6px;
  margin-left: 6px;
  display: block;
}

.div-info-icon.tooltip {
  box-shadow: none;
  opacity: .7;
  align-self: flex-start;
  margin-bottom: 0;
  margin-left: 6px;
  padding: 0;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
}

.sc-wrap2-copy {
  width: 100%;
  min-width: 600px;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  display: none;
}

.sc-wrap1-copy {
  grid-row-gap: 20px;
  outline-offset: 0px;
  outline: 3px #444453;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  min-width: 20%;
  max-width: 30%;
  margin: 0 40px;
  padding-left: 0;
  padding-right: 32px;
  display: flex;
  position: relative;
}

.ai-animation-copy {
  aspect-ratio: 16 / 9;
  background-color: var(--white);
  outline-color: var(--white);
  outline-offset: -1px;
  border: 0 solid #fff;
  outline-width: 1px;
  outline-style: solid;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.ai-animation-wrapper-copy {
  border: 16px solid #fff;
  border-radius: 16px;
  width: 80%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  box-shadow: 0 5px 50px 7px #0000001a;
}

.div-block-317-copy {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 0;
  max-width: none;
  display: flex;
}

.sc-heading-copy {
  font-family: Nunito Sans, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 80px;
}

.sc-heading-copy.align-left.white {
  color: var(--white);
  margin-bottom: 10px;
  margin-right: 0;
  font-weight: 700;
}

.sc-heading-copy.align-centre {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}

.sc-heading-copy.align-centre.color-white {
  text-align: left;
}

.sc-heading-copy.align-centre.invert {
  color: var(--white);
  text-align: center;
  margin-bottom: 32px;
  font-size: 56px;
}

.sc-heading-copy.align-centre.lms {
  text-align: left;
  align-self: center;
  font-size: 62px;
  line-height: 70px;
}

.sc-heading-copy.align-centre._2-billion {
  color: var(--white);
  text-align: center;
}

.scorm-creator-hero-copy {
  background-color: var(--white);
  flex-direction: column;
  height: auto;
  min-height: 400px;
  margin: 100px 0;
  padding: 0 40px 0 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.call-out-text-copy {
  color: var(--white);
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-bottom: 16px;
  padding-left: 60px;
  padding-right: 80px;
  font-family: Nunito Sans, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
  display: flex;
}

.call-out-text-copy.color-white.align-centre {
  text-align: center;
}

.call-out-text-copy.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.call-out-text-copy.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.call-out-text-copy.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.call-out-text-copy.max-width-400 {
  max-width: 400px;
}

.call-out-text-copy._2billion {
  color: var(--oxford-blue);
  padding-left: 100px;
  padding-right: 100px;
}

.section-call-out-copy {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667bdb1f91fa19b97fcd3247_quotemarks2.png"), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667bd976609972945f403e0f_quotemarks.png"), linear-gradient(#151528, #15152880), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d83cd2cfed4f247dafa87c_callout-bg2.jpg"), linear-gradient(#ffffff80, #ffffff80);
  background-position: 90% 90px, 10% 25%, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat, repeat, repeat;
  background-size: 12%, 12%, auto, cover, auto;
  background-attachment: scroll, scroll, scroll, fixed, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  padding: 80px 0;
  display: flex;
}

.call-out-text-author {
  color: var(--grey-4);
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-bottom: 0;
  padding-left: 80px;
  padding-right: 80px;
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 42px;
  display: flex;
}

.call-out-text-author.color-white.align-centre {
  text-align: center;
}

.call-out-text-author.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.call-out-text-author.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.call-out-text-author.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.call-out-text-author.max-width-400 {
  max-width: 400px;
}

.call-out-text-author._2-billion {
  color: var(--oxford-blue);
}

.home-h2-copy {
  text-align: center;
  margin-bottom: 13px;
  font-family: Nunito Sans, sans-serif;
  font-size: 58px;
  font-weight: 700;
  line-height: 68px;
  display: flex;
}

.home-h2-copy.color-white.align-centre {
  text-align: center;
}

.home-h2-copy.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.home-h2-copy.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.home-h2-copy.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.home-h2-copy.max-width-400 {
  max-width: 400px;
}

.choose-your-level-text-container-copy-copy {
  z-index: 10;
  max-width: 460px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  inset: 0% 0% auto;
}

.choose-your-level-text-container-copy-copy.align-centre {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 900px;
  display: flex;
}

.body-text-container-copy {
  color: var(--oxford-blue);
  width: 760px;
  margin-bottom: 40px;
}

.align-centre-copy {
  text-align: center;
  justify-content: center;
  font-weight: 700;
  display: block;
}

.align-centre-copy.pricing {
  font-family: Nunito Sans, sans-serif;
  font-size: 50px;
}

.align-centre-copy.pricing.no-margin.no-padding {
  padding: 0;
}

.align-centre-copy.no-margin.with-tag {
  min-width: auto;
}

.align-centre-copy.no-margin.tool {
  color: #000c47;
  letter-spacing: 1px;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 46px;
}

.align-centre-copy.height-72 {
  align-items: center;
  height: 72px;
}

.div-pricing-header {
  flex-flow: column;
  align-self: center;
  display: flex;
}

.bold-text-26 {
  background-image: linear-gradient(30deg, var(--howtoo-viking) 26%, var(--howtoo-pink) 77%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 800;
}

.sc-heading-copy-m {
  font-family: Nunito Sans, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 80px;
}

.sc-heading-copy-m.align-left.white {
  color: var(--white);
  margin-bottom: 10px;
  margin-right: 0;
  font-weight: 700;
}

.sc-heading-copy-m.align-centre {
  text-align: left;
  margin-bottom: 8px;
  display: none;
}

.sc-heading-copy-m.align-centre.color-white {
  text-align: left;
}

.section-features-left, .section-feature-right {
  text-align: left;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 100px 0;
  display: flex;
}

.wrapper-feature {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  place-items: center stretch;
  max-width: 1268px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.wrapper-text {
  flex-flow: column;
  flex: 1;
  align-items: stretch;
  width: 50%;
  display: flex;
}

.wrapper-vid-right {
  border: 16px solid #fff;
  border-radius: 16px;
  justify-content: center;
  width: 50%;
  height: auto;
  margin-left: 40px;
  display: flex;
  box-shadow: 0 5px 50px 7px #0000001a;
}

.section-features-right {
  text-align: left;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 100px 0;
  display: flex;
}

.wrapper-vid-left {
  border: 16px solid #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  height: auto;
  margin-left: 0;
  margin-right: 40px;
  display: flex;
  box-shadow: 0 5px 50px 7px #0000001a;
}

.section-features {
  text-align: left;
  background-image: linear-gradient(#fff0, #fff0);
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 60px 0;
  display: flex;
}

.section-features._2-billion {
  margin-top: 40px;
}

.section-features._2-billion._1 {
  padding-bottom: 20px;
}

.section-features._2-billion._2 {
  margin-bottom: 40px;
}

.featiure-animation {
  aspect-ratio: 16 / 9;
  background-color: var(--white);
  flex: 1;
  width: 100%;
  min-width: 430px;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.featiure-animation.selfrego {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667d1910b19048c9477457cf_self%20rego.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.wrapper-vid {
  border: 16px solid #fffc;
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  box-shadow: 0 5px 50px 7px #0000001a;
}

.feature-body-text {
  text-align: left;
  line-height: 28px;
}

.feature-heading-text {
  text-align: left;
  flex: 1;
  width: 100%;
  margin-bottom: 13px;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  display: flex;
}

.feature-heading-text.color-white.align-centre {
  text-align: center;
}

.feature-heading-text.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.feature-heading-text.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.feature-heading-text.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.feature-heading-text.max-width-400 {
  max-width: 400px;
}

.feature-heading-text.truncated {
  width: 80%;
}

.feature-heading-text.date {
  margin-bottom: 0;
}

.section-partnership {
  background-color: var(--white);
  background-image: linear-gradient(60deg, #54c6d740, #fff0), linear-gradient(225deg, #fcb02480, #fff0);
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: visible;
}

.section-partnership.results {
  z-index: 0;
}

.wrapper-text-2 {
  flex-flow: column;
  flex: 1;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.wrapper-text-2._2-billion {
  width: 100%;
}

.section-feature-hero {
  background-color: #ffffff80;
  flex-flow: column;
  justify-content: center;
  height: 90vh;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.section-feature-hero._2-billion {
  background-color: #fff0;
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/66821b8caa4bfd23fcbc7f77_bg1.webp");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 80vh;
}

.wrapper-feature-hero {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 1268px;
  height: 80vh;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.wrapper-feature-hero.lms {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  height: auto;
}

.wrapper-feature-hero._2-billion {
  justify-content: center;
  align-items: center;
}

.wrapper-hero-text {
  grid-row-gap: 20px;
  outline-offset: 0px;
  outline: 3px #444453;
  flex-direction: column;
  align-items: stretch;
  width: 25%;
  min-width: 300px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.wrapper-hero-text.lms {
  align-self: center;
  width: 28%;
  min-width: 300px;
}

.wrapper-vid-hero {
  border: 16px solid #fffc;
  border-radius: 16px;
  flex-flow: column;
  width: auto;
  min-width: 60%;
  height: auto;
  margin-top: 0;
  display: flex;
  box-shadow: 0 5px 50px 7px #0000001a;
}

.wrapper-vid-hero.lms {
  min-width: 60%;
}

.ai-gradient-txt {
  background-image: linear-gradient(30deg, var(--howtoo-viking) 26%, var(--howtoo-pink) 77%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 800;
  display: inline-block;
}

.bg-blur-blue {
  z-index: -1;
  background-color: var(--howtoo-viking);
  filter: blur(50px);
  border-radius: 300px;
  align-self: center;
  width: 30vw;
  max-width: 350px;
  height: 30vw;
  max-height: 350px;
  position: absolute;
  inset: auto;
}

.section-features-all {
  background-color: #ffffff4d;
  flex-flow: column;
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  overflow: hidden;
}

.wrapper-logo-carousel {
  background-color: var(--oxford-blue);
  background-image: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 50px;
  display: flex;
}

.wrapper-logo-carousel.no-btn {
  padding-bottom: 0;
}

.marquee-horizontal-large2 {
  z-index: 200;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 150px;
  margin-bottom: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-partnership {
  z-index: 1;
  width: 500px;
  margin-left: 60px;
  padding-top: 20px;
  position: absolute;
  inset: auto 8% 0% auto;
}

.image-partnership._2-billion {
  z-index: -5;
  order: -1;
  width: 45%;
  max-width: 50%;
  margin-left: 0;
  padding-top: 0;
  position: absolute;
  left: 3px;
  right: auto;
}

.wrapper-text-partnership {
  flex-direction: column;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.wrapper-text-partnership._2-billion {
  justify-content: flex-start;
  align-items: flex-start;
  width: 55%;
  margin-left: auto;
}

.wrapper-partnership {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch flex-start;
  place-items: center stretch;
  max-width: 1268px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.bg-blur-blue-hero {
  z-index: -1;
  background-color: var(--howtoo-viking);
  filter: blur(50px);
  perspective-origin: 50%;
  transform-origin: 50% 60%;
  border-radius: 300px;
  align-self: center;
  width: 30vw;
  max-width: 350px;
  height: 30vw;
  max-height: 350px;
  position: absolute;
  inset: 23% 25% auto auto;
}

.bg-blur-blue-hero.lms {
  top: 54%;
}

.bg-blur-yellow-hero {
  z-index: -1;
  background-color: var(--howtoo-yellow);
  filter: blur(50px);
  perspective-origin: 50%;
  transform-origin: 50% 20%;
  border-radius: 300px;
  align-self: center;
  width: 25vw;
  max-width: 350px;
  height: 25vw;
  max-height: 350px;
  position: absolute;
  inset: 40% 36% auto auto;
}

.bg-blur-yellow-hero.lms {
  top: 69%;
  right: 63%;
}

.bg-blur-pink-hero {
  z-index: -1;
  background-color: var(--howtoo-pink);
  filter: blur(50px);
  perspective-origin: 50%;
  transform-origin: 50% 60%;
  border-radius: 300px;
  align-self: center;
  width: 30vw;
  max-width: 350px;
  height: 30vw;
  max-height: 350px;
  position: absolute;
  inset: 30% 10% auto auto;
}

.bg-blur-pink-hero.lms {
  top: 73%;
  right: 17%;
}

.section-ai-create {
  text-align: left;
  background-image: linear-gradient(265deg, #151528cc, #15152880), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667baac2233d8a2e876786e6_sparkles%20bg.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 160px 0;
  display: flex;
}

.wrapper-2btns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  justify-content: center;
  display: flex;
}

.bg-blur-mob-2, .bg-blur-mob-1, .bg-blur-mob-4, .bg-blur-mob-3 {
  z-index: -1;
  background-color: var(--howtoo-viking);
  filter: blur(50px);
  border-radius: 300px;
  align-self: center;
  width: 30vw;
  max-width: 350px;
  height: 30vw;
  max-height: 350px;
  display: none;
  position: absolute;
  inset: auto;
}

.featiure-animation-academy {
  aspect-ratio: 2;
  background-color: var(--white);
  flex: 1;
  width: 100%;
  min-width: 430px;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.featiure-animation-editor {
  aspect-ratio: 16 / 9;
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667c061751840ca7d23197f7_editor.gif");
  background-position: 0 0;
  background-size: cover;
  flex: 1;
  width: 100%;
  min-width: 430px;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.featiure-animation-reports {
  aspect-ratio: 16 / 9;
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667ca0e7c026011fa202fcaf_reports.gif");
  background-position: 0 0;
  background-size: auto;
  flex: 1;
  width: 100%;
  min-width: 430px;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.body-13 {
  overflow: visible;
}

.section-feature-hero-copy {
  background-color: #ffffff80;
  flex-flow: column;
  justify-content: center;
  height: 90vh;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.section-webinar-hero {
  background-color: #151528;
  height: auto;
}

.section-txtandform {
  text-align: left;
  background-image: linear-gradient(#fff0, #fff0);
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 60px 0;
  display: flex;
}

.wrapper-hubspot-form {
  border: 16px solid #fffc;
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 24px 40px 40px;
  display: flex;
  box-shadow: 0 5px 50px 7px #0000001a;
}

.section-speakers {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--haze);
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667e4b759a036b96b200e33a_grad.png"), linear-gradient(#fff0, #fff0);
  background-position: 50% -100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 130vw, auto;
  flex-flow: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 60px 0;
  display: flex;
}

.wrapper-speaker {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  place-items: center stretch;
  max-width: 1268px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.wrapper-speakers-all {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 700px;
  max-width: 800px;
  display: flex;
}

.image-162 {
  max-width: 160px;
}

.heading-speaker {
  text-align: center;
  justify-content: center;
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  display: block;
}

.heading-speaker.date {
  text-align: left;
  margin-bottom: 0;
}

.section-date-time {
  text-align: left;
  background-image: linear-gradient(#fff0, #fff0);
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 60px 0;
  display: flex;
}

.wrapper-date-time {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.heading-speaker-copy {
  text-align: center;
  justify-content: center;
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  display: block;
}

.section-what-to-expect {
  text-align: left;
  background-image: linear-gradient(#fff0, #fff0);
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 60px 0;
  display: flex;
}

.section-what-to-expect._2-billion {
  margin-bottom: 40px;
  padding-top: 20px;
}

.ai-img {
  width: 55%;
}

.ai-img._2-billion {
  width: 45%;
}

.future-of-training-banner-mob {
  display: none;
}

.section-banner-future-of-training {
  background-image: linear-gradient(24deg, #53c6d680, #53c6d64d 10%, #fff 30% 70%, #ed4d8a4d 90%, #ed4d8a80);
  background-position: 0 0;
  justify-content: center;
  display: block;
}

.wrapper-banner-f-o-t {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 140px;
  display: none;
}

.wrapper-banner-date {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 20%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.banner-img3-f-o-t {
  align-self: flex-start;
  width: 25%;
  height: auto;
}

.banner-img1-f-o-t {
  width: 25%;
  margin-left: 0%;
  margin-right: 0%;
}

.banner-img2-f-o-t {
  width: 100%;
  max-width: 100%;
}

.wrapper-banner-f-o-t2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  max-width: 1440px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: none;
}

.register-now-btn {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  height: 44px;
  margin-top: 0;
  padding: 12px 32px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: flex;
}

.register-now-btn:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.register-now-btn:active {
  background-color: var(--navi-6);
}

.register-now-btn.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.register-now-btn.mg-top-32px {
  margin-top: 32px;
}

.register-now-btn.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.register-now-btn.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.register-now-btn.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.register-now-btn.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.register-now-btn.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.register-now-btn.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.register-now-btn.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.register-now-btn.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.register-now-btn.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.register-now-btn.yellow:hover {
  background-color: #ffc53d;
}

.register-now-btn.yellow:active {
  background-color: #ffd666;
}

.register-now-btn.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.register-now-btn.cyan:hover {
  background-color: #7ddae3;
}

.register-now-btn.cyan:active {
  background-color: #aaecf0;
}

.register-now-btn.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.register-now-btn.navbar:hover {
  transform: none;
}

.section-2-billion-in-skills {
  background-color: var(--oxford-blue);
  background-image: linear-gradient(#53c6d600 30%, #53c6d64d);
  flex-direction: column;
  height: auto;
  min-height: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: none;
  position: relative;
  overflow: hidden;
}

.section-call-out-2-billion {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667bdb1f91fa19b97fcd3247_quotemarks2.png"), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667bd976609972945f403e0f_quotemarks.png"), linear-gradient(#ffd88df2, #fcb01fed), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d83cd2cfed4f247dafa87c_callout-bg2.jpg"), linear-gradient(#ffffff80, #ffffff80);
  background-position: 90% 90px, 10% 25%, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat, repeat, repeat;
  background-size: 12%, 12%, auto, cover, auto;
  background-attachment: scroll, scroll, scroll, fixed, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  padding: 80px 0;
  display: flex;
}

.wrapper-hero-text-2-billion {
  grid-row-gap: 20px;
  outline-offset: 0px;
  color: #fff;
  outline: 3px #444453;
  flex-direction: column;
  align-items: center;
  width: 78%;
  min-width: 300px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.wrapper-hero-text-2-billion.lms {
  align-self: center;
  width: 28%;
  min-width: 300px;
}

.link-2-billion {
  color: var(--white);
  font-weight: 500;
}

.div-txt-signup {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.paragraph-71 {
  display: none;
}

.div-logo-row-signup {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-trusted-by-signup {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  margin-left: 24px;
  margin-right: 32px;
  padding-bottom: 0;
  display: flex;
}

.text-icon-div-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  display: none;
}

.image-163, .image-164 {
  opacity: .8;
}

.div-signup-logo3 {
  width: 57%;
  padding-left: 4px;
}

.div-signup-logo4 {
  width: 55%;
  padding-left: 8px;
}

.div-signup-logo1 {
  width: 50%;
}

.div-signup-logo2 {
  width: 45%;
}

.div-logo-row-signup-copy {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-trusted-by-signup-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  margin-left: 32px;
  margin-right: 24px;
  display: none;
}

.div-logo-row-signup-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  display: flex;
}

.div-signup-logo4-copy {
  width: 55%;
  padding-left: 8px;
}

.div-signup-logo4a {
  margin-left: -16px;
  padding-left: 0;
}

.page-wrapper-5, .page-wrapper-6 {
  display: none;
}

.paragraph-72 {
  margin-bottom: 24px;
}

.demo-logos-wide {
  grid-column-gap: 8px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
  width: 100%;
  margin-top: 40px;
}

.demo-logos-wide.centered {
  margin-bottom: 40px;
}

.lp-council-hero-container {
  max-width: 1248px;
  margin-top: 40px;
  padding-left: 24px;
  padding-right: 24px;
}

.lp-councils-hero-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: 1248px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.lp-section-2-text-wrapper-councils {
  width: 55%;
}

.image-132-councils {
  z-index: -1;
  object-fit: cover;
  height: 100%;
  margin-left: 40px;
  position: absolute;
  inset: 0% 0% 0% 50%;
}

.lp_council_section-1 {
  background-color: var(--oxford-blue);
  background-image: linear-gradient(#53c6d600 37%, #53c6d666);
  flex-direction: column;
  align-items: stretch;
  padding: 140px 24px;
  overflow: hidden;
}

.div-quote-name {
  flex-flow: column;
  margin-bottom: 16px;
  display: flex;
}

.body-text-container-copy2 {
  color: var(--oxford-blue);
  text-align: center;
  width: auto;
  margin-bottom: 56px;
  display: block;
}

.ai-heading-copy {
  text-align: center;
  width: auto;
  display: block;
}

.ai-heading-copy.ai {
  color: var(--grey-3);
}

.xpert---section-2---text-wrapper-copy {
  align-self: center;
  width: 600px;
}

.body-text-container-copy3 {
  color: var(--oxford-blue);
  text-align: center;
  width: auto;
  margin-bottom: 0;
  display: block;
}

.heading-108 {
  text-align: center;
  width: 600px;
}

.mo-yr {
  margin-left: 4px;
}

.partners-hero-section {
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
}

.partners-hero-section.bg_navi {
  background-color: var(--oxford-blue);
  background-image: none;
}

.partners-hero-section.bg_offwhite {
  background-color: var(--white-smoke);
}

.partners-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  perspective: 1000px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.partners-container.subscribe-hr {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding-top: 24px;
  padding-bottom: 40px;
}

.partners-container.subscribe-hr-video {
  flex-flow: column;
  padding-top: 24px;
  padding-bottom: 24px;
}

.partners-wrapper {
  color: var(--white);
  text-align: center;
  width: 580px;
}

.body-hero-partners {
  text-align: left;
  line-height: 28px;
}

.body-hero-partners.body-white {
  text-align: center;
}

.body-hero-partners.subscribe-hr {
  text-align: left;
  margin-bottom: 16px;
}

.body-hero-partners.subscribe-hr.para {
  text-align: center;
  margin-bottom: 0;
}

.body-hero-partners.first-para {
  margin-bottom: 32px;
}

.body-hero-partners.subheading {
  color: var(--oxford-blue);
  -webkit-text-stroke-color: var(--navi-9);
}

.heading-hero-partners {
  text-align: left;
}

.partners-hero-button-wrapper {
  text-align: left;
  padding-top: 16px;
}

.partners-cta-btn {
  background-color: var(--oxford-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  height: 56px;
  margin-top: 0;
  padding: 12px 40px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.partners-cta-btn:hover {
  background-color: var(--navi-8);
  color: #fff;
  transform: translate(0, -2px);
}

.partners-cta-btn:active {
  background-color: var(--navi-6);
}

.partners-cta-btn.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.partners-cta-btn.mg-top-32px {
  margin-top: 32px;
}

.partners-cta-btn.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.partners-cta-btn.large {
  height: 64px;
  padding: 16px 56px;
  font-size: 20px;
  line-height: 32px;
}

.partners-cta-btn.small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 24px;
}

.partners-cta-btn.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.partners-cta-btn.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.partners-cta-btn.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.partners-cta-btn.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.partners-cta-btn.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.partners-cta-btn.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.partners-cta-btn.yellow:hover {
  background-color: #ffc53d;
}

.partners-cta-btn.yellow:active {
  background-color: #ffd666;
}

.partners-cta-btn.cyan {
  background-color: var(--howtoo-viking);
  color: var(--neutral-800);
}

.partners-cta-btn.cyan:hover {
  background-color: #7ddae3;
}

.partners-cta-btn.cyan:active {
  background-color: #aaecf0;
}

.partners-cta-btn.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 9px 20px 8px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.partners-cta-btn.navbar:hover {
  transform: none;
}

.section-partners-grad {
  background-color: var(--white);
  background-image: linear-gradient(60deg, #54c6d740, #fff0), linear-gradient(225deg, #fcb02480, #fff0);
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
  overflow: visible;
}

.section-partners-grad.results {
  z-index: 0;
}

.wrapper-partners {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch flex-start;
  place-items: center stretch;
  max-width: 1268px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.wrapper-partners-cards {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  perspective: 1000px;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.wrapper-partners-cards._2-billion {
  width: 100%;
}

.wrapper-text-partners {
  flex-direction: column;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.wrapper-text-partners._2-billion {
  justify-content: flex-start;
  align-items: flex-start;
  width: 55%;
  margin-left: auto;
}

.benefits-body-text {
  text-align: center;
  margin-bottom: 8px;
  line-height: 28px;
}

.benefits-body-text.left {
  color: var(--grey-4);
  text-align: left;
  margin-bottom: 0;
}

.benefits-body-text.left.bold {
  color: var(--haze);
  margin-bottom: 8px;
}

.benefits-body-text.left._50-width {
  width: 60%;
}

.benefits-body-text.left._40-width {
  width: 50%;
}

.benefits-body-text.left._90 {
  width: 100%;
}

.benefits-body-text.bold {
  color: var(--haze);
}

.benefits-body-text.bold.dark {
  margin-bottom: 0;
}

.benefits-body-text.white {
  color: var(--haze);
  font-weight: 400;
}

.benefits-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ffffff1a;
  background-image: none;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  width: 25%;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 40px #0000001a;
}

.image-165 {
  align-self: center;
  width: 60px;
  height: 60px;
}

.partners-h2 {
  text-align: left;
  display: block;
}

.partners-h2.ai {
  color: var(--grey-3);
}

.wrapper-partners-heading {
  text-align: left;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 13px;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  display: flex;
}

.wrapper-partners-heading.color-white.align-centre {
  text-align: center;
}

.wrapper-partners-heading.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.wrapper-partners-heading.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.wrapper-partners-heading.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.wrapper-partners-heading.max-width-400 {
  max-width: 400px;
}

.wrapper-partners-heading.truncated {
  width: 80%;
}

.wrapper-partners-heading.date {
  margin-bottom: 0;
}

.wrapper-partners-heading.left {
  justify-content: flex-start;
  align-items: flex-start;
}

.section-partners-dark {
  background-color: #2d2d3e;
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
}

.section-partners-dark.bg_navi {
  background-color: var(--oxford-blue);
  background-image: none;
}

.section-partners-dark.bg_offwhite {
  background-color: var(--white-smoke);
}

.benefits-card-dark1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #151528;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/67219ae62cb5809889460eda_avail-1.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 48%;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 50%;
  padding: 32px;
  display: flex;
  box-shadow: 0 4px 40px #0000001a;
}

.benefits-card-dark2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #151528;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/67219dd139c4cb21c5991fda_avail-3.jpg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  height: auto;
  padding: 32px;
  display: flex;
  box-shadow: 0 4px 40px #0000001a;
}

.wrapper-partners-cards-horizontal {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  display: flex;
}

.wrapper-partners-cards-vert {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.benefits-card-dark3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #151528;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/67219cf11b837c6d8a57bb19_avail-2.jpg");
  background-position: 150px;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-self: auto;
  align-items: stretch;
  width: 50%;
  padding: 32px;
  display: flex;
  box-shadow: 0 4px 40px #0000001a;
}

.benefits-card-dark4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #151528;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/67219b1b01bbcbc2423ab92c_avail-4.jpg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 50%;
  padding: 32px;
  display: flex;
  box-shadow: 0 4px 40px #0000001a;
}

.section-partners-light {
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
}

.section-partners-light.bg_navi {
  background-color: var(--oxford-blue);
  background-image: none;
}

.section-partners-light.bg_offwhite {
  background-color: var(--white-smoke);
}

.program-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 8px solid var(--howtoo-viking);
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 35%;
  padding: 32px;
  display: flex;
  box-shadow: 0 4px 40px #0000001a;
}

.program-body-text {
  text-align: left;
  margin-bottom: 8px;
  line-height: 28px;
}

.program-body-text.left {
  color: var(--grey-4);
  text-align: left;
  margin-bottom: 0;
}

.program-body-text.left.bold {
  color: var(--haze);
  margin-bottom: 8px;
}

.program-body-text.left._50-width {
  width: 60%;
}

.program-body-text.left._40-width {
  width: 50%;
}

.program-body-text.bold {
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 800;
}

.program-cards-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 8px solid var(--howtoo-yellow);
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  width: 35%;
  padding: 32px;
  display: flex;
  box-shadow: 0 4px 40px #0000001a;
}

.learn-more-btn {
  clear: none;
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 48px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 20px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: flex;
}

.learn-more-btn:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.learn-more-btn.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.learn-more-btn.mg-top-32px {
  margin-top: 32px;
}

.learn-more-btn.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.learn-more-btn.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.learn-more-btn.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.learn-more-btn.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.learn-more-btn.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.learn-more-btn.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.learn-more-btn.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.learn-more-btn.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.learn-more-btn.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.learn-more-btn.light {
  border-color: var(--white);
  color: var(--white);
}

.learn-more-btn.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.learn-more-btn.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.learn-more-btn.navbar:hover {
  transform: none;
}

.learn-more-wrapper {
  justify-content: flex-end;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.program-card-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.list-item-26, .list-item-27, .list-item-28 {
  text-align: left;
  padding-top: 4px;
  padding-bottom: 4px;
}

.list-5 {
  margin-bottom: 16px;
}

.partners-wrapper-2 {
  color: var(--white);
  text-align: center;
  width: 45%;
}

.enablement-card-dark1 {
  background-color: #151528;
  border-radius: 8px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  height: 240px;
  padding: 0;
  display: flex;
  overflow: clip;
}

.enablement-card-dark3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #151528;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  padding-top: 0;
  display: flex;
  box-shadow: 0 4px 40px #0000001a;
}

.enablement-body-white {
  color: var(--grey-3);
  text-align: center;
  margin-bottom: 8px;
}

.bold-text-27 {
  font-size: 15px;
  font-weight: 400;
}

.enablement-card-dark4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #151528;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6721bb761b71d87ec61a3799_enablement%204.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  height: 240px;
  display: flex;
  box-shadow: 0 4px 40px #0000001a;
}

.enablement-card-dark2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #151528;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6721b2cd212970f1d3895179_enablement%202.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: clip;
}

.enablement-card-dark1-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #151528;
  background-image: linear-gradient(#15152800 17%, #151528cc 58%, #151528), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6721b2cdee1cfde218bfe3b8_enablement%201.jpg");
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-self: auto;
  align-items: stretch;
  width: 33%;
  padding: 32px;
  display: flex;
  box-shadow: 0 4px 40px #0000001a;
}

.enablement-card-dark5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #151528;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6721baf381101f87e5e1441c_enablement%205.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  display: flex;
  box-shadow: 0 4px 40px #0000001a;
}

.enablement-card-dark6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #151528;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6721bb76173c3821c0d001b8_enablement%206.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  display: flex;
  box-shadow: 0 4px 40px #0000001a;
}

.enablement-blur {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(#15152880, #151528 68%);
  border-radius: 0 0 8px 8px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 42%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  position: relative;
  top: -100px;
  overflow: visible;
}

.section-partners-faq {
  padding-top: 64px;
  padding-bottom: 64px;
}

.partners-faq-container {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.partners-faq-container.centre {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1248px;
  padding-left: 24px;
  padding-right: 24px;
}

.faq-container-copy {
  align-self: center;
  min-width: 600px;
  max-width: 800px;
  margin-bottom: 0;
}

.heading-109 {
  align-self: center;
}

.partners-modal-wrapper {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.partners-modal-bg {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  cursor: default;
  background-color: #0009;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.partners-modal-card {
  box-sizing: border-box;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 0px none var(--howtoo-viking);
  cursor: default;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 90%;
  max-width: 1336px;
  height: auto;
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 48px;
  display: flex;
  position: static;
  overflow: auto;
  box-shadow: 0 4px 40px #0000001a;
}

.partners-modal-heading {
  text-align: left;
  margin-bottom: 8px;
  line-height: 28px;
}

.partners-modal-heading.left {
  color: var(--grey-4);
  text-align: left;
  margin-bottom: 0;
}

.partners-modal-heading.left.bold {
  color: var(--haze);
  margin-bottom: 8px;
}

.partners-modal-heading.left._50-width {
  width: 60%;
}

.partners-modal-heading.left._40-width {
  width: 50%;
}

.partners-modal-heading.bold {
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 800;
}

.partners-modal-text {
  text-align: left;
  margin-bottom: 8px;
  line-height: 28px;
}

.partners-modal-text.left {
  color: var(--grey-4);
  text-align: left;
  margin-bottom: 0;
}

.partners-modal-text.left.bold {
  color: var(--haze);
  margin-bottom: 8px;
}

.partners-modal-text.left._50-width {
  width: 60%;
}

.partners-modal-text.left._40-width {
  width: 50%;
}

.partners-modal-text.bold {
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 800;
}

.partners-bullet-line-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 33.33%;
  display: flex;
}

.partners-modal-icons {
  width: 70px;
  height: 70px;
}

.partners-lines-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  display: flex;
}

.partners-modal-columns {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.partners-modal-h1 {
  text-align: left;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 13px;
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  display: flex;
}

.partners-modal-h1.color-white.align-centre {
  text-align: center;
}

.partners-modal-h1.color-white.align-centre.gradient-lime {
  max-width: 720px;
}

.partners-modal-h1.home-h2-gradient {
  background-image: linear-gradient(to right, var(--howtoo-viking), #ffb176 53%, #d191aa);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.partners-modal-h1.home-h2-gradient.home-h2-bold {
  background-image: linear-gradient(to right, #98dde7, #e4f6bb 53%, #fdd07c);
  font-weight: 700;
}

.partners-modal-h1.max-width-400 {
  max-width: 400px;
}

.partners-modal-h1.truncated {
  width: 80%;
}

.partners-modal-h1.date {
  margin-bottom: 0;
}

.partners-modal-h1.left {
  justify-content: flex-start;
  align-items: flex-start;
}

.partners-modal-h1-bold {
  text-align: left;
  display: block;
}

.partners-modal-h1-bold.ai {
  color: var(--grey-3);
}

.partners-modal-left-column {
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.partners-modal-divider {
  background-color: #dadada;
  justify-content: space-between;
  height: 1px;
  display: flex;
}

.partners-case1-line1 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  display: flex;
}

.partners-case1-img-div {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6721ea5581101f87e50a0ad8_case%20study1a.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 50%;
}

.partners-case1-txt {
  text-align: left;
  margin-bottom: 8px;
  line-height: 28px;
}

.partners-case1-txt.left {
  color: var(--grey-4);
  text-align: left;
  margin-bottom: 0;
}

.partners-case1-txt.left.bold {
  color: var(--haze);
  margin-bottom: 8px;
}

.partners-case1-txt.left._50-width {
  width: 60%;
}

.partners-case1-txt.left._40-width {
  width: 50%;
}

.partners-case1-txt.bold {
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 800;
}

.partners-case1-text-wrapper {
  align-self: center;
  width: 80%;
}

.partners-case1-img2-div {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6722b84900c34d4f3b09857a_case%20study1b.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 50%;
  height: 200px;
}

.partners-case1-img3-div {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6722b848a451590a3f8efc79_case%20study1c.jpg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 8px;
  width: 50%;
}

.partners-case1-columns {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  display: block;
}

.partners-case1-container {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: column;
  display: flex;
}

.button-406 {
  position: absolute;
}

.modal-x-button {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: static;
  right: 10%;
}

.modal-x-button:hover {
  background-color: var(--grey-4);
  border-radius: 20px;
}

.slide-23 {
  padding: 32px 80px;
}

.partners-carousel-slides {
  background-color: var(--haze);
  vertical-align: middle;
  border-radius: 0;
  height: auto;
  margin-bottom: -32px;
  padding: 32px 80px;
  position: relative;
}

.icon-30 {
  color: var(--grey-3);
}

.icon-30:hover {
  color: var(--oxford-blue);
}

.icon-31 {
  color: var(--grey-3);
}

.icon-31:hover {
  color: var(--neutral-800);
}

.slide-nav-11 {
  border: 0px solid var(--oxford-blue);
  color: var(--oxford-blue);
  margin-bottom: 0;
  padding-top: 32px;
  padding-bottom: 0;
  position: relative;
  top: 24px;
}

.mask-15 {
  background-color: #0000;
  border-radius: 8px;
  overflow: hidden;
}

.slider-12 {
  background-color: var(--haze);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: auto;
  margin-bottom: 32px;
  display: flex;
  position: relative;
  overflow: visible;
}

.partners-examples-heading {
  text-align: left;
  margin-bottom: 8px;
  line-height: 28px;
  display: none;
}

.partners-examples-heading.left {
  color: var(--grey-4);
  text-align: left;
  margin-bottom: 0;
}

.partners-examples-heading.left.bold {
  color: var(--haze);
  margin-bottom: 8px;
}

.partners-examples-heading.left._50-width {
  width: 60%;
}

.partners-examples-heading.left._40-width {
  width: 50%;
}

.partners-examples-heading.bold {
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 800;
}

.partners-modal-wrapper-2 {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.partners-case1-img2-div-copy {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6721ea5510420cafdd3e221f_case%20study2b.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 50%;
  height: 200px;
}

.partners-case2-img-div {
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6721ea557994af1f05750ba5_case%20study2a.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 50%;
}

.learn-more-btn-2 {
  clear: none;
  border: 2px solid var(--oxford-blue);
  color: var(--oxford-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 48px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 20px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 32px;
  transition: color .3s, border-color .3s, opacity .3s, transform .3s;
  display: flex;
}

.learn-more-btn-2:hover {
  border-color: var(--navi-8);
  opacity: .75;
  color: var(--navi-8);
  transform: translate(0, -2px);
}

.learn-more-btn-2.button-blue {
  background-color: #0b6dff;
  transition: color .3s, transform .3s, background-color .3s;
}

.learn-more-btn-2.mg-top-32px {
  margin-top: 32px;
}

.learn-more-btn-2.full-width {
  align-self: stretch;
  width: 100%;
  display: block;
}

.learn-more-btn-2.large {
  align-items: center;
  height: 64px;
  padding: 20px 56px 12px;
  font-size: 20px;
  line-height: 20px;
}

.learn-more-btn-2.small {
  align-items: flex-start;
  height: 44px;
  padding: 8px 40px;
  font-size: 16px;
  line-height: 24px;
}

.learn-more-btn-2.small.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.learn-more-btn-2.button-white {
  color: #0b6dff;
  background-color: #fff;
}

.learn-more-btn-2.button-blue {
  -webkit-text-fill-color: inherit;
  background-color: #afb0b0;
  background-clip: border-box;
  transition: color .3s, transform .3s, background-color .3s;
}

.learn-more-btn-2.button-blue:hover {
  color: #0b6dff;
  background-color: #fff;
}

.learn-more-btn-2.button-blue.hover-dark:hover {
  color: #fff;
  background-color: #080808;
}

.learn-more-btn-2.yellow {
  background-color: var(--howtoo-yellow);
  color: var(--oxford-blue);
}

.learn-more-btn-2.light {
  border-color: var(--white);
  color: var(--white);
}

.learn-more-btn-2.light:hover {
  color: #f4f7fc;
  border-color: #f4f7fc;
}

.learn-more-btn-2.navbar {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.learn-more-btn-2.navbar:hover {
  transform: none;
}

.wrapper-partners-cards-dark {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.wrapper-partners-cards-program {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  order: 0;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.wrapper-partners-cards-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: grid;
  overflow: clip;
}

.partners-wrapper-hero {
  color: var(--white);
  text-align: center;
  width: 580px;
}

.partners-wrapper-hero.subscribe-hr {
  width: 60%;
}

.partners-wrapper-hero-img {
  color: var(--white);
  text-align: center;
  width: 580px;
}

.partners-wrapper-hero-img.subscribe-hr {
  height: auto;
  overflow: hidden;
}

.partners-wrapper-hero-img.howtoo {
  grid-column-gap: 88px;
  grid-row-gap: 88px;
  flex-flow: column;
  width: 360px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
}

.body-partners-2 {
  text-align: left;
  line-height: 28px;
}

.icon-30-right {
  color: var(--grey-3);
}

.icon-30-right:hover {
  color: var(--oxford-blue);
}

.image-167 {
  display: block;
}

.image-168 {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 0 0 30px 30px;
  width: 100%;
  height: 100%;
  position: static;
  inset: 0%;
  overflow: clip;
}

.div-block-337 {
  border-radius: 8px;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: flex-end;
  height: 100%;
  display: block;
  position: static;
  overflow: clip;
}

.benefits-card-dark4-mob {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #151528;
  background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/67219b1b01bbcbc2423ab92c_avail-4.jpg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 50%;
  padding: 32px;
  display: none;
  box-shadow: 0 4px 40px #0000001a;
}

.card-3d-highlight {
  z-index: -200;
  filter: blur(50px);
  background-color: #ffffff80;
  border-radius: 50%;
  width: 280px;
  height: 280px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: clip;
}

.button-blue-grad {
  background-image: linear-gradient(#3a7cff, #3a42ff);
  border-radius: 8px;
  height: 44px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  display: none;
}

.button-blue-grad:hover {
  background-image: linear-gradient(#246dff, #212aff);
}

.button-blue-grad-2 {
  background-image: linear-gradient(#3a7cff, #3a42ff);
  border-radius: 8px;
  height: 44px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  display: none;
}

.button-blue-grad-2:hover {
  background-image: linear-gradient(#246dff, #212aff);
}

.button-blue-grad-3 {
  background-image: linear-gradient(#3a7cff, #3a42ff);
  border-radius: 8px;
  height: 44px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  display: none;
}

.button-blue-grad-3:hover {
  background-image: linear-gradient(#246dff, #212aff);
}

.iframe-form-div {
  width: 100%;
  height: 100vh;
}

.code-embed {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.wrapper-hero-text-subscribe {
  grid-row-gap: 0px;
  outline-offset: 0px;
  color: #fff;
  outline: 3px #444453;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 300px;
  margin: 0 0 16px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.wrapper-hero-text-subscribe.lms {
  align-self: center;
  width: 28%;
  min-width: 300px;
}

.list-item-29 {
  text-align: left;
}

.subscribe-hr-list {
  margin-bottom: 32px;
}

.section-partners-list {
  background-color: var(--white);
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
}

.section-partners-list.bg_navi {
  background-color: var(--oxford-blue);
  background-image: none;
}

.section-partners-list.bg_offwhite {
  background-color: var(--white-smoke);
}

.wrapper-partners-logo {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  order: 0;
  justify-content: center;
  align-items: stretch;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.div-partners-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: flex;
}

.div-partner-learn-more {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  height: auto;
  display: none;
}

.div-partner-learn-more.s-hr {
  display: block;
}

.div-partner-logos {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 70%;
  height: 100px;
  display: flex;
}

.partners-logo-text {
  text-align: center;
  margin-bottom: 8px;
  line-height: 28px;
}

.partners-logo-text.left {
  color: var(--grey-4);
  text-align: left;
  margin-bottom: 0;
}

.partners-logo-text.left.bold {
  color: var(--haze);
  margin-bottom: 8px;
}

.partners-logo-text.left._50-width {
  width: 60%;
}

.partners-logo-text.left._40-width {
  width: 50%;
}

.partners-logo-text.bold {
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: 800;
}

.div-partners-list-1 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: stretch;
  width: 28%;
  height: auto;
  display: flex;
}

.div-partner-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 64px;
  padding-right: 64px;
  display: grid;
}

.div-partner-list-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.go1-logo {
  height: 70%;
}

.div-partner-learn-more-hidden {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  height: auto;
  display: none;
}

.div-partners-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  width: 28%;
  height: auto;
  display: flex;
}

.partners-hero-section-1 {
  background-color: var(--haze);
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
}

.partners-hero-section-1.bg_navi {
  background-color: var(--oxford-blue);
  background-image: none;
}

.partners-hero-section-1.bg_offwhite {
  background-color: var(--white-smoke);
}

.partner-image {
  max-width: 100%;
  display: block;
}

.heading-110 {
  justify-content: center;
  margin-top: 100px;
  font-size: 32px;
  display: flex;
}

.courses-container {
  justify-content: center;
  width: auto;
  height: 100%;
  display: flex;
}

.code-embed-2 {
  margin-top: 40px;
}

.courses {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  height: 400px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.data-agreement-list-items {
  padding-left: 40px;
}

.grid-24 {
  grid-template-columns: .25fr .25fr .25fr 1fr;
}

@media screen and (min-width: 1280px) {
  .navbar-dropdown-wrapper {
    grid-column-gap: 32px;
  }

  .home-h2.color-white.align-centre.gradient-lime {
    background-image: linear-gradient(120deg, var(--lime-gradient-1), var(--lime-gradient-2) 31%, var(--lime-gradient-3) 64%, var(--lime-gradient-4));
  }

  .div-block-296 {
    margin-left: 0;
    margin-right: 0;
  }

  .component-checklist {
    max-width: 800px;
  }

  .para-txt-2 {
    line-height: 24px;
  }

  .stat3 {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 16px;
    padding-bottom: 24px;
  }

  .stat1, .stat2 {
    padding-top: 16px;
    padding-bottom: 32px;
  }

  .div-content-enterprise {
    max-width: 1280px;
  }

  .bold-text-25, .bold-text-26 {
    color: var(--oxford-blue);
  }

  .feature-heading-text.color-white.align-centre.gradient-lime {
    background-image: linear-gradient(120deg, var(--lime-gradient-1), var(--lime-gradient-2) 31%, var(--lime-gradient-3) 64%, var(--lime-gradient-4));
  }

  .feature-heading-text.truncated {
    width: 80%;
  }

  .wrapper-vid-hero {
    min-width: 65%;
  }

  .ai-gradient-txt {
    color: var(--oxford-blue);
  }

  .image-partnership._2-billion {
    max-width: 50%;
  }

  .bg-blur-blue-hero {
    max-width: 450px;
    max-height: 450px;
  }

  .bg-blur-yellow-hero {
    max-width: 450px;
    max-height: 450px;
    right: 40%;
  }

  .bg-blur-yellow-hero.lms {
    right: 63%;
  }

  .bg-blur-pink-hero {
    max-width: 450px;
    max-height: 450px;
    top: 26%;
  }

  .wrapper-hero-text-2-billion {
    min-width: auto;
  }

  .partners-hero-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-partners-heading.color-white.align-centre.gradient-lime {
    background-image: linear-gradient(120deg, var(--lime-gradient-1), var(--lime-gradient-2) 31%, var(--lime-gradient-3) 64%, var(--lime-gradient-4));
  }

  .wrapper-partners-heading.truncated {
    width: 80%;
  }

  .partners-modal-h1.color-white.align-centre.gradient-lime {
    background-image: linear-gradient(120deg, var(--lime-gradient-1), var(--lime-gradient-2) 31%, var(--lime-gradient-3) 64%, var(--lime-gradient-4));
  }

  .partners-modal-h1.truncated {
    width: 80%;
  }

  .wrapper-hero-text-subscribe {
    min-width: auto;
  }

  .partners-hero-section-1 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

@media screen and (min-width: 1440px) {
  .slider-5 {
    max-width: 100%;
  }

  .grid-3 {
    flex: 0 auto;
    grid-auto-flow: row;
    place-content: stretch;
  }

  .pricing-details {
    max-width: 600px;
  }

  .body-p.color-white.fix-width {
    width: 100%;
  }

  .section-11.hero {
    padding-top: 40px;
  }

  .container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .h2.white {
    font-family: Nunito, sans-serif;
    font-weight: 400;
  }

  .container-18 {
    max-width: 86%;
  }

  .heading-11 {
    width: 96%;
    min-width: 95%;
    max-width: 94%;
  }

  .footer-middle {
    grid-column-gap: 49px;
    justify-content: end;
  }

  .nav-link-6 {
    font-size: 16px;
  }

  .nav-link-6.w--current {
    font-size: 13px;
  }

  .nav-link-6.smaller.w--current {
    font-size: 15px;
  }

  .columns-2 {
    border-bottom: 0 #000;
  }

  .header-navigation {
    border-top: 1px solid #cfd0d666;
    justify-content: flex-start;
  }

  .footer-bottom-2 {
    border-top-style: none;
    border-top-width: 0;
  }

  .nav-item-wrapper {
    margin-right: 40px;
  }

  .nav-button {
    margin-left: 0;
  }

  .lightbox-link-2 {
    position: relative;
    top: -42px;
    left: 176px;
  }

  .flex-container {
    max-width: 80%;
  }

  .lp_button_navi {
    border-style: solid;
    display: inline-block;
  }

  .hero-image-mask {
    justify-content: flex-start;
    display: block;
  }

  .hero {
    height: auto;
    padding-bottom: 0;
  }

  .button-copy-copy {
    border: 2px solid #0d1633;
    max-width: none;
    height: 42px;
    min-height: auto;
    max-height: none;
    margin-left: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
  }

  .hero-image {
    width: 80%;
  }

  .section-18 {
    border-top-style: none;
    padding-bottom: 0;
  }

  .pricing-details-2 {
    border-radius: 8px;
    width: 35%;
    left: auto;
  }

  .container-22 {
    margin-top: 40px;
  }

  .section-19 {
    margin-top: 60px;
  }

  .footer-column-title-2 {
    font-family: Nunito, sans-serif;
  }

  .container-24 {
    justify-content: center;
    margin-top: 60px;
    display: flex;
  }

  .checkbox-label-2 {
    letter-spacing: 0;
    text-transform: none;
    font-family: Nunito Sans, sans-serif;
    font-size: 14px;
  }

  .field-label {
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 4px;
    font-family: Nunito Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
  }

  .two-col-grid {
    width: 80%;
    min-width: 80%;
    max-width: 80%;
  }

  .two-col-grid.max-width {
    grid-column-gap: 40px;
    grid-template-columns: minmax(max-content, .75fr) minmax(max-content, .75fr);
    width: 80%;
    margin-top: 100px;
    margin-bottom: 220px;
  }

  .text-field-2-copy-2 {
    margin-bottom: 0;
  }

  .nav-link-7 {
    font-family: Nunito Sans, sans-serif;
    font-size: 13px;
  }

  .nav-link-7.w--current {
    font-size: 13px;
  }

  .footer-link-5 {
    font-family: Nunito Sans, sans-serif;
  }

  .form-2-copy, .form-2-copy-copy {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .creator-video-form {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-11-copy.hero {
    padding-top: 40px;
  }

  .section-11-copy.hero-copy, .section-11-copy.hero-copy-copy {
    object-fit: contain;
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
    padding-top: 40px;
  }

  .creator {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .creator-bg.hero {
    padding-top: 40px;
  }

  .creator-bg.hero-copy {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
    padding-top: 0;
    padding-bottom: 0;
  }

  .ceator-form {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .h2-copy.white {
    font-family: Nunito, sans-serif;
    font-weight: 400;
  }

  .section-11-copy-copy.hero-copy {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9ec00e84619_Frame%205366-min.png");
    padding-top: 40px;
  }

  .two-col-grid-copy.max-width {
    grid-column-gap: 40px;
    grid-template-columns: minmax(max-content, .75fr);
    width: 80%;
  }

  .h3.white {
    font-family: Nunito, sans-serif;
    font-weight: 400;
  }

  .section-20.bg-neutral-100.mg-top-and-bottom-section-white {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .section-20.bg-neutral-100.contact-v2-section-2 {
    padding-top: 310px;
  }

  .section-20.before-header.bg-neutral-800 {
    background-image: linear-gradient(#08080899, #08080899), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c973dae84546_iStock-1066998508.jpg");
    background-position: 0 0, 0 0;
    background-size: auto, auto;
  }

  .section-20.before-header.bg-neutral-800.blog-post-hero {
    background-image: linear-gradient(#0808087d, #0808087d), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c95e59e844d2_iStock-629667036.jpg");
    background-position: 0 0, 100%;
    background-size: auto, cover;
  }

  .section-20.medium {
    padding-bottom: 180px;
  }

  .nav-link-8, .nav-link-8.w--current {
    font-family: Nunito Sans, sans-serif;
    font-size: 13px;
  }

  .slide-7 {
    padding-top: 160px;
  }

  .top-content {
    margin-bottom: 72px;
  }

  .top-content._1-4fr---0-6fr {
    margin-bottom: 32px;
  }

  .button-primary.button-white {
    color: var(--oxford-blue);
  }

  .rich-text {
    margin-bottom: 56px;
  }

  .grid-4-columns.card-table {
    grid-template-columns: 520px 1.2fr 1fr .6fr;
  }

  .banner-text {
    min-width: 500px;
  }

  .container-28 {
    align-items: center;
  }

  .section-21 {
    display: none;
  }

  .section-23 {
    margin-bottom: 40px;
  }

  .pricing-details-2-copy {
    border-radius: 8px;
    width: 35%;
    left: auto;
  }

  .hero-2 {
    background-color: #fff;
  }

  .video-2 {
    width: 70%;
    min-width: 70%;
    max-width: 70%;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .grid-8 {
    grid-column-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: center;
  }

  .hero-2-copy {
    background-color: var(--howtoo-yellow);
  }

  .div-block-10 {
    width: 35%;
    min-width: 35%;
  }

  .section-11-copy-copy.hero {
    padding-top: 40px;
  }

  .section-11-copy-copy.hero-copy {
    object-fit: contain;
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
    padding-top: 40px;
  }

  .section-11-copy-copy.hero-copy-copy {
    object-fit: contain;
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/626731efdf725d7a96768b3a_Frame%205419-min.png");
    padding-top: 40px;
  }

  .button-copy-5 {
    border-style: solid;
    max-width: none;
    height: 42px;
    min-height: auto;
    max-height: none;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
  }

  .grid-8-copy {
    grid-column-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: center;
    margin-top: 40px;
  }

  .image-31 {
    display: block;
  }

  .div-block-28 {
    margin-right: auto;
  }

  .div-block-30 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-36 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .lp_button_navi-copy, .lp_button_line-copy {
    border-style: solid;
    display: block;
  }

  .subtitle-2-copy {
    margin-bottom: 40px;
  }

  .lightbox-link-6 {
    left: 50.6%;
  }

  .heading-35 {
    line-height: 80px;
  }

  .cs_painchek_button, .cs_painchek_button_watch-video, .courses-button {
    border-style: solid;
  }

  .professional-cards {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .nunito-sans-600-21px {
    margin-right: 10px;
  }

  .grid-10 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .courses-card-stats-wrapper {
    background-color: #fffc;
    grid-template-columns: 19px minmax(min-content, max-content) minmax(max-content, max-content);
  }

  .courses-clock-icon {
    margin-right: 4px;
  }

  .paragraph-26, .paragraph-26.color-p {
    color: #42495c;
  }

  .section-courses-page-3 {
    padding-left: 140px;
  }

  .courses---section-2-wrapper {
    max-width: 640px;
  }

  .grid-2-columns-2._1-2fr--1fr.bottom._1-column-mobile {
    grid-template-columns: 1.1fr 1fr;
  }

  .navbar-dropdown-wrapper {
    grid-column-gap: 48px;
    margin-left: 60px;
  }

  .button_login {
    margin-left: 0;
  }

  .slider-mask.about-images {
    overflow: visible;
  }

  .button_login-copy, .button-4-copy {
    margin-left: 0;
  }

  .lp_section.display-2-vertical.max-100 {
    height: 33vw;
  }

  .lp_button {
    margin-left: 0;
  }

  .lp_grid {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-background {
    background-size: cover;
  }

  .div-block-131 {
    box-shadow: 4px 4px 15px 4px #0d163329;
  }

  .footer-top-2 {
    grid-column-gap: 240px;
    grid-template-columns: .6fr 1.12fr;
  }

  .grid-3-columns.gap-80px {
    grid-column-gap: 80px;
  }

  .footer-middle-2 {
    grid-column-gap: 130px;
  }

  .about-us.hero-container {
    filter: none;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    background-color: #ffffff8c;
    background-image: none;
    box-shadow: 6px 6px 25px 3px #03122b21;
  }

  .hero-block-overlay.business {
    padding-top: 260px;
    padding-bottom: 260px;
  }

  .image-section-overlay {
    background-position: 60% 30%;
  }

  .container-40-copy {
    max-width: 45%;
  }

  .body-p-oxfod-blue.color-white.fix-width {
    width: 100%;
  }

  .home-mockup-column {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
  }

  .container-42 {
    max-width: 60%;
  }

  .cs_painchek_section-copy.cs_painchek_section_display-copy {
    max-width: 100%;
  }

  .body-p-white.color-white.fix-width, .body-p-copy.color-white.fix-width, .body-p-centre.color-white.fix-width, .body-p-copy.color-white.fix-width {
    width: 100%;
  }

  .image-section-overlay-copy {
    background-position: 60% 30%;
  }

  .left-arrow-2 {
    margin-left: 200px;
  }

  .body-p-copy.color-white.fix-width, .body-p-copyquote-name.color-white.fix-width, .body-p-copy-text.color-white.fix-width, .body-p-3.color-white.fix-width, .body-p-copyquote-name-copy.color-white.fix-width {
    width: 100%;
  }

  .div-block-182 {
    background-position: 100%;
    min-width: 1000px;
  }

  .lp_main-button, .main_button {
    margin-left: 0;
  }

  .container-64 {
    max-width: 1500px;
  }

  .div-block-198 {
    max-width: 45%;
  }

  .case-studies-hero {
    overflow: visible;
  }

  .lp_nav-button {
    margin-left: 0;
  }

  .pricing-section-1 {
    padding-top: 60px;
  }

  .pricing-margin-block {
    width: 100%;
    height: 20px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .secondary-button {
    border-style: solid;
  }

  .nunito-sans-600-21px-nap-gap {
    margin-right: 10px;
  }

  .body-p-card-spacing.color-white.fix-width {
    width: 100%;
  }

  .nunito-sans-600-21px-nap-gap-24pd {
    margin-right: 10px;
  }

  .pro-right-col {
    padding-right: 0;
  }

  .pro-signupfree {
    padding-top: 90px;
  }

  .process-tab-button {
    color: #0000;
    justify-content: center;
    align-items: center;
  }

  .flex-2.end.mg-top-90px {
    margin-top: 80px;
  }

  .line-header {
    width: 126px;
    margin-bottom: 36px;
  }

  .pro-2col-large {
    background-position: 35%;
  }

  .pro-leftalignedtext-copy {
    padding-right: 0;
  }

  .body-p-copy-text-copy.color-white.fix-width {
    width: 100%;
  }

  .nunito-sans-600-21px-nap-gap-24pd-copy {
    margin-right: 10px;
  }

  .body-p-card-no-space-copy.color-white.fix-width, .body-p-card-no-space-copy-copy.color-white.fix-width {
    width: 100%;
  }

  .background-video-16 {
    position: absolute;
  }

  .pro-pageheadersection {
    height: 750px;
  }

  .pro-header-text {
    margin-left: 320px;
  }

  .course-savethousands {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-224 {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    padding-top: 0%;
  }

  .main_button-2 {
    margin-left: 0;
  }

  .pro-pricecontainer.flex {
    max-height: 830px;
  }

  .pro-pricecard, .pro-pricecard-navy {
    background-color: var(--oxford-blue);
    height: 780px;
  }

  .creator-tilt-background-2 {
    margin-top: -620px;
  }

  .creator-tilt-background-2.pink {
    margin-top: -612px;
  }

  .creator-video-3-large {
    display: none;
  }

  .creator-hero-text-wrapper {
    width: 480px;
  }

  .creator-video-3-embed-absolute-large {
    display: block;
  }

  .creator-section-tilt-bg-wrapper {
    height: 360px;
  }

  .creator-video-3 {
    display: none;
  }

  .creator-section-5-content-grid {
    width: 780px;
  }

  .creator-video-3-embed-absolute {
    display: none;
  }

  .growth-section-logo {
    display: block;
  }

  .growth-section-1 {
    overflow: hidden;
  }

  .growth-hero-text-wrapper {
    width: 440px;
  }

  .about-us-section-8.cs_painchek_section_display-copy {
    max-width: 100%;
  }

  .navbar_button_login, .navbar_button_sign-up {
    margin-left: 0;
  }

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

  .pro-themebuildersection {
    padding-top: 54%;
  }

  .themedsign-tabs-menu {
    object-fit: fill;
    flex-wrap: nowrap;
    flex: 0 auto;
    order: 0;
    overflow: hidden;
  }

  .tablink, .tablink.w--current, .body-p-selected.color-white.fix-width, .body-p-selected-yellow-bold.color-white.fix-width {
    width: 100%;
  }

  .pro-div-signupfree-copy {
    width: 35%;
  }

  .main_button-2-icon {
    margin-left: 0;
  }

  .container-75 {
    justify-content: flex-end;
    max-width: 1268px;
    height: 60px;
    margin-bottom: 60px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    overflow: visible;
  }

  .div-block-228 {
    background-color: var(--white);
    object-fit: fill;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    font-family: "Fa solid 900";
    font-size: 28px;
    display: flex;
    overflow: visible;
  }

  .section-courses {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .grwothbg.hero {
    padding-top: 40px;
  }

  .grwothbg.hero-copy {
    object-fit: contain;
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
    padding-top: 40px;
  }

  .grwothbg.hero-copy-copy {
    object-fit: contain;
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9ec00e84619_Frame%205366-min.png");
    padding-top: 40px;
  }

  .proupgrade-container {
    justify-content: center;
    margin-top: 60px;
    display: flex;
  }

  .columns-upgradpro {
    align-items: start;
  }

  .columns-upgradpro.max-width {
    grid-column-gap: 40px;
    grid-template-columns: minmax(max-content, .75fr) minmax(max-content, .75fr);
    width: 80%;
    margin-top: 100px;
    margin-bottom: 220px;
  }

  .pro-pg.hero {
    padding-top: 40px;
  }

  .pro-pg.hero-copy {
    object-fit: contain;
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c93dfae844ce_Frame%205368-min.png");
    padding-top: 40px;
  }

  .pro-pg.hero-copy-copy {
    object-fit: contain;
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/626731efdf725d7a96768b3a_Frame%205419-min.png");
    padding-top: 40px;
  }

  .lp2-hero-device-nav-wrapper {
    width: 940px;
  }

  .lp2-button, .lp2-section-3-button, .lp2-section-6-button {
    margin-left: 0;
  }

  .image-113 {
    top: 43px;
    left: -549px;
  }

  .image-114 {
    top: 35px;
    left: -413px;
  }

  .faq-bottom-text {
    max-width: 900px;
  }

  .form-wrapper {
    padding-left: 72px;
    padding-right: 72px;
  }

  .form-wrapper.contact-v2 {
    margin-bottom: -260px;
  }

  .security-container-1 {
    max-width: 1268px;
  }

  .security-section-3.bg-neutral-100.mg-top-and-bottom-section-white {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .security-section-3.bg-neutral-100.contact-v2-section-2 {
    padding-top: 310px;
  }

  .security-section-3.before-header.bg-neutral-800.blog-post-hero {
    background-image: linear-gradient(#0808087d, #0808087d), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c95e59e844d2_iStock-629667036.jpg");
    background-position: 0 0, 100%;
    background-size: auto, cover;
  }

  .security-section-3.medium {
    padding-bottom: 180px;
  }

  .security-container-2, .security-container-3 {
    max-width: 1268px;
  }

  .mg-top-80px {
    margin-top: 80px;
  }

  .black-section-contained {
    padding: 220px 104px;
  }

  .logos-strip-wrapper {
    flex-wrap: wrap;
  }

  .logo-strip {
    margin-left: 42px;
    margin-right: 42px;
  }

  .card-feature-text {
    padding-left: 41px;
    padding-right: 41px;
  }

  .t-c-grid {
    grid-row-gap: 12px;
    grid-template-rows: auto 1fr auto auto;
    grid-template-areas: ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         "Area ."
                         "Area-2 ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         "Area-8 Area-9"
                         ". ."
                         ". ."
                         ". ."
                         "Area-3 ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         "Area-7 ."
                         "Area-6 ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         "Area-10 ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". ."
                         "Area-5 Area-4";
  }

  .home-tab-text {
    line-height: 24px;
  }

  .home-section-3-button, .demo-button, .demo-watch-button, .demo-watch-button-2, .ebook---card-button, .ebook---featured-card-button {
    margin-left: 0;
  }

  .xpert---logo-marquee---container, .home---logo-marquee---container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .xpert---section-4---grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 108%;
  }

  .xpert---hero-bg-grid---area {
    grid-column-gap: 80px;
    grid-row-gap: 40px;
  }

  .xpert---section-1---background {
    width: 1728px;
  }

  .pricing---xpert-banner-button {
    margin-left: 0;
  }

  .case-study-cms-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    align-content: stretch;
    justify-items: center;
  }

  .courses-template-cta {
    margin-left: 0;
  }

  .icon-25 {
    display: none;
  }

  .flex_style-guide.end.mg-top-90px {
    margin-top: 80px;
  }

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

  .lp-uni-hero-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .discover-form-container {
    flex: 1;
  }

  .career-button-wrapper_bottom {
    margin-top: 40px;
  }

  .capterra2-hero-image, .advertising1-hero-image {
    margin-top: -172px;
  }

  .advertising1-button-link-7 {
    display: inline-block;
  }

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

  .lp_6step_section-2 {
    background-position: 35%;
  }

  ._6step-logo-marquee---container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .webinar-card-cms {
    flex: 0 auto;
  }

  .image-113-copy {
    top: -79px;
    right: -514px;
  }

  .tab-pill {
    justify-content: center;
  }

  .paragraph-32-copy {
    font-size: 17px;
  }

  .image-115-copy {
    top: -96px;
    left: 477px;
  }

  .div-block-280 {
    height: 4px;
  }

  .div-block-284 {
    max-width: 42%;
  }

  .slider-mask-pricing.about-images {
    overflow: visible;
  }

  .pricing-details-3 {
    max-width: 600px;
  }

  .grid-23 {
    flex: 0 auto;
    grid-auto-flow: row;
    place-content: stretch;
  }

  .field-label-error-l {
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 4px;
    font-family: Nunito Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
  }

  .plan-type {
    display: none;
  }

  .hc-wrap-home2 {
    width: 500px;
  }

  .home-section-hero {
    min-height: 0;
  }

  .home---learning-academies---container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .byd-content {
    max-width: 42%;
  }

  .navbar_button_demo_mobile {
    margin-left: 0;
  }

  .lp2-tilt-background-1-copy {
    bottom: -27%;
  }

  .scorm-creator-hero {
    min-height: 0;
  }

  .sc-wrap2 {
    width: 500px;
  }

  .internal-training-list {
    max-width: 42%;
  }

  .navbar_button_book_demo, .navbar_button_book_demo2 {
    margin-left: 0;
  }

  .field-label-error-login {
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 4px;
    font-family: Nunito Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
  }

  .login-para {
    margin-bottom: 0;
  }

  .home-section-hero-upskill {
    min-height: 0;
  }

  .youtube-2 {
    display: flex;
  }

  .div-block-youtube-full-width {
    width: 100%;
    margin-top: 16px;
  }

  .section-youtube-full-width {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .gradient-3-col-bg-container, .section-choose-package {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .choose-package-container {
    align-items: flex-start;
  }

  .choose-package-cards {
    width: 320px;
    padding: 0 32px 32px;
  }

  .section-ai {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .section-call-out {
    margin-bottom: 0;
  }

  .call-out-text {
    width: 900px;
  }

  .hero-vid-div.ai-animation-wrapper {
    width: 120%;
  }

  .ai-heading.ai {
    color: var(--grey-3);
    text-align: center;
  }

  .ai-animation {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .solution-text-container {
    max-width: 42%;
  }

  .section-why-howtoo, .section-leading-the-way {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .div-block-328 {
    grid-column-gap: 160px;
    grid-row-gap: 160px;
  }

  .choose-package-cards-pricing, .choose-package-cards-no-btn {
    width: 320px;
    padding: 0 32px 32px;
  }

  .section-create-engaging {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .ai-wrapper-2 {
    padding-left: 0;
    padding-right: 32px;
  }

  .ai-animation-wrapper2 {
    margin-left: 0;
    margin-right: 56px;
  }

  .section-ai-2 {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .ai-animation-2 {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .section-brand-your-courses, .section-assessments, .section-academy {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .academy-animation {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .section-track {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .xpert-section-vid {
    background-image: linear-gradient(174deg, #356e7f 40%, #9ab7bf 40%, #f8f8fb 50%);
  }

  .section-partner-2, .section-partner-1 {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .partner-img-2 {
    background-image: linear-gradient(90deg, #f8f8fb, #fff0 50%), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d7e06aa5b97135e3a17628_strat2.png");
    background-position: 0 0, 100%;
    background-size: auto, cover;
  }

  .partner-img-4 {
    background-image: linear-gradient(90deg, #f8f8fb, #fff0 50%), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d7e270786128f12797a16c_stat4.png");
    background-position: 0 0, 100%;
    background-size: auto, cover;
  }

  .lp2-tilt-background-1-home {
    bottom: -27%;
  }

  .footer-copy-right-block-copy, .nav-item-wrapper-copy {
    margin-right: 0;
  }

  .bottom-margin-40-copy {
    text-align: center;
  }

  .section-call-out-copy {
    opacity: 1;
    margin-bottom: 0;
  }

  .case-study-cms-list-copy {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    align-content: stretch;
    justify-items: center;
  }

  .section-awards-details.white-bg {
    background-color: #fff;
  }

  .div-block-331 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    padding-left: 200px;
    padding-right: 200px;
  }

  .awards-div {
    height: 80px;
  }

  .customer-ed-tabs-txt {
    line-height: 24px;
  }

  .awards-details-col {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 280px;
    padding-right: 280px;
  }

  .awards-text-2 {
    width: 100%;
  }

  .awards-div-1, .awards-div-3-xpert, .awards-div-3, .awards-div-4, .awards-div-5, .awards-div-6 {
    height: 80px;
  }

  ._6step-sayhello_img-2 {
    width: 25%;
  }

  .designed-for-aa {
    left: -153.5px;
  }

  .awards-div-1-xpert, .awards-div-4-xpert, .awards-div-7-xpert {
    height: 80px;
  }

  .section-pricing-generic {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .section-hero-learning-strat {
    overflow: hidden;
  }

  .learning-strat-img-container {
    top: -429px;
    overflow: visible;
  }

  .webinar-hero-wrapper {
    max-width: 1268px;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-link-category.tab-toggle-button {
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: var(--oxford-blue);
    border: 1px solid #151528;
  }

  .course-cms-library {
    flex: 0 auto;
  }

  .c-content-vid-2 {
    display: block;
  }

  .signupimage-2 {
    max-width: 480px;
  }

  .cyber-banner {
    height: 120px;
  }

  .cyber-container {
    width: 45%;
    min-width: 45%;
    max-width: 50%;
  }

  .register, .navbar_button_register {
    margin-left: 0;
  }

  .div-content-enterprise {
    max-width: 1280px;
  }

  .sc-wrap2-copy {
    width: 500px;
  }

  .sc-wrap1-copy {
    max-width: 35%;
  }

  .ai-animation-copy {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 0 solid #fff;
  }

  .sc-heading-copy.align-centre.invert {
    color: var(--white);
    text-align: center;
    margin-bottom: 32px;
  }

  .scorm-creator-hero-copy {
    min-height: 0;
  }

  .call-out-text-copy {
    width: 1100px;
  }

  .section-call-out-copy {
    margin-bottom: 0;
  }

  .call-out-text-author {
    width: 900px;
  }

  .section-features-left, .section-feature-right, .section-features-right, .section-features {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .section-features._2-billion._2 {
    padding-bottom: 60px;
  }

  .featiure-animation {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .feature-heading-text.ai {
    justify-content: flex-start;
    align-items: center;
  }

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

  .wrapper-hero-text {
    max-width: 35%;
  }

  .wrapper-hero-text.lms {
    width: 60%;
    min-width: 500px;
    max-width: 80%;
  }

  .wrapper-vid-hero {
    min-width: 72%;
  }

  .wrapper-vid-hero.lms {
    min-width: 55%;
  }

  .image-partnership {
    right: 10%;
  }

  .image-partnership._2-billion {
    width: 38%;
    max-width: 600px;
    margin-left: 12%;
  }

  .wrapper-text-partnership._2-billion {
    width: 52%;
  }

  .bg-blur-blue-hero {
    max-width: 400px;
    max-height: 400px;
    top: 21%;
  }

  .bg-blur-blue-hero.lms {
    top: 37%;
    right: 36%;
  }

  .bg-blur-yellow-hero {
    max-width: 400px;
    max-height: 400px;
    top: 38%;
    right: 40%;
  }

  .bg-blur-yellow-hero.lms {
    top: 49%;
    right: 56%;
  }

  .bg-blur-yellow-hero.lms2 {
    right: 31%;
  }

  .bg-blur-pink-hero {
    max-width: 400px;
    max-height: 400px;
    top: 32%;
    right: 15%;
  }

  .bg-blur-pink-hero.lms {
    top: 51%;
    right: 22%;
  }

  .section-ai-create {
    background-image: linear-gradient(261deg, #15152880, #151528cc), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667baac2233d8a2e876786e6_sparkles%20bg.jpg");
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    margin-bottom: 0;
  }

  .wrapper-2btns {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .featiure-animation-academy, .featiure-animation-editor, .featiure-animation-reports {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .section-txtandform, .section-speakers {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .section-date-time {
    margin-bottom: 0;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-what-to-expect {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .section-2-billion-in-skills {
    min-height: 0;
  }

  .section-call-out-2-billion {
    margin-bottom: 0;
  }

  .wrapper-hero-text-2-billion {
    max-width: none;
  }

  .wrapper-hero-text-2-billion.lms {
    width: 60%;
    min-width: 500px;
    max-width: 80%;
  }

  .div-trusted-by-signup {
    display: none;
  }

  .div-trusted-by-signup-copy {
    display: flex;
  }

  .lp-councils-hero-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

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

  .ai-heading-copy.ai {
    color: var(--grey-3);
    text-align: center;
  }

  .partners-hero-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section-partners-grad {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .wrapper-text-partners._2-billion {
    width: 52%;
  }

  .partners-h2.ai {
    color: var(--grey-3);
    text-align: center;
  }

  .wrapper-partners-heading.ai, .partners-modal-h1.ai {
    justify-content: flex-start;
    align-items: center;
  }

  .partners-modal-h1-bold.ai {
    color: var(--grey-3);
    text-align: center;
  }

  .wrapper-hero-text-subscribe {
    max-width: none;
  }

  .wrapper-hero-text-subscribe.lms {
    width: 60%;
    min-width: 500px;
    max-width: 80%;
  }

  .div-partner-grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    order: 0;
  }

  .partners-hero-section-1 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

@media screen and (min-width: 1920px) {
  .page-wrapper {
    overflow: hidden;
  }

  .nav-bar-v1 {
    justify-content: space-between;
  }

  .section-6 {
    margin-bottom: 0;
  }

  .slider-5 {
    max-width: 100%;
    height: 100%;
  }

  .mask-5 {
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-details {
    border-style: solid;
    border-width: 12px 3px 3px;
    border-color: var(--howtoo-viking);
    margin-left: 200px;
  }

  .image-9 {
    right: 200px;
  }

  .section-11.dark {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .h2.white {
    font-family: Nunito, sans-serif;
    font-weight: 400;
  }

  .body {
    margin-top: 0;
    font-family: Nunito Sans, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
  }

  .container-18 {
    max-width: 63%;
  }

  .heading-11 {
    min-width: 100%;
    max-width: 100%;
  }

  .footer-middle {
    grid-column-gap: 47px;
    justify-content: end;
    justify-items: stretch;
  }

  .nav-link-6 {
    font-size: 16px;
  }

  .nav-link-6.smaller.w--current {
    font-size: 15px;
  }

  .footer {
    display: block;
  }

  .lightbox-link-2 {
    height: 42px;
    position: relative;
    top: -42px;
    left: 172px;
  }

  .flex-container {
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-width: 80%;
    display: flex;
  }

  .lp_button_navi {
    object-fit: fill;
    display: inline-block;
    position: relative;
  }

  .hero-image-mask {
    justify-content: flex-start;
    display: block;
  }

  .button-copy-copy {
    height: 42px;
    min-height: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    position: static;
  }

  .hero-image {
    width: 80%;
  }

  .subtitle-2 {
    float: none;
    clear: none;
    text-align: center;
    text-transform: none;
    white-space: normal;
    flex-wrap: nowrap;
    align-self: flex-start;
    align-items: flex-start;
    max-width: 80%;
    text-decoration: none;
    display: block;
    position: relative;
    overflow: visible;
  }

  .h1-4 {
    text-align: center;
    display: block;
  }

  .section-18 {
    border-top-style: none;
  }

  .pricing-details-2 {
    left: auto;
  }

  .container-22 {
    margin-top: 40px;
  }

  .heading-13 {
    font-family: Nunito, sans-serif;
    font-size: 36px;
    font-weight: 400;
  }

  .grid-5 {
    margin-top: 40px;
  }

  .heading-14 {
    text-align: left;
    margin-bottom: 0;
  }

  .primary-button-2 {
    justify-content: flex-start;
    margin-top: 10px;
  }

  .small-container.hero {
    align-items: flex-start;
  }

  .growth-video-form {
    box-shadow: 14px 14px 20px #37446f2e;
  }

  .two-col-grid {
    width: 60%;
    min-width: 60%;
    max-width: 60%;
  }

  .section-11-copy.dark, .creator-bg.dark {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .h2-copy.white {
    font-family: Nunito, sans-serif;
    font-weight: 400;
  }

  .h3.white {
    font-family: Nunito, sans-serif;
    font-weight: 400;
  }

  .slider-3 {
    height: 800px;
  }

  .slide-2 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c91b2be84589__DSC1233.jpg");
    background-position: 50% 30%;
    height: 800px;
  }

  .slide-3 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c90c9ae84590__DSC1253.jpg");
    background-position: 50%;
    height: 800px;
  }

  .section-20 {
    padding-top: 240px;
    padding-bottom: 240px;
  }

  .section-20.bg-neutral-100.mg-top-and-bottom-section-white {
    padding-bottom: 100px;
  }

  .section-20.before-header.bg-neutral-800.blog-post-hero {
    background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c95e59e844d2_iStock-629667036.jpg");
    background-position: 0 0, 80% 30%;
    background-size: auto, cover;
  }

  .section-20.cta-v2 {
    padding-top: 256px;
    padding-bottom: 256px;
  }

  .slide-7 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9348ae8458c__DSC1222.jpg");
    background-position: 50%;
    background-size: cover;
    height: 800px;
  }

  .slide-5 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c98267e8458f__DSC1202.jpg");
    background-position: 50%;
    height: 800px;
    position: relative;
  }

  .top-content._1-4fr---0-6fr {
    grid-column-gap: 200px;
    grid-column-gap: 200px;
    grid-template-columns: 1.4fr .6fr;
  }

  .display-2 {
    font-size: 34px;
    line-height: 36px;
  }

  .arrow-link-circle.slide {
    background-color: #0d163380;
  }

  .arrow-link-circle.slide:hover {
    background-color: var(--howtoo-yellow);
  }

  .arrow-link-circle.slider-icon.right.icon-cards, .arrow-link-circle.slider-icon.left.icon-cards {
    top: -28%;
  }

  .heading-15 {
    margin-bottom: 0;
  }

  .banner-text {
    flex: 0 auto;
    display: block;
  }

  .image-20 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .container-28 {
    align-items: center;
  }

  .primary-button-3 {
    justify-content: flex-start;
    margin-top: 10px;
  }

  .section-23 {
    margin-top: 60px;
    margin-bottom: 40px;
  }

  .paragraph-10 {
    color: var(--oxford-blue);
    font-size: 20px;
    font-weight: 700;
  }

  .container-31 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-6 {
    border-style: solid;
    border-width: 12px 3px 3px;
    border-color: var(--howtoo-yellow);
    border-radius: 8px;
    padding: 40px 20px 30px;
  }

  .pricing-details-2-copy {
    left: auto;
  }

  .div-block-6-copy {
    border-style: solid;
    border-width: 12px 3px 3px;
    border-color: var(--howtoo-viking);
    border-radius: 8px;
    padding: 40px 20px 30px;
  }

  .grid-8 {
    justify-items: center;
  }

  .div-block-10 {
    width: 26%;
    min-width: 26%;
    max-width: 26%;
  }

  .image-22 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-23 {
    margin-left: auto;
    margin-right: auto;
  }

  .image-24 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .section-11-copy-copy.dark {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-11-copy-copy.hero-copy-copy {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/626731efdf725d7a96768b3a_Frame%205419-min.png");
  }

  .button-copy-5 {
    object-fit: fill;
    height: 42px;
    display: inline-block;
    position: relative;
  }

  .grid-8-copy {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: center;
  }

  .button_line {
    object-fit: fill;
    display: inline-block;
    position: relative;
  }

  .gradient-stripe {
    background-image: linear-gradient(to right, #fed88f, #f7a3c3 49%, #bbe8ef);
  }

  .lp_h1 {
    text-align: center;
    display: block;
  }

  .lp_h2 {
    font-weight: 700;
  }

  .div-block-27 {
    align-self: center;
  }

  .lp_button_navi-copy, .lp_button_line-copy {
    object-fit: fill;
    display: block;
    position: relative;
  }

  .lp_h1-form {
    display: flex;
  }

  .div-block-45 {
    width: 100%;
  }

  .subtitle-2-copy {
    float: none;
    clear: none;
    text-align: center;
    text-transform: none;
    white-space: normal;
    flex-wrap: nowrap;
    align-self: flex-start;
    align-items: flex-start;
    max-width: 80%;
    text-decoration: none;
    display: block;
    position: relative;
    overflow: visible;
  }

  .lightbox-link-6 {
    margin-left: auto;
    left: 50.5%;
  }

  .heading-35 {
    font-family: Nunito, sans-serif;
    font-size: 72px;
    font-weight: 300;
    line-height: 80px;
  }

  .growth-video-form-copy, .growth-video-form-creator {
    box-shadow: 14px 14px 20px #37446f2e;
  }

  .paragraph-23 {
    margin-left: auto;
    margin-right: auto;
  }

  .cs_painchek_button {
    object-fit: fill;
    position: relative;
  }

  .div-block-62 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .cs_painchek_button_watch-video {
    color: var(--oxford-blue);
    object-fit: fill;
    background-color: #0000;
    margin-right: 0;
    position: relative;
  }

  .lp_h1-form-2 {
    display: block;
  }

  .section-46 {
    padding-left: 100px;
  }

  .courses-button {
    object-fit: fill;
    position: relative;
  }

  .caption {
    line-height: 17px;
  }

  .footer-tilt-line-section-1 {
    flex-flow: row;
    place-content: flex-end;
    align-items: center;
    height: 11vw;
    padding-top: 0;
    display: block;
    overflow: visible;
  }

  .slider-6 {
    box-shadow: none;
    border-radius: 20px;
  }

  .section-courses-posts-template-1 {
    padding-left: 100px;
  }

  .wcag-tag-wrapper {
    justify-content: flex-start;
    display: flex;
  }

  .body-class {
    margin-bottom: 10px;
  }

  .div-block-96 {
    display: flex;
  }

  .section-courses-posts-template-banner {
    color: #15151580;
  }

  .navbar-website {
    position: sticky;
  }

  .navbar-wrapper {
    justify-content: flex-start;
  }

  .grid-2-columns-2._1-2fr--1fr {
    grid-template-columns: 1.2fr 1fr;
  }

  .grid-2-columns-2._1-2fr--1fr.bottom._1-column-mobile {
    grid-column-gap: 40px;
    grid-template-columns: 1.2fr 1fr;
  }

  .grid-2-columns-2.cta-v2 {
    grid-column-gap: 240px;
  }

  .div-block-114 {
    overflow: hidden;
  }

  .slider-mask.about-images {
    overflow: visible;
  }

  .section-courses-page-5 {
    flex-direction: column;
    align-items: stretch;
  }

  .grid-mini-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-us-website {
    position: sticky;
  }

  .footer-wrapper-us {
    padding-top: 60px;
  }

  .d-31-card-wrapper {
    z-index: 6;
    position: absolute;
  }

  .courses-completed {
    left: 68%;
  }

  .main-device {
    right: auto;
  }

  .andrew-card, .andrew-complete-course {
    left: 68%;
  }

  .panel {
    left: 20%;
  }

  .footer-background {
    background-repeat: repeat;
    background-size: cover;
  }

  .div-block-131 {
    border-radius: 20px;
  }

  .header-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .style-guide-sidebar {
    flex-basis: 14em;
  }

  .header-logo {
    width: 160px;
  }

  .footer-logo {
    width: 168px;
  }

  .display-1 {
    font-size: 94px;
    line-height: 92px;
  }

  .glossary-menu-grid {
    grid-auto-columns: 1fr;
  }

  .alphabetical-menu.w--current {
    transition-duration: .3s, .3s;
  }

  .text-block-15 {
    line-height: 48px;
  }

  .text-block-15-copy {
    text-align: center;
    font-family: Nunito Sans, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 48px;
  }

  .number {
    text-align: center;
    font-family: Nunito Sans, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 48px;
  }

  .glossary-sidebar-copy {
    flex-basis: 14em;
  }

  .gradient-stripe-easilly-create-online-training {
    background-image: linear-gradient(to right, #fed88f, #f7a3c3 49%, #bbe8ef);
  }

  .section-50 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pro-collab {
    margin-left: 0;
    margin-right: 0;
  }

  .pro-leftalignedtext {
    padding-left: 0;
    padding-right: 100px;
  }

  .image-section-overlay {
    padding-right: 650px;
  }

  .container-40-copy {
    max-width: 35%;
  }

  .body-p-oxfod-blue {
    min-width: 55%;
    min-height: 55%;
  }

  .container-42 {
    max-width: 50%;
  }

  .cs_painchek_section-copy.cs_painchek_section_display-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .image-section-overlay-copy {
    padding-right: 550px;
  }

  .left-arrow-2 {
    margin-left: 220px;
  }

  .section-50-copy, .pro-2col {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-59 {
    z-index: 2;
  }

  .image-87 {
    position: relative;
    inset: 0% 0% 0% auto;
  }

  .div-block-187 {
    width: 540px;
  }

  .div-block-civics-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .container-62 {
    justify-content: center;
    display: flex;
  }

  .case-studies-hero-section {
    left: 691px;
  }

  .container-64 {
    max-width: 1500px;
  }

  .div-block-198 {
    width: auto;
  }

  .case-studies-hero {
    display: block;
    top: 65px;
    overflow: visible;
  }

  .image-96 {
    z-index: 4;
    top: 202px;
    left: 224px;
  }

  .pricing-comparison-switch {
    transition: opacity .3s;
  }

  .pricing-comparison-switch:hover {
    opacity: .6;
  }

  .pricing-comparison-grid-1 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    display: flex;
  }

  .pricing-comparison-grid-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pricing-comparison-grid-3 {
    align-items: center;
    padding-left: 20px;
    display: flex;
  }

  .pricing-comparison-grid-4 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pricing-tag {
    margin-top: 0;
  }

  .pricing-tag.margin--4 {
    align-items: center;
    display: flex;
  }

  .au-symbols-wrapper, .us-symbols-wrapper {
    overflow: hidden;
  }

  .image-101 {
    width: 100%;
  }

  .secondary-button {
    object-fit: fill;
    position: relative;
  }

  .overall-row-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .section-50-copy, .section-50-copy-copy, .pro-2col-copy, .about-ourstorysection {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .about-ourstorytwocolumn {
    margin-left: 0;
    margin-right: 0;
  }

  .bout-leftcol {
    padding-left: 0;
    padding-right: 100px;
  }

  .pro-section-yellowslant {
    flex-flow: row;
    place-content: flex-end;
    align-items: center;
    height: 11vw;
    padding-top: 0;
    display: block;
    overflow: visible;
  }

  .pro-signupfree {
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .pro-themedesignerdark {
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .section-title-wrapper-3 {
    width: 55%;
  }

  .container-71 {
    max-width: 70%;
  }

  .pro-2col-large {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .pro-collab-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .pro-leftalignedtext-copy {
    padding-left: 0;
    padding-right: 100px;
  }

  .pro-2col-large-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pro-collab-copy-copy {
    flex-direction: row-reverse;
    margin-left: 0;
    margin-right: 0;
  }

  .pro-grey-slant {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pro-pageheadersection {
    height: 900px;
  }

  .div-block-224 {
    padding-top: 0%;
  }

  .creator-container-1-1268 {
    max-width: 1500px;
    position: relative;
  }

  .creator-hero-text-wrapper {
    width: 540px;
  }

  .creator-section-6-image {
    margin-left: 81px;
  }

  .creator-section-4 {
    height: 400px;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: 0;
    position: relative;
    overflow: hidden;
  }

  .creator-video-2-wrapper {
    padding-right: 10%;
  }

  .creator-container-1268 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .creator-aspect-ratio-video-wrapper {
    flex: 0 auto;
  }

  .creator-section-1-video-holder {
    grid-template-columns: 1fr 1fr;
  }

  .creator-section-1-text-container-holder {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .creator-video-2 {
    object-fit: contain;
    overflow: hidden;
  }

  .growth-aspect-ratio-video-wrapper {
    flex: 0 auto;
    justify-content: flex-end;
    padding-top: 57%;
  }

  .growth-section-logo {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .growth-video-1-embed-absolute {
    margin-left: 150px;
  }

  .growth-section-3 {
    padding-top: 60px;
  }

  .growth-container-1-1268-mobile {
    position: relative;
  }

  .growth-section-1-text-container-holder {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .growth-section-6-image {
    margin-left: 81px;
  }

  .growth-partner-logos {
    width: auto;
    height: auto;
  }

  .growth-section-5-text-wrapper {
    position: static;
  }

  .growth-container-1-1268 {
    position: relative;
  }

  .growth-hero-text-wrapper {
    width: 540px;
  }

  .about-us-section-8.cs_painchek_section_display-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .growth-tilt-background-1 {
    top: 227px;
  }

  .pro-section-header {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .pro-container-1-126 {
    position: relative;
  }

  .pro-section-1-video-holder-copy {
    grid-template-columns: 1fr 1fr;
  }

  .pro-section-1-text-container-holder-copy {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .pro-aspect-ratio-video-wrapper {
    flex: 0 auto;
  }

  .pro-themebuildersection {
    padding-top: 54%;
    display: block;
  }

  .pro-div-signupfree-copy {
    width: 25%;
  }

  .pro-themtab1 {
    padding-right: 10%;
  }

  .pro-video-form-copy-copy {
    box-shadow: 14px 14px 20px #37446f2e;
  }

  .section-courses-hero {
    padding-left: 100px;
  }

  .grwothbg.dark {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grwothbg.hero-copy-copy {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c9ec00e84619_Frame%205366-min.png");
  }

  .pro-pg.dark {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pro-pg.hero-copy-copy {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/626731efdf725d7a96768b3a_Frame%205419-min.png");
  }

  .lp2-container-hero-device {
    height: 700px;
    margin-bottom: 0;
  }

  .lp2-tilt-background-1 {
    transform: rotate(-5deg);
  }

  .image-114 {
    align-self: flex-start;
  }

  .image-115 {
    align-self: flex-start;
    width: 310px;
    height: auto;
    margin-top: 711px;
    margin-left: 0;
  }

  .security-section-3 {
    padding-bottom: 240px;
  }

  .security-section-3.bg-neutral-100.mg-top-and-bottom-section-white {
    padding-bottom: 100px;
  }

  .security-section-3.before-header.bg-neutral-800.blog-post-hero {
    background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c95e59e844d2_iStock-629667036.jpg");
    background-position: 0 0, 80% 30%;
    background-size: auto, cover;
  }

  .media-section-0 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/629da23615e0655cdfe1a763_Frame%202517.png");
    background-position: 50%;
    background-size: cover;
  }

  .demo-container-1, .demo-container-0 {
    max-width: 1268px;
  }

  .sign-up-section-2-grid {
    grid-column-gap: 64px;
    grid-row-gap: 50px;
    width: 100%;
  }

  .sign-up-section-2-block-wrapper {
    width: 240px;
  }

  .sign-up-h2 {
    font-family: Nunito Sans, sans-serif;
    font-weight: 700;
  }

  .ebook---card-wrapper {
    overflow: hidden;
  }

  .ebook---feature-image {
    object-fit: cover;
  }

  .ebook---container-1 {
    max-width: 1248px;
  }

  .ebook---featured-card {
    background-image: none;
  }

  .xpert---section-4---grid {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    width: 130%;
  }

  .case-study-hero-section {
    background-color: var(--white-smoke);
  }

  .section-courses-page-5-copy {
    flex-direction: column;
    align-items: stretch;
  }

  .courses-template-form-button {
    object-fit: fill;
    display: inline-block;
    position: relative;
  }

  .partnership-container-2 {
    z-index: 2;
  }

  .partnership-form-button {
    transition: transform .3s, opacity .3s;
  }

  .advertising1-image-6 {
    padding-left: 0;
  }

  .advertising1-link-6 {
    color: #151528;
  }

  .advertising1-content-wrapper-7 {
    align-self: auto;
    width: 800px;
  }

  .advertising1-heading-7 {
    justify-content: center;
    display: flex;
  }

  .advertising1-button-link-7 {
    display: inline-block;
  }

  .lp_6step_section-2 {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .webinars-hero-section {
    left: 691px;
  }

  .div-block-255 {
    align-self: center;
  }

  .pricing-comparison-grid-cyan, .pricing-comparison-grid-gold, .pricing-comparison-grid-ash {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .comparison-heading {
    margin-top: 0;
    font-family: Nunito Sans, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
  }

  .growth-section-6-image-mobile {
    margin-left: 81px;
  }

  .slider-mask-pricing.about-images {
    overflow: visible;
  }

  .arrow-link-circle-copy.slide {
    background-color: #0d163380;
  }

  .arrow-link-circle-copy.slide:hover {
    background-color: var(--howtoo-yellow);
  }

  .arrow-link-circle-copy.slider-icon.right.icon-cards, .arrow-link-circle-copy.slider-icon.left.icon-cards {
    top: -28%;
  }

  .creator-container-1-1268-copy {
    max-width: 1500px;
    position: relative;
  }

  .div-block-296.align-centre {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .lp_h2-3 {
    font-weight: 700;
  }

  .div-block-301 {
    align-self: center;
  }

  .pricing-details-3 {
    border: 3px solid #53c6d6;
    border-top-width: 12px;
    margin-left: 200px;
  }

  .image-149 {
    right: 200px;
  }

  .signup-form {
    align-items: center;
    padding-top: 0;
    overflow: auto;
  }

  .caption-copy {
    line-height: 17px;
  }

  .home-section-hero {
    min-height: 0;
  }

  .home-hero-cards.align-centre {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .lp2-tilt-background-1-copy {
    bottom: -8%;
    transform: rotate(-5deg);
  }

  .paragraph-52 {
    font-size: 22px;
  }

  .paragraph-53 {
    font-size: 21px;
  }

  .scorm-creator-hero {
    min-height: 0;
  }

  .paragraph-57._2-billion {
    width: 63%;
  }

  .signup-form-sp {
    align-items: center;
    padding-top: 0;
    overflow: auto;
  }

  .home-section-hero-upskill {
    min-height: 0;
  }

  .full-width-container-internal-training {
    width: 100%;
  }

  .call-out-text {
    width: 1000px;
    font-size: 36px;
    line-height: 46px;
  }

  .hero-vid-div.ai-animation-wrapper {
    width: 120%;
  }

  .ai-animation {
    margin-left: 0;
  }

  .section-solution {
    padding-top: 60px;
  }

  .div-block-328 {
    grid-column-gap: 240px;
    grid-row-gap: 240px;
  }

  .ai-animation-2, .academy-animation {
    margin-left: 0;
  }

  .partner-img-1 {
    height: 420px;
  }

  .partner-wrapper, .partner-wrapper-2 {
    padding-left: 0;
  }

  .partner-img-2 {
    background-image: linear-gradient(to right, #f8f8fb, #f8f8fb00 51%), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d7e06aa5b97135e3a17628_strat2.png");
    background-position: 0 0, 100%;
    background-size: auto, cover;
    height: 420px;
  }

  .partner-img-3 {
    height: 420px;
  }

  .partner-img-4 {
    background-image: linear-gradient(to right, #f8f8fb, #fff0 50%), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d7e270786128f12797a16c_stat4.png");
    background-position: 0 0, 100%;
    background-size: auto, cover;
    height: 420px;
  }

  .partner-img-4._2-billion._2 {
    background-position: 0 0, 100%;
  }

  .lp2-tilt-background-1-home {
    height: 1000px;
    top: 708px;
    bottom: -8%;
    transform: rotate(-5deg);
  }

  .call-out-text-copy {
    width: 1000px;
    font-size: 36px;
    line-height: 46px;
  }

  .div-block-331 {
    padding-left: 320px;
    padding-right: 320px;
  }

  .awards-details-col {
    padding-left: 350px;
    padding-right: 350px;
  }

  .awards-text-2 {
    width: 100%;
  }

  ._6step-sayhello_img-2 {
    width: 20%;
  }

  .section-hero-learning-strat {
    left: 691px;
    overflow: hidden;
  }

  .image-161 {
    overflow: visible;
  }

  .learning-strat-img-container {
    display: block;
    top: -435px;
    overflow: visible;
  }

  .growth-tilt-background-1-copy {
    top: 323px;
  }

  .webinar-hero-wrapper {
    max-width: 1500px;
  }

  .page-content {
    background-color: #f4f7fc;
    justify-content: space-between;
    align-items: stretch;
  }

  .content2 {
    flex: 1;
    min-width: 740px;
  }

  .signupimage-2 {
    max-width: 540px;
  }

  .cyber-banner {
    height: 156px;
  }

  .cyber-container {
    width: 35%;
    min-width: 40%;
    max-width: 45%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-content-enterprise {
    max-width: 1280px;
  }

  .ai-animation-copy {
    margin-left: 0;
  }

  .scorm-creator-hero-copy {
    min-height: 0;
  }

  .call-out-text-copy {
    width: 1150px;
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
  }

  .section-call-out-copy {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667bdb1f91fa19b97fcd3247_quotemarks2.png"), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667bd976609972945f403e0f_quotemarks.png"), linear-gradient(#151528, #15152880), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d83cd2cfed4f247dafa87c_callout-bg2.jpg"), linear-gradient(#0000, #0000);
    background-position: 82% 90px, 17% 25%, 0 0, 0 0, 0 0;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .call-out-text-author {
    width: 1000px;
    font-size: 24px;
    line-height: 46px;
  }

  .featiure-animation {
    margin-left: 0;
  }

  .section-feature-hero {
    background-color: #ffffff80;
    margin-top: 0;
    margin-bottom: 0;
  }

  .section-feature-hero._2-billion {
    height: 70vh;
  }

  .wrapper-feature-hero {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-image: none;
    max-width: 1440px;
  }

  .wrapper-hero-text.lms {
    width: 40%;
  }

  .wrapper-logo-carousel {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-bottom: 80px;
  }

  .marquee-horizontal-large2 {
    margin-bottom: 16px;
  }

  .image-partnership {
    right: 20%;
  }

  .image-partnership._2-billion {
    width: 32%;
    max-width: 600px;
    position: absolute;
    inset: 12% 52% auto auto;
  }

  .bg-blur-blue-hero {
    max-width: 500px;
    max-height: 500px;
    top: 22%;
  }

  .bg-blur-blue-hero.lms {
    top: 37%;
    right: 36%;
  }

  .bg-blur-yellow-hero {
    background-color: var(--howtoo-yellow);
    max-width: 400px;
    max-height: 400px;
    top: 40%;
    right: 35%;
    transform: rotate(180deg);
  }

  .bg-blur-yellow-hero.lms {
    top: 42%;
  }

  .bg-blur-pink-hero {
    background-color: var(--howtoo-pink);
    max-width: 400px;
    max-height: 400px;
    top: 22%;
    right: 18%;
    transform: rotate(180deg);
  }

  .bg-blur-pink-hero.lms {
    top: 48%;
    right: 20%;
  }

  .featiure-animation-academy, .featiure-animation-editor, .featiure-animation-reports {
    margin-left: 0;
  }

  .section-feature-hero-copy {
    background-color: #ffffff80;
    margin-top: 0;
    margin-bottom: 0;
  }

  .section-webinar-hero {
    text-align: center;
  }

  .section-speakers {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667e4b759a036b96b200e33a_grad.png"), linear-gradient(#0000, #0000);
    background-position: 50% 500%, 0 0;
  }

  .future-of-training-banner-mob {
    max-width: 1920px;
  }

  .section-banner-future-of-training {
    justify-content: center;
    align-items: center;
    height: 100px;
    display: none;
  }

  .wrapper-banner-f-o-t {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    justify-content: center;
    align-items: center;
    max-width: 1440px;
    display: none;
  }

  .wrapper-banner-date {
    flex-flow: column;
    width: 255px;
    display: flex;
  }

  .banner-img3-f-o-t, .banner-img1-f-o-t {
    width: 25%;
  }

  .banner-img2-f-o-t {
    width: 100%;
    max-width: 100%;
  }

  .wrapper-banner-f-o-t2 {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    justify-content: space-between;
    align-items: center;
    max-width: 1024px;
    display: flex;
  }

  .section-2-billion-in-skills {
    min-height: 0;
  }

  .section-call-out-2-billion {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-hero-text-2-billion {
    width: 100%;
  }

  .wrapper-hero-text-2-billion.lms {
    width: 40%;
  }

  .partners-hero-section {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .partners-hero-section.subscribe-hr {
    padding-bottom: 48px;
  }

  .partners-container.subscribe-hr {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-bottom: 24px;
  }

  .partners-wrapper-hero {
    width: 45%;
    margin-bottom: 16px;
  }

  .partners-wrapper-hero.subscribe-hr {
    width: 55%;
    margin-bottom: 0;
  }

  .partners-wrapper-hero-img {
    width: 60%;
  }

  .partners-wrapper-hero-img.subscribe-hr {
    width: 78%;
  }

  .image-167 {
    box-sizing: border-box;
    object-fit: fill;
  }

  .wrapper-hero-text-subscribe {
    width: 100%;
  }

  .wrapper-hero-text-subscribe.lms {
    width: 40%;
  }

  .subscribe-hr-list {
    margin-bottom: 32px;
  }

  .partners-hero-section-1 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .partners-hero-section-1.subscribe-hr {
    padding-bottom: 48px;
  }

  .partner-image {
    box-sizing: border-box;
    object-fit: fill;
  }
}

@media screen and (max-width: 991px) {
  h3 {
    font-size: 20px;
    line-height: 28px;
  }

  figure {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  figcaption {
    margin-top: 16px;
  }

  .blog-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-section.hero {
    min-height: 0;
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .blog-section.top-section {
    margin-top: 24px;
  }

  .blog-section.post-hero-section {
    background-attachment: scroll;
    min-height: 0;
    max-height: none;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .blog-section.big-paddings {
    padding-top: 64px;
    padding-bottom: 64px;
  }

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

  .blog-section.promo-section {
    height: 92vw;
  }

  .blog-section.nav-layouts-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .blog-section.top-section-categories {
    margin-top: 24px;
  }

  .t-c-wrapper.side-paddings {
    padding-left: 8px;
    padding-right: 8px;
  }

  .t-c-wrapper.nav-bar-v1-wrapper {
    justify-content: flex-end;
  }

  .button.small {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .button.cta {
    width: 300px;
  }

  .nav-bar-old {
    min-height: auto;
  }

  .no-margin {
    margin: 0;
  }

  .no-margin.color-white {
    flex: 1;
  }

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

  .sg-header {
    margin-bottom: 64px;
  }

  .sg-button-block {
    width: 50%;
    padding: 8px;
  }

  .sg-button-wrapper {
    padding: 40px 12%;
  }

  .licence-items {
    width: 81.33%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .sg-block {
    padding-bottom: 96px;
    padding-left: 10%;
    padding-right: 10%;
  }

  .menu-button-old {
    background-color: #0000;
    height: 64px;
    padding: 20px;
  }

  .nav-link-1 {
    font-size: 40px;
    line-height: 32px;
  }

  .instagram-v1 {
    flex-wrap: wrap;
  }

  .instagram-info {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
  }

  .instagram-photos {
    width: 100%;
    max-width: 100%;
    padding-left: 3px;
    padding-right: 3px;
  }

  .instagram-photo-wrapper {
    padding: 5px;
  }

  .post-card {
    background-color: #fff;
  }

  .thumbnail-medium {
    height: 35vw;
  }

  .instagram-gradient {
    display: none;
  }

  .post-v5 {
    width: 50%;
    margin-bottom: -1px;
  }

  .slide-v2-content {
    padding-left: 8px;
    padding-right: 8px;
  }

  .up-button {
    display: block;
  }

  .pagination {
    margin-left: -2px;
    margin-right: -2px;
  }

  .pagination.full {
    margin-top: 24px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .content-with-sidebar {
    flex-wrap: wrap;
  }

  .side-posts {
    flex: 0 auto;
    width: 100%;
  }

  .sidebar {
    width: 50%;
    margin-left: 0;
    margin-right: auto;
    padding-top: 64px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .sidebar.left {
    margin-right: 0%;
  }

  .sidebar-block.sticky {
    position: static;
  }

  .sidebar-category:hover {
    box-shadow: inset 0 0 0 1px #fff6;
  }

  .header-block.side-margins {
    margin-left: 8px;
    margin-right: 8px;
  }

  .header {
    font-size: 18px;
    line-height: 28px;
  }

  .search-close {
    width: 64px;
    height: 64px;
  }

  .slider-arrow-button {
    width: 44px;
    height: 44px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .slider-v2-nav {
    height: 48px;
  }

  .slide {
    top: 0;
    bottom: 0;
  }

  .slider-v2 {
    height: 64vw;
    min-height: 0;
    margin-left: 8px;
    margin-right: 8px;
  }

  .slide-v2 {
    padding: 128px 80px;
  }

  .post-v5-medium, .post-v5-small, .post-v5-big {
    min-height: 46vw;
  }

  .slide-v2-heading {
    margin-bottom: 24px;
    font-size: 34px;
    line-height: 44px;
  }

  .category-v1 {
    height: 56px;
    margin: 4px;
    font-size: 17px;
    line-height: 24px;
  }

  .category-v1:hover {
    box-shadow: inset 0 0 0 1px #fff6;
  }

  .sg-categories {
    display: none;
    top: 64px;
  }

  .search-result-thumbnail {
    width: 128px;
    height: 96px;
  }

  .search-results-form {
    padding-top: 0;
    padding-bottom: 0;
  }

  .search-result-info {
    padding-left: 24px;
  }

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

  .contact {
    padding-left: 8px;
    padding-right: 8px;
  }

  .about-block-2 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .instagram-hover {
    display: none;
  }

  .instagram-logo {
    height: 120px;
    top: -48px;
    left: auto;
  }

  .category-v2-link {
    margin-left: 16px;
    margin-right: 16px;
  }

  .nav-link-5 {
    background-color: #fff;
    width: 33.33%;
    margin-left: 0;
    margin-right: 0;
    padding: 16px 24px;
    box-shadow: 0 0 0 1px #e2e4eb;
  }

  .thumbnail-big {
    height: 64vw;
    padding: 20px;
  }

  .changelog {
    width: 83.33%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .change {
    padding: 24px;
  }

  .footer-v2 {
    flex-wrap: wrap;
  }

  .footer-v2-social {
    right: 16px;
  }

  .footer-v2-social-line, .footer-v2-social-heading {
    display: none;
  }

  .subscribe-v1 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .banner {
    margin: 8px;
  }

  .instagram-v2 {
    flex-wrap: wrap;
  }

  .instagram-v2-photo-wrapper {
    flex: 0 auto;
    width: 25%;
  }

  .layouts {
    grid-column-gap: 8vw;
    grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
    margin-left: -8px;
    margin-right: -8px;
    padding-top: 0;
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .layout-thumb {
    max-height: 58vw;
    overflow: hidden;
  }

  .layout-thumb:hover {
    transform: none;
  }

  .post-summary {
    font-size: 12px;
    line-height: 20px;
  }

  .nav-brand-v1 {
    min-height: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .search-form-input {
    background-position: 16px;
    width: 100%;
    padding-left: 40px;
  }

  .search-form-input:focus {
    width: 200px;
  }

  .search-form-input::placeholder {
    color: var(--grey-2);
  }

  .menu-icon-line-bottom-old {
    background-color: #151515;
    border-radius: 1px;
    width: 20px;
    height: 2px;
    margin-top: 6px;
  }

  .nav-menu-v1 {
    background-color: #fff;
    flex: 0 auto;
    width: 100%;
    max-height: 100vh;
    margin-top: -60px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 64px;
    padding-bottom: 12px;
    padding-right: 16px;
    position: absolute;
    overflow: scroll;
  }

  .menu-icon-line-top-old {
    background-color: #151515;
    border-radius: 1px;
    width: 20px;
    height: 2px;
    margin-bottom: 6px;
  }

  .search-button {
    display: none;
  }

  .nav-link {
    flex: 0 auto;
    width: auto;
    min-width: auto;
    height: 35px;
    padding: 12px 20px 12px 0;
    display: block;
  }

  .nav-link:hover {
    background-color: #0000;
    width: 90px;
    text-decoration: none;
  }

  .nav-menu-small {
    display: block;
  }

  .nav-right {
    flex: 1;
    margin-left: 0;
    padding-right: 0;
  }

  .nav-bar-v1 {
    background-color: #fff;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .menu-button {
    background-color: #0000;
    width: 60px;
    height: 60px;
    padding: 20px;
  }

  .menu-button.w--open {
    color: #151515;
    background-color: #0000;
  }

  .search-form {
    flex: 0 auto;
    margin-bottom: 4px;
    padding: 4px 0;
  }

  .search-form:focus {
    text-align: left;
    flex-grow: 1;
  }

  .dropdown-link {
    z-index: 1;
    color: #151515;
    padding: 12px 32px;
  }

  .dropdown-link:hover {
    color: #151515;
    background-color: #0000;
    padding-left: 32px;
  }

  .dropdown-list {
    z-index: 2;
    display: none;
    position: relative;
  }

  .dropdown-list.w--open {
    box-shadow: none;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .dropdown-list.big-list {
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
  }

  .nav-link-small {
    color: #151515;
    padding: 12px 20px 12px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
  }

  .nav-link-small:hover {
    text-decoration: none;
  }

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

  .nav-logo-text {
    margin-left: 12px;
    font-size: 16px;
    line-height: 24px;
  }

  .column.column-v2 {
    margin-bottom: 40px;
  }

  .footer-v1-logo {
    height: 43px;
  }

  .footer-v1-column {
    width: 50%;
    padding-left: 4%;
    padding-right: 4%;
  }

  .footer-bottom {
    margin-left: 8px;
    margin-right: 8px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .footer-bottom-left {
    flex: 0 auto;
    width: 65%;
  }

  .thumbnail-small {
    height: 35vw;
    padding: 20px;
  }

  .post-card-v2-big {
    background-color: #fff;
    height: 64vw;
  }

  .post-card-v2-medium, .post-card-v2-small {
    background-color: #fff;
    height: 55vw;
  }

  .thumbnail-huge {
    height: 35vw;
    padding: 20px;
  }

  .post-v5-card {
    background-color: #fff;
  }

  .posts-v5 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .grid-v1 {
    grid-column-gap: 16px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .slider-v5 {
    flex: 0 auto;
  }

  .slider-v5-wrapper {
    margin-left: 8px;
    margin-right: 8px;
  }

  .slider-v5-arrow {
    right: 32px;
  }

  .slide-v5-post {
    max-width: 75vw;
    padding-left: 16px;
  }

  .slider-v5-icon {
    margin-right: 16px;
  }

  .post-v3-card {
    background-color: #fff;
  }

  .post-v3-thumbnail {
    width: 34vw;
    height: 26vw;
  }

  .post-v3-content {
    padding-left: 24px;
    padding-right: 32px;
  }

  .connect {
    margin-left: 8px;
    margin-right: 8px;
  }

  .connect-link {
    flex-direction: column;
    flex: 1;
    justify-content: center;
  }

  .grid-small {
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    grid-template-columns: repeat(auto-fit, minmax(40vw, .5fr));
    margin-left: 8px;
    margin-right: 8px;
  }

  .grid-medium {
    grid-column-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));
    margin-left: 8px;
    margin-right: 8px;
  }

  .grid-big {
    grid-template-columns: repeat(auto-fit, minmax(80vw, 1fr));
    margin-left: 8px;
    margin-right: 8px;
  }

  .connect-link-text {
    margin-top: 8px;
    margin-left: 0;
    font-size: 12px;
    line-height: 20px;
  }

  .post-hero-content {
    max-width: 100%;
    margin-left: 0;
    padding-bottom: 20px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .post {
    order: -1;
    padding-left: 8px;
    padding-right: 8px;
  }

  .post-wrapper {
    flex-wrap: wrap;
    padding-top: 0;
  }

  .post-share {
    align-items: flex-end;
    width: 104px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .post-content {
    flex: 0 auto;
    width: 100%;
  }

  .post-more {
    padding-left: 8px;
    padding-right: 8px;
  }

  .grid-mini {
    grid-column-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));
    margin-left: 8px;
    margin-right: 8px;
  }

  .post-subscribe, .blog-cms-grid-list {
    margin-left: 8px;
    margin-right: 8px;
  }

  .post-v6-card {
    background-color: #fff;
    padding-right: 48px;
  }

  .slider-v3-arrow {
    top: -48px;
  }

  .slide-v3 {
    width: 50%;
  }

  .subscribe-v2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 16%;
    padding-right: 16%;
  }

  .subscribe-v2-heading {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
    padding-right: 0;
  }

  .subscribe-v2-form-block {
    width: 100%;
  }

  .banner-728x90 {
    margin: 8px;
  }

  .grid-v2 {
    background-color: #0000;
    grid-template-rows: 64vw auto;
    grid-template-columns: 100%;
    margin-left: 8px;
    margin-right: 8px;
    padding-right: 0;
    display: block;
  }

  .post-card-v2-max {
    background-color: #fff;
    height: 64vw;
  }

  .grid-list-item {
    padding-right: 16px;
  }

  .grid-scroll-list {
    grid-column-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));
    margin-top: 20px;
    padding-bottom: 1px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .page-intro {
    max-width: 80vw;
  }

  .privacy-text {
    flex: 0 auto;
    width: 100%;
    margin-top: -63px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .breadcrumbs {
    margin-top: 8px;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 10px;
  }

  .grid-full-medium {
    grid-template-columns: repeat(auto-fit, 50%);
  }

  .post-card-v3-medium {
    background-color: #fff;
    height: 60vw;
  }

  .slider-v4 {
    flex: 0 auto;
    margin-left: 8px;
    margin-right: 8px;
  }

  .slider-v4-info {
    padding-left: 32px;
  }

  .slider-v4-arrow {
    left: 32px;
  }

  .slide-v4 {
    width: 100%;
  }

  .slide-v4-post {
    max-width: 75vw;
    padding-left: 16px;
  }

  .about-block-1 {
    margin-left: 8%;
    margin-right: 8%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .team {
    padding-left: 8px;
    padding-right: 8px;
  }

  .team-grid {
    grid-column-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));
  }

  .team-member-photo {
    height: 31vw;
  }

  .popup {
    width: 92vw;
  }

  .popup-info {
    padding-left: 40px;
    padding-right: 40px;
  }

  .search-results {
    padding-left: 10%;
    padding-right: 10%;
  }

  .empty-state {
    margin-left: 8px;
    margin-right: 8px;
  }

  .slider-v1 {
    height: 520px;
    min-height: 0;
  }

  .slider-nav {
    height: 48px;
  }

  .slide-v1 {
    padding: 128px 80px;
  }

  .slide-v1-content {
    padding-left: 8px;
    padding-right: 8px;
  }

  .slide-v1-heading {
    margin-bottom: 24px;
    font-size: 34px;
    line-height: 44px;
  }

  .grid-v3 {
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .grid-v3-side-post {
    width: 50%;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .collection-list-wrapper {
    order: -1;
  }

  .grid-v3-column {
    width: 100%;
    margin-top: 24px;
    padding-top: 8px;
  }

  .grid-v3-side-posts {
    flex-wrap: wrap;
    justify-content: flex-start;
    display: flex;
  }

  .grid-v3-main-post {
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .promo-logo {
    width: 64px;
  }

  .floating-slider {
    width: 65vw;
    margin-top: -3vw;
    margin-left: -28vw;
  }

  .promo-intro {
    max-width: 520px;
  }

  .floating-author {
    width: 29vw;
    margin-top: -5vw;
    margin-right: 5vw;
  }

  .floating-post-small {
    width: 29vw;
    margin-top: 3vw;
    margin-left: 36vw;
  }

  .floating-cookie {
    width: 24vw;
    margin-top: 24vw;
    margin-right: -8vw;
    display: none;
  }

  .floating-post {
    width: 30vw;
    margin-bottom: -12vw;
  }

  .floating-subscribe {
    width: 40vw;
    margin-bottom: 7vw;
    margin-left: -4vw;
  }

  .floating-post-big {
    width: 45vw;
    margin-bottom: 2vw;
    margin-right: -11vw;
  }

  .floating-slider-list {
    width: 79vw;
    margin-top: 23vw;
    margin-bottom: auto;
    margin-right: -51vw;
    inset: 0% 0% auto auto;
  }

  .nav-bar-v2 {
    background-color: #fff;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-brand-v2 {
    min-height: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-brand-v2.w--current {
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-menu-v2 {
    background-color: #fff;
    flex: 0 auto;
    width: 100%;
    max-height: 100vh;
    margin-top: -60px;
    margin-left: 0;
    margin-right: 0;
    padding: 64px 16px 16px;
    position: absolute;
    overflow: scroll;
  }

  .menu-icon {
    width: 20px;
    height: 20px;
  }

  .menu-button-v2 {
    background-color: #0000;
    width: 60px;
    height: 60px;
    padding: 20px;
  }

  .menu-button-v2.w--open {
    color: #151515;
    background-color: #0000;
  }

  .menu-button-v2.side-menu-button {
    display: none;
  }

  .nav-right-v2 {
    flex: 1;
    margin-left: 0;
    padding-right: 0;
  }

  .menu-button-2 {
    border-left: 1px solid #161a251a;
    margin-left: 16px;
  }

  .menu-button-2.w--open {
    color: #161a25;
    background-color: #0000;
  }

  .grid {
    grid-row-gap: 48px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-left: 8px;
    padding-right: 8px;
  }

  .contact-v2-info {
    flex: 1;
    padding-right: 30px;
  }

  .contact-v2-sidebar {
    display: flex;
  }

  .intro-buy-promo {
    padding-top: 0;
  }

  .promo-intro-heading {
    margin-bottom: 24px;
  }

  .responsive-promo {
    padding-bottom: 32px;
  }

  .iphone {
    width: 34vw;
    max-width: none;
  }

  .side-info-left {
    text-align: center;
    align-items: center;
    padding-left: 16%;
    padding-right: 16%;
  }

  .iphone-circle {
    width: 60vw;
    height: 60vw;
  }

  .post-layouts {
    margin: -19px 12% 16px;
  }

  .inner-page-links {
    justify-content: center;
  }

  .nav-bar-v3 {
    background-color: #fff;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu-v3 {
    background-color: #fff;
    flex: 0 auto;
    width: 100%;
    max-height: 100vh;
    margin-top: -60px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 64px;
    padding-right: 16px;
    position: absolute;
    overflow: scroll;
  }

  .nav-brand-v3 {
    min-height: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-right-v3 {
    flex: 0 auto;
    margin-left: 0;
    padding-right: 0;
    position: relative;
  }

  .top-bar-container {
    padding-left: 8px;
    padding-right: 8px;
  }

  .top-bar {
    margin-left: 0;
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .nav-layouts {
    grid-column-gap: 31px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .nav-layout-heading {
    margin-bottom: 20px;
  }

  .nav-layout-gradient {
    background-image: linear-gradient(#06c25e00, #06c25e 80%);
    height: 60px;
  }

  .testimonial-slide {
    width: 100%;
  }

  .testimonials-slider-arrow {
    top: -48px;
  }

  .grid-full-big {
    grid-template-columns: repeat(auto-fit, 50%);
  }

  .grid-full-big.version-2 {
    grid-template-columns: repeat(auto-fit, 100%);
  }

  .post-card-v3-big {
    background-color: #fff;
    height: 60vw;
    min-height: 0;
  }

  .instagram-grid {
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    margin-left: 8px;
    margin-right: 8px;
  }

  .dropdown-social-link {
    z-index: 1;
    color: #151515;
    padding: 12px 32px;
  }

  .dropdown-social-link:hover {
    color: #151515;
    background-color: #0000;
    padding-left: 32px;
  }

  .big-image-section {
    height: 60vw;
  }

  .grid-side-info {
    margin-bottom: -40px;
  }

  .grid-sticky-info {
    max-width: 66.66%;
    position: static;
  }

  .pricing {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    grid-template-columns: repeat(auto-fit, minmax(80%, 1fr));
    max-width: 66.66%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px;
  }

  .pricing-bottom-text {
    max-width: 66.66%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .pricing-card {
    padding-left: 16%;
    padding-right: 16%;
  }

  .answer {
    padding-left: 36px;
  }

  .image-2 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .thumbnail-max {
    height: 60vw;
    padding: 20px;
  }

  .dropdown-wrapper.w--open {
    width: auto;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    left: auto;
    right: auto;
  }

  .dropdown-space {
    display: block;
  }

  .dropdown-sidebar {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .dropdown-posts {
    display: none;
  }

  .dropdown-post-grid {
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    grid-template-columns: repeat(auto-fit, minmax(40vw, .5fr));
    margin-left: 8px;
    margin-right: 8px;
  }

  .dropdown-sidebar-link {
    z-index: 1;
    color: #151515;
    padding: 12px 32px;
    font-size: 13px;
  }

  .dropdown-sidebar-link:hover {
    color: #151515;
    background-color: #0000;
    padding-left: 32px;
  }

  .message-popup {
    margin-bottom: 12px;
    margin-left: 12px;
  }

  .post-popup, .dropdown-toggle {
    display: none;
  }

  .cookies-popup {
    margin-bottom: 12px;
    margin-left: 0;
  }

  .cookies-text {
    width: 1020px;
    margin-left: 16px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 40px;
  }

  .cookie-div-block {
    width: auto;
    min-width: 0;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .button-cookie.small {
    width: 20%;
    margin-left: 0;
    margin-right: 16px;
    display: flex;
  }

  .button-cookie.cta {
    width: 300px;
  }

  .button-cookie.small-cookie {
    width: 20%;
    margin-left: 0;
    margin-right: 16px;
    display: flex;
  }

  .text-block-5 {
    width: auto;
  }

  .text-block-5:hover {
    width: 80px;
  }

  .text-block-6 {
    display: none;
  }

  .nav-link-2 {
    flex: 0 auto;
    width: 70px;
    min-width: auto;
    height: 35px;
    padding: 12px 20px 12px 0;
    display: block;
  }

  .nav-link-2:hover {
    background-color: #0000;
    width: 70px;
    text-decoration: none;
  }

  .nav-link-v0 {
    flex: 0 auto;
    width: 115px;
    min-width: auto;
    height: 35px;
    padding: 12px 20px 12px 0;
    display: block;
  }

  .nav-link-v0:hover {
    background-color: #0000;
    width: 90px;
    text-decoration: none;
  }

  .wrapper-categories-dropdown.side-paddings {
    padding-left: 8px;
    padding-right: 8px;
  }

  .wrapper-categories-dropdown.nav-bar-v1-wrapper {
    justify-content: flex-end;
  }

  .burger-icon {
    z-index: 400;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    padding: 4px;
    display: flex;
    position: relative;
  }

  .primary-button {
    display: inline-block;
  }

  .navbar-dropdown {
    width: 100%;
  }

  .dropdown-list-2 {
    border-bottom: 1px solid #dee2ef;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .dropdown-list-2.w--open {
    box-shadow: none;
    border-radius: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button-3 {
    padding: 0;
  }

  .menu-button-3.w--open {
    background-color: #0000;
  }

  .buttons-container {
    background-color: #eff3fb;
    justify-content: center;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 0;
  }

  .dropdown-icon-2 {
    display: flex;
  }

  .dropdown-toggle-3 {
    width: 100%;
  }

  .dropdown-toggle-3.white, .dropdown-toggle-3.white:hover {
    color: #37446f;
  }

  .top-burger-line {
    background-color: #37446f;
    border-radius: 20px;
    width: 28px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-menu {
    background-color: #fff;
    border-radius: 0;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 20px 60px #37446f66;
  }

  .bottom-burger-line {
    background-color: #37446f;
    border-radius: 20px;
    width: 28px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .middle-burger-line {
    background-color: #37446f;
    border-radius: 20px;
    width: 28px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navigation {
    position: absolute;
    inset: 0% 0% auto;
  }

  .container-12 {
    max-width: 80%;
  }

  .h1 {
    max-width: 100%;
    font-size: 48px;
  }

  .subtitle {
    margin-right: 20px;
    font-size: 38px;
  }

  .image-11 {
    max-width: 70%;
  }

  .image-13 {
    width: 140%;
  }

  .link-block-2 {
    width: 25%;
  }

  .navigation-2 {
    background-color: #fff;
    position: fixed;
    inset: 0% 0% auto;
  }

  .grid-2 {
    grid-column-gap: 5vh;
  }

  .section-9 {
    width: 100%;
  }

  .container-5 {
    max-width: 80%;
    display: block;
  }

  .section-6 {
    object-fit: fill;
    height: 100%;
    margin-bottom: 40px;
  }

  .slider-5 {
    width: auto;
    height: 100%;
  }

  .mask-5 {
    object-fit: fill;
    height: 100%;
  }

  .slide-10 {
    object-fit: contain;
    background-image: none;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    overflow: visible;
  }

  .container-11 {
    object-fit: cover;
    height: 100%;
  }

  .grid-3 {
    grid-column-gap: 13px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 2.75fr;
    align-items: center;
    width: 100%;
  }

  .container-6 {
    align-items: center;
  }

  .container-13 {
    max-width: 80%;
  }

  .pricing-details {
    align-items: flex-start;
    width: 100%;
    margin-left: auto;
  }

  .check-icon-v-2 {
    margin-left: 0;
  }

  .body-p {
    margin-top: 0;
    margin-bottom: 0;
  }

  .body-p.color-white.top-margin-90 {
    margin-top: 0;
  }

  .heading-3 {
    width: 100%;
  }

  .small-feature {
    align-items: center;
  }

  .small-feature.margin-top {
    max-width: 100%;
  }

  .section-10 {
    padding-top: 20px;
  }

  .image-9 {
    max-width: 100%;
    display: none;
  }

  .section-11.dark {
    padding-bottom: 40px;
    display: block;
  }

  .section-11.hero {
    background-size: cover;
    padding-top: 100px;
  }

  .section-11.dark {
    display: none;
  }

  .container {
    display: block;
  }

  .title-container {
    align-items: flex-start;
    max-width: 100%;
    margin-bottom: 0;
    display: block;
  }

  .h2.white {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-2 {
    justify-content: center;
    display: flex;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .h1-3 {
    max-width: 100%;
    font-size: 40px;
  }

  .container-14 {
    align-items: center;
    max-width: 95%;
  }

  .background-video-4 {
    max-width: 70%;
  }

  .div-block {
    margin-right: 10px;
  }

  .section-12 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .background-video-5 {
    object-fit: contain;
    width: 400px;
    height: 250px;
  }

  .container-15 {
    max-width: 80%;
  }

  .h1-3-copy {
    max-width: 90%;
    font-size: 40px;
  }

  .image-14 {
    object-fit: contain;
    width: 60%;
    max-width: 80%;
  }

  .pricing-details-copy {
    align-items: flex-start;
    width: 100%;
  }

  .grid-3-copy {
    grid-column-gap: 13px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 2.75fr;
    align-items: center;
    width: 100%;
  }

  .container-17 {
    max-width: 80%;
  }

  .grid-2-copy {
    grid-column-gap: 5vh;
  }

  .container-12-copy {
    max-width: 100%;
  }

  .section-6-copy {
    object-fit: fill;
    height: 100%;
  }

  .container-17-copy {
    max-width: 90%;
  }

  .section-10-copy {
    padding-top: 20px;
  }

  .image-11-copy {
    max-width: 70%;
  }

  .container-18, .container-20 {
    max-width: 95%;
  }

  .container-21 {
    display: flex;
  }

  .nav-mobile-logo {
    display: block;
  }

  .nav-menu-2 {
    z-index: 300;
    background-color: var(--white);
    flex-direction: row;
    flex: 0 auto;
    order: 0;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    width: 100%;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: relative;
  }

  .footer-middle {
    grid-row-gap: 60px;
    grid-template-columns: auto auto;
    justify-content: stretch;
  }

  .nav-link-6 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .nav-link-6:hover {
    color: #0b6dff;
  }

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

  .header-navigation {
    flex-direction: column;
    align-items: flex-start;
  }

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

  .nav-item-wrapper {
    text-align: left;
    width: 100%;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-button {
    flex-direction: row;
    justify-content: space-around;
    align-self: center;
    display: block;
  }

  .lightbox-link-2 {
    background-color: #0000;
    top: -42px;
    left: 166px;
  }

  .flex-container {
    display: block;
  }

  .hero-image-mask {
    margin-left: 0;
    display: block;
  }

  .hero {
    padding-bottom: 0;
  }

  .button-copy-copy {
    margin-left: 10px;
  }

  .subtitle-2 {
    margin-bottom: 20px;
    margin-right: auto;
    font-size: 17px;
  }

  .h1-4 {
    max-width: 100%;
    font-size: 48px;
    line-height: 58px;
  }

  .section-18 {
    padding-top: 20px;
  }

  .pricing-details-2 {
    align-items: flex-start;
    width: 100%;
    position: relative;
    left: auto;
  }

  .container-22 {
    align-items: center;
    max-width: 80%;
  }

  .heading-13 {
    width: 100%;
  }

  .grid-5 {
    grid-column-gap: 13px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 2.75fr;
    align-items: center;
    width: 100%;
  }

  .section-19 {
    width: 100%;
    display: block;
  }

  .heading-14 {
    text-align: center;
    width: 100%;
  }

  .nav-menu-3 {
    background-color: #fff;
  }

  .button-copy-3, .button-6 {
    justify-content: center;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .small-container {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .small-container.hero {
    text-align: center;
    text-align: center;
    object-fit: contain;
    text-align: center;
    text-align: center;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    min-width: 100%;
    max-width: none;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .h1-5 {
    text-align: left;
    width: 100%;
    font-size: 42px;
    display: block;
  }

  .form-block-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .container-24 {
    width: 80%;
    min-width: 80%;
    max-width: 80%;
    margin-left: 0;
    margin-right: 0;
  }

  .subtitle-3 {
    text-align: left;
    width: 100%;
    margin-bottom: 0;
  }

  .two-col-grid {
    grid-template-columns: 1fr;
    justify-items: center;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .two-col-grid.max-width {
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-template-columns: max-content;
    grid-auto-flow: row;
    place-content: stretch center;
    width: 90%;
    min-width: 90%;
    max-width: 90%;
  }

  .subtitle-4 {
    text-align: left;
    width: 100%;
    margin-bottom: 0;
  }

  .nav-link-7 {
    color: #fff;
    font-size: 13px;
    line-height: 24px;
  }

  .nav-link-7:hover {
    color: #0b6dff;
  }

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

  .form-2-copy, .form-2-copy-copy, .creator-video-form {
    width: 100%;
  }

  .section-11-copy.hero {
    background-size: cover;
    padding-top: 100px;
  }

  .section-11-copy.hero-copy {
    background-size: cover;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding-top: 40px;
    display: none;
  }

  .section-11-copy.hero-copy-copy {
    background-size: cover;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding-top: 40px;
    display: flex;
  }

  .creator {
    width: 100%;
  }

  .creator-bg.hero, .creator-bg.hero-copy {
    background-size: cover;
    padding-top: 100px;
  }

  .ceator-form {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .section-11-copy-copy.hero, .section-11-copy-copy.hero-copy {
    background-size: cover;
    padding-top: 100px;
  }

  .two-col-grid-copy {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .two-col-grid-copy.max-width {
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-template-columns: max-content;
    justify-content: center;
    width: 100%;
  }

  .h1-6 {
    text-align: left;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .subtitle-5 {
    text-align: left;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 0;
  }

  .form-2 {
    width: 100%;
    display: flex;
    position: relative;
  }

  .h1-7 {
    text-align: center;
    width: 100%;
    display: block;
  }

  .container-26 {
    display: block;
  }

  .nav-link-8 {
    color: #fff;
    font-family: Nunito Sans, sans-serif;
    font-size: 13px;
    line-height: 24px;
  }

  .nav-link-8:hover {
    color: #0b6dff;
  }

  .nav-link-8.w--current {
    color: #fff;
    font-family: Nunito Sans, sans-serif;
  }

  .mg-top-48px {
    margin-top: 40px;
    display: block;
  }

  .top-content.text.slider {
    grid-template-columns: .75fr;
    margin-bottom: 38px;
  }

  .top-content.text {
    grid-row-gap: 26px;
    grid-template-columns: 1fr;
  }

  .top-content._1-4fr---0-6fr {
    grid-row-gap: 42px;
    grid-template-columns: 1fr;
  }

  .icon-font.chevron-dropdown {
    font-size: 9px;
    line-height: 7px;
  }

  .button-primary {
    display: inline-block;
  }

  .button-primary.yellow.align-centre {
    align-items: center;
    display: inline-block;
  }

  .button-primary.auto-width {
    width: 50%;
  }

  .color-white.align-centre {
    text-align: center;
  }

  .color-white.createsharetrack_p {
    font-size: 14px;
  }

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

  .grid-2-columns {
    grid-column-gap: 30px;
  }

  .grid-4-columns {
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-4-columns.card-table {
    grid-column-gap: 30px;
    grid-template-columns: 1fr .4fr;
  }

  .card-table {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .card-table-detail {
    font-size: 16px;
    line-height: 18px;
  }

  .arrow-link-circle.slide {
    margin-left: 20px;
    margin-right: 20px;
  }

  .arrow-link-circle.slider-icon.right.icon-cards, .arrow-link-circle.slider-icon.left.icon-cards {
    display: none;
  }

  .arrow-link-circle._56px.service-card {
    flex: none;
  }

  .image-19 {
    text-align: center;
    max-width: 100%;
    display: block;
  }

  .lightbox-link-4 {
    width: auto;
    max-width: none;
    display: block;
  }

  .columns-3 {
    display: block;
  }

  .column-4 {
    object-fit: fill;
    display: flex;
    position: relative;
  }

  .column-5 {
    display: flex;
  }

  .heading-15 {
    margin-top: -30px;
    padding-top: 10px;
    font-size: 20px;
  }

  .slide-nav {
    margin-top: auto;
    position: relative;
    top: auto;
  }

  .lightbox-link-5 {
    display: block;
    position: relative;
  }

  .image-21 {
    display: block;
  }

  .list {
    text-align: center;
    flex: 0 auto;
    list-style-type: none;
    display: block;
  }

  .container-27 {
    text-align: center;
    justify-content: center;
    display: flex;
  }

  .container-28 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .section-23 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .paragraph-10 {
    font-size: 17px;
  }

  .grid-7-laptop {
    display: none;
  }

  .grid-7-laptop-copy {
    margin-top: 0;
    display: block;
  }

  .pricing-details-2-copy {
    align-items: flex-start;
    width: 100%;
    position: relative;
    left: auto;
  }

  .flex-container-2 {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 90%;
    display: flex;
  }

  .div-block-7 {
    width: 100%;
    min-width: 100%;
    margin-right: 0;
  }

  .video-2 {
    justify-content: center;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 57%;
    display: flex;
  }

  .grid-8 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
  }

  .heading-20 {
    margin-bottom: 0;
  }

  .p-button {
    width: 35%;
  }

  .heading-20-copy {
    text-align: center;
    margin-top: 60px;
  }

  .container-33 {
    max-width: 80%;
  }

  .div-block-8 {
    width: 100%;
  }

  .container-34 {
    max-width: 80%;
  }

  .div-block-10 {
    width: 80%;
    min-width: 80%;
    max-width: 15%;
  }

  .paragraph-4-copy-copy {
    margin-top: 10px;
  }

  .section-11-copy-copy.hero {
    background-size: cover;
    padding-top: 100px;
  }

  .section-11-copy-copy.hero-copy {
    background-size: cover;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding-top: 40px;
    display: flex;
  }

  .section-11-copy-copy.hero-copy-copy {
    background-size: cover;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding-top: 40px;
    display: none;
  }

  .section-27 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-12 {
    margin-left: auto;
    margin-right: auto;
  }

  .section-28 {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .div-block-13 {
    margin-right: auto;
  }

  .section-29 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-15 {
    max-width: 100%;
  }

  .section-30 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-16 {
    max-width: 100%;
  }

  .div-block-17 {
    max-width: 100%;
    margin-left: 0;
  }

  .image-28 {
    align-self: flex-start;
    max-width: 20%;
  }

  .section-31 {
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-19 {
    padding-left: 0;
    display: block;
  }

  .section-33 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-20 {
    justify-content: center;
    display: block;
  }

  .image-29 {
    align-self: flex-start;
    max-width: 20%;
  }

  .div-block-15-copy {
    max-width: 100%;
  }

  .section-34 {
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-8-copy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: center;
  }

  .h2_new.width-600 {
    width: auto;
  }

  .banner_device {
    margin: 8px;
  }

  .gradient-stripe {
    height: 200px;
    margin-top: 0;
    top: 26px;
  }

  .lp_hero-image {
    height: 252px;
  }

  .section-37 {
    height: auto;
    padding-bottom: 80px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-25 {
    padding-right: 0;
    display: none;
  }

  .image-32 {
    width: 300px;
    display: block;
  }

  .lp_h1 {
    width: 600px;
    max-width: 100%;
    font-size: 48px;
    line-height: 58px;
  }

  .lp_h2 {
    margin-left: 0;
    margin-right: auto;
  }

  .lp_h2.align-centre {
    margin-left: auto;
  }

  .lp_h2.lp2-gradient {
    margin-right: 0;
  }

  .div-block-27 {
    margin-left: 0;
  }

  .section-38 {
    height: 500px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: none;
  }

  .div-block-29 {
    display: none;
  }

  .section-38-copy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-31 {
    width: 230px;
  }

  .section-39 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-32 {
    max-width: 50%;
  }

  .div-block-33 {
    left: 47px;
  }

  .section-40 {
    height: auto;
  }

  .div-block-36 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-37 {
    width: 260px;
  }

  .lp_h2_300 {
    text-align: center;
    margin-left: 0;
    position: static;
  }

  .section-41 {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-39 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .section-42 {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
  }

  .lp_h1-form {
    justify-content: center;
    width: auto;
    max-width: 100%;
    font-size: 48px;
    line-height: 58px;
  }

  .div-block-43 {
    width: auto;
  }

  .lp_hero {
    height: 800px;
    padding-bottom: 0;
  }

  .div-block-45 {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-38-copy-copy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .subtitle-2-copy {
    margin-bottom: 20px;
    margin-right: 20px;
    font-size: 17px;
  }

  .subtitle-icon {
    width: auto;
  }

  .lp_h2_absolute {
    width: auto;
    margin-left: 420px;
    margin-right: 20px;
  }

  .lightbox-link-6 {
    left: 51.2%;
  }

  .link-block-5 {
    width: 260px;
  }

  .div-block-46 {
    margin-left: auto;
    left: 0;
  }

  .form-block-2-copy, .form-block-discover-creator {
    margin-left: auto;
    margin-right: auto;
  }

  .cs_painchek_section {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
  }

  .div-block-47 {
    max-width: none;
    margin-right: 0;
  }

  .div-block-48 {
    background-color: #eeeff2;
    margin-top: 40px;
    margin-left: 0;
    padding-left: 0;
  }

  .div-block-49 {
    justify-content: center;
    width: 100%;
    margin-left: 0;
    display: flex;
  }

  .div-block-51 {
    flex: 0 auto;
  }

  .div-block-52 {
    max-width: none;
  }

  .div-block-58 {
    order: 1;
    max-width: none;
    height: 447px;
  }

  .div-block-59 {
    margin-top: 20px;
    margin-left: 0;
    position: static;
  }

  .div-block-60 {
    grid-column-gap: 15px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: minmax(310px, 1fr);
    grid-auto-columns: minmax(40vw, 1fr);
    grid-auto-flow: column;
    place-content: stretch start;
    justify-items: stretch;
    max-width: none;
    display: grid;
  }

  .image-42 {
    object-fit: fill;
    margin-left: auto;
    margin-right: auto;
    display: block;
    left: auto;
    overflow: visible;
  }

  .div-block-61 {
    max-width: none;
    margin-top: 200px;
    position: relative;
    top: 230px;
  }

  .section-43 {
    height: 450px;
    top: 1500px;
  }

  .div-block-62 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .case-studies-read-more-content-wrapper {
    height: 320px;
  }

  .section-44 {
    height: 150px;
  }

  .image-44 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .div-block-68 {
    margin-bottom: 20px;
  }

  .image-45 {
    width: 50%;
    height: 100%;
  }

  .div-block-69 {
    margin-left: auto;
    margin-right: auto;
  }

  .lightbox-link-7 {
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
  }

  .lp_h1-form-2 {
    justify-content: center;
    width: auto;
    max-width: 100%;
    font-size: 48px;
    line-height: 58px;
  }

  .p-button-2 {
    width: 35%;
  }

  .section-45 {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
  }

  .div-block-70 {
    height: 60px;
  }

  .div-block-71 {
    margin-top: 60px;
  }

  .section-46 {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding-bottom: 40px;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
  }

  .nunito-300-36px {
    width: 100%;
    margin-top: 20px;
  }

  .nunito-300-36px.no-spacing {
    margin-top: 0;
  }

  .div-block-72 {
    order: 1;
    align-self: flex-start;
    max-width: 100%;
    display: block;
    position: static;
  }

  .nunito-300-58px {
    margin-top: 0;
  }

  .professional-cards {
    padding: 40px 60px;
    display: block;
  }

  .div-block-73 {
    width: auto;
    margin-bottom: 40px;
  }

  .courses---sticky-banner-wrapper {
    width: auto;
    margin-top: 40px;
    margin-left: 0;
    display: flex;
    position: relative;
    top: 0;
    overflow: visible;
  }

  .grid-10 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
  }

  .image-47 {
    height: 56px;
    max-height: 72px;
  }

  .div-block-77 {
    justify-content: center;
    display: flex;
  }

  .section-courses-page-2 {
    justify-content: center;
    padding-top: 100px;
    padding-bottom: 100px;
    display: block;
  }

  .course-library-card {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-tilt-line-content-wrapper {
    margin-top: 20px;
  }

  .footer-tilt-line-section-1 {
    height: 12vw;
  }

  .section-courses-page-3 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-block-89 {
    max-width: 100%;
  }

  .div-block-90 {
    width: 100%;
    margin-top: 0;
  }

  .courses---section-2-wrapper {
    position: relative;
    top: 0;
  }

  .footer-wrapper {
    padding-top: 0;
  }

  .div-block-74-copy {
    width: auto;
    margin-left: 0;
  }

  .richtext_body-p {
    height: auto;
  }

  .image-52 {
    display: none;
    position: static;
  }

  .collection-list-wrapper-2 {
    display: block;
  }

  .section-courses-posts-template-banner {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-courses-page-4 {
    padding-top: 100px;
    padding-bottom: 100px;
    display: block;
    position: relative;
  }

  .collection-list-wrapper-3 {
    display: block;
  }

  .collection-item-2 {
    margin-left: auto;
  }

  .collection-item-3 {
    margin-left: auto;
    margin-right: auto;
  }

  .image-52-copy {
    max-width: 120%;
    display: none;
    position: static;
  }

  .navbar-website {
    z-index: 200;
  }

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

  .navbar-main-section-wrapper {
    display: block;
  }

  .nav-text-block {
    align-items: center;
    display: flex;
  }

  .grid-2-columns-2 {
    grid-column-gap: 30px;
  }

  .grid-2-columns-2.faqs-v2 {
    grid-template-columns: 1fr;
  }

  .grid-2-columns-2.cta-v2 {
    grid-column-gap: 190px;
  }

  .grid-2-columns-2.featured-blog-posts-v2 {
    grid-row-gap: 50px;
    grid-template-columns: 1.2fr;
  }

  .navbar-main-dropdown-wrapper {
    align-items: center;
    height: 64px;
    margin-bottom: 0;
  }

  .navbar-dropdown-wrapper {
    min-width: auto;
    margin-left: 0;
    display: block;
  }

  .navbar-main-dropdown-list {
    box-shadow: none;
    width: 100%;
    padding: 10px 0;
    display: none;
  }

  .navbar-main-dropdown-list.resources {
    width: 100%;
  }

  .link-block-6 {
    height: 28px;
    margin-bottom: 34px;
    margin-left: 20px;
    margin-right: 20px;
    display: block;
  }

  .navbar-mobile-link-wrapper {
    height: 64px;
    margin-bottom: 0;
    display: flex;
  }

  .link-block-8 {
    height: 28px;
    display: flex;
  }

  .dropdown-list-4 {
    box-shadow: none;
    width: auto;
    padding: 5px;
    display: block;
  }

  .navbar-dropdown-link-block {
    margin-bottom: 0;
  }

  .collection-item-4 {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    display: block;
  }

  .button_login {
    width: 373px;
    display: block;
  }

  .div-block-107-copy {
    flex: 0 auto;
    display: block;
  }

  .div-block-110 {
    z-index: 2;
    width: 414px;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .dropdown-list-3-copy {
    box-shadow: none;
    width: auto;
    padding: 5px;
    display: none;
  }

  .image-53 {
    height: 31px;
    margin-bottom: 60px;
    display: none;
  }

  .div-block-111 {
    background-color: var(--oxford-blue);
    width: 100vw;
    height: 100vh;
    box-shadow: -199px 0 0 200px #0d163326;
  }

  .text-block-13-copy {
    align-items: center;
    font-weight: 400;
    display: flex;
  }

  .navbar-mobile-support-wrapper {
    justify-content: flex-start;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 0;
    display: flex;
  }

  .link-block-6-copy {
    height: 28px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 32px;
    display: block;
  }

  .navbar-mobile-social-wrapper {
    margin-left: 0;
    display: flex;
  }

  .image-54 {
    width: 28px;
    height: 24px;
    margin-right: 0;
  }

  .link-block-10 {
    width: 28px;
    height: 24px;
    margin-right: 32px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-115 {
    background-color: var(--white);
    width: 414px;
    height: 100vh;
    margin-left: auto;
    padding-top: 72px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cards-grid-container {
    grid-column-gap: 20px;
  }

  .collection-list {
    grid-template-rows: auto auto;
    grid-template-columns: minmax(350px, 1fr) repeat(auto-fit, minmax(310px, 1fr));
  }

  .grid-medium_course {
    grid-column-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));
    margin-left: 8px;
    margin-right: 8px;
  }

  .grid-medium_course.no-margin {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  .container-38 {
    padding-left: 3em;
    padding-right: 3em;
  }

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

  .slider-mask.slider-icon-cards, .slider-mask.slider-icon-cards-copy {
    max-width: 380px;
  }

  .slider-item {
    width: 600px;
  }

  .hero-section {
    padding-left: 60px;
    padding-right: 60px;
  }

  .tilt-background {
    height: 900px;
  }

  .grid-13 {
    grid-template-rows: auto auto auto;
    grid-auto-flow: column;
  }

  .div-block-117 {
    display: none;
  }

  .section-courses-page-5 {
    padding-bottom: 100px;
    display: block;
  }

  .grid-mini-copy {
    grid-column-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));
    margin-left: 8px;
    margin-right: 8px;
  }

  .div-block-88-copy {
    width: 100%;
    margin-top: 40px;
  }

  .courses-cms-list {
    grid-column-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));
  }

  .button_login-copy {
    width: 373px;
    transition: opacity .3s;
    display: block;
  }

  .button_login-copy:hover {
    opacity: .6;
    background-color: #0000;
  }

  .button-4-copy {
    justify-content: center;
    width: 373px;
    margin-top: 8px;
    transition: opacity .3s;
    display: flex;
  }

  .button-4-copy:hover {
    background-color: var(--oxford-blue);
    opacity: .6;
    color: var(--white);
  }

  .navbar-margin-block {
    border-bottom: 2px solid var(--haze);
    height: 20px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .big-link-arrow {
    font-size: 27px;
  }

  .footer-wrapper-us {
    padding-top: 40px;
  }

  .div-block-122 {
    order: -1;
    width: 100%;
    height: 500px;
    margin-left: 0;
  }

  .div-block-123 {
    justify-content: flex-start;
    width: 600px;
    height: 375px;
    display: block;
    position: absolute;
    top: 40px;
    left: 100px;
    right: 140px;
  }

  .d-31-card-wrapper {
    top: 142px;
    left: 0;
  }

  .d-31-h2 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 26px;
  }

  .d-31-p {
    font-size: 10px;
    line-height: 16px;
  }

  .d-31-card {
    width: 160px;
    height: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .flip-icon {
    width: 24px;
    height: 15px;
    margin-top: 6px;
    margin-left: 125px;
  }

  .image-62 {
    position: relative;
  }

  .header-brand {
    z-index: 0;
  }

  .lp_section {
    padding: 40px 60px;
  }

  .lp_section.display-2-vertical {
    align-items: center;
    padding: 40px 60px;
  }

  .lp_button {
    margin-top: 8px;
  }

  .lp_grid-2 {
    grid-row-gap: 20px;
    grid-auto-flow: row;
  }

  .div-block-124 {
    max-width: 100%;
    margin-top: 30px;
  }

  .image-63 {
    width: 90px;
    height: 75px;
  }

  .image-64 {
    width: 90px;
    height: 75px;
    margin-top: -30px;
  }

  .image-65 {
    width: 90px;
    height: 75px;
  }

  .image-66 {
    width: 90px;
    height: 75px;
    margin-top: -30px;
  }

  .image-67 {
    width: 125px;
    height: 105px;
  }

  .courses-completed {
    border-radius: 4px;
    width: 163.5px;
    height: 50px;
    top: 68%;
  }

  .main-device {
    width: 438.5px;
    height: 250.5px;
  }

  .andrew-card {
    border-radius: 4px;
    width: 100px;
    height: 130px;
  }

  .andrew-complete-course {
    z-index: 7;
    border-radius: 4px;
    width: 144px;
    height: 21px;
    top: 58%;
    transform: none;
  }

  .panel {
    border-radius: 4px;
    width: 112px;
    height: 116.5px;
    top: 48%;
  }

  .image-70-copy {
    width: auto;
    height: auto;
  }

  .image-71 {
    margin-top: -6px;
  }

  .lp_hero-onboarding {
    padding-bottom: 0;
  }

  .growth-video-block {
    width: 80%;
  }

  .footer-background {
    margin-top: 100px;
  }

  .div-block-131 {
    display: none;
  }

  .div-block-132 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-block-133 {
    display: none;
  }

  .style-guide-subheader {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .footer-top-2 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .style-guide-sidebar {
    display: block;
  }

  .style-guide-content {
    margin-left: 0;
  }

  .section-styleguide {
    padding-top: 134px;
    padding-bottom: 50px;
  }

  .header-navigation-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .dropdown-list-5 {
    box-shadow: none;
    min-width: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    top: 0;
    right: auto;
  }

  .menu-button-4 {
    background-color: #0000;
    margin-left: 18px;
    padding: 0;
  }

  .menu-button-4.w--open {
    background-color: #0000;
  }

  .nav-item-wrapper-2 {
    text-align: left;
    width: 100%;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hamburger-menu-line {
    background-color: #fff;
    width: 40px;
    height: 2px;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-menu-line.top.black, .hamburger-menu-line.bottom.black {
    background-color: #080808;
  }

  .cart-button.desktop {
    display: none;
  }

  .cart-button.mobile {
    display: flex;
  }

  .cart-button.mobile.black {
    color: #080808;
  }

  .display-1 {
    margin-bottom: 32px;
    font-size: 72px;
    line-height: 80px;
  }

  .style-guide-header {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grid-3-columns.dropdown {
    grid-row-gap: 50px;
    grid-template-columns: auto auto;
  }

  .grid-3-columns.offices-contact-v2-wrapper {
    grid-template-columns: 1fr 1fr;
    margin-top: -80px;
  }

  .grid-3-columns.features-container {
    grid-template-columns: 1fr 1fr;
  }

  .style-guide-content-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .drodown-toggle {
    color: #080808;
    font-size: 22px;
    line-height: 26px;
  }

  .drodown-toggle:hover {
    color: #0b6dff;
  }

  .container-default-2 {
    flex-direction: column;
    align-items: stretch;
    display: block;
  }

  .nav-menu-4 {
    background-color: #fff;
    border: 1px solid #ededed;
    padding: 36px 34px;
    box-shadow: 0 5px 16px #0808081a;
  }

  .buttons-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .nav-link-9 {
    color: #080808;
    font-size: 22px;
    line-height: 24px;
  }

  .nav-link-9:hover {
    color: #0b6dff;
  }

  .dropdown-list-wrapper {
    box-shadow: none;
    min-width: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    top: 0;
    right: auto;
  }

  .dropdown-list-wrapper.w--open {
    padding-top: 26px;
  }

  .typography-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .nav-list-item {
    margin-bottom: 16px;
  }

  .footer-middle-2 {
    grid-row-gap: 60px;
    grid-template-columns: auto auto;
  }

  .glossary-menu-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    position: static;
  }

  .glossary-menu-grid.top-margin-20 {
    margin-top: 0;
  }

  .text-block-15 {
    width: 16px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
  }

  .navbar-3 {
    background-color: var(--white);
    align-content: flex-end;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .div-block-134 {
    z-index: 1;
    position: relative;
    top: 240px;
  }

  .glossary-subheader {
    z-index: 3;
    padding-top: 34px;
    padding-bottom: 34px;
    top: 136px;
  }

  .glossary-section_number {
    margin-top: -140px;
    padding-top: 140px;
  }

  .glossary-content-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    top: -240px;
  }

  .text-block-15-copy {
    height: 32px;
    font-size: 16px;
    line-height: 32px;
  }

  .number {
    width: 16px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
  }

  .flex-glossary {
    flex-direction: column;
  }

  .glossary-sidebar-copy {
    z-index: 5;
    flex-basis: auto;
    width: 100%;
    min-height: auto;
    margin-right: 0;
    display: block;
    top: 0;
  }

  .section-glossary {
    padding-top: 10px;
    padding-bottom: 50px;
  }

  .gradient-stripe-easilly-create-online-training {
    height: 200px;
    margin-top: 0;
    top: 484px;
  }

  .hero-description-title {
    width: 70%;
    font-size: 22px;
  }

  .about-us.hero-container {
    max-width: 60%;
  }

  .hero-block-overlay {
    padding: 170px 45px 140px;
  }

  .hero-block-overlay.business {
    background-color: #fff0;
    padding: 150px 40px 120px;
    display: none;
  }

  .large-hero-title {
    width: 90%;
  }

  .section-50 {
    padding: 45px 0;
  }

  .section-title {
    margin-bottom: 4px;
    font-size: 31px;
    line-height: 30px;
  }

  .button-13.pricing-button {
    padding-left: 11px;
    padding-right: 11px;
    font-size: 11px;
    line-height: 17px;
  }

  .video-column-right {
    padding-left: 0;
    padding-right: 0;
  }

  .section-description {
    margin-top: 20px;
    font-size: 19px;
  }

  .section-description.in-column {
    font-size: 18px;
    line-height: 25px;
  }

  .pro-collab {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .pro-leftalignedtext {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .image-section-overlay {
    background-color: #0000;
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 0;
  }

  .image-section-overlay-block {
    text-align: left;
    width: 100%;
    margin-top: 20px;
    margin-right: 0;
  }

  .container-40-copy {
    flex-direction: column;
    max-width: 70%;
    max-height: 100%;
  }

  .body-p-oxfod-blue {
    min-width: 80%;
    min-height: 80%;
  }

  .nunito-300-24px {
    width: 100%;
  }

  .image-75 {
    min-width: 100%;
    margin-bottom: 40px;
  }

  .image-75:hover {
    margin-bottom: 40px;
    box-shadow: 1px 1px 15px 3px #42495c00;
  }

  .section-title-wrapper {
    width: 85%;
    margin-bottom: 40px;
  }

  .section-title-wrapper.full {
    margin-bottom: 20px;
    padding-right: 40px;
  }

  .section-title-wrapper.full.info {
    margin-bottom: 20px;
  }

  .info-column-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 40px;
  }

  .info-column-right.responsive {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .home-mockup-column {
    padding-left: 0;
    padding-right: 0;
  }

  .section-51 {
    padding: 45px;
  }

  .section-51.overflow-none {
    padding-left: 0;
    padding-right: 0;
  }

  .section-51.top-line {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .home-mockup {
    top: -27px;
    left: -350px;
  }

  .home-mockup.ipad {
    top: 19px;
    left: 25px;
  }

  .home-mockup.iphone {
    top: 140px;
    left: 170px;
  }

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

  .color-block-2 {
    padding: 0 25px 0 0;
  }

  .color-block-icon {
    height: 30px;
    top: 20px;
    right: 20px;
  }

  .color-block-title {
    margin-bottom: 11px;
    font-size: 15px;
  }

  .nunito-300-18px {
    text-align: center;
    width: 100%;
  }

  .info-block-left.ui {
    width: 55%;
    padding-left: 0;
    padding-right: 0;
  }

  .image-section.ui-section {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6213009e75964458c096eb54_Frame%205459-min.png"), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c92573e845f1_Frame%205447-min.png");
    background-position: 100% 100%, 90% 80%;
    background-size: cover, cover;
    background-attachment: scroll, scroll;
    padding-left: 45px;
    padding-right: 45px;
  }

  .image-77 {
    margin-top: 0;
  }

  .pricing-price {
    font-size: 34px;
    line-height: 30px;
  }

  .container-43 {
    flex-direction: column;
  }

  .pricing-block {
    padding: 50px 30px 30px;
  }

  .nunito-300-24px-centre {
    width: 100%;
  }

  .cs_painchek_section-copy {
    height: auto;
    padding: 60px;
    display: block;
  }

  .section-title-wrapper-copy {
    width: 85%;
    margin-bottom: 40px;
  }

  .section-title-wrapper-copy.full {
    margin-bottom: 20px;
    padding-right: 40px;
  }

  .section-title-wrapper-copy.full.info {
    margin-bottom: 20px;
  }

  .section-title-wrapper-copy-copy {
    width: 85%;
    margin-bottom: 40px;
  }

  .section-title-wrapper-copy-copy.full {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding-right: 40px;
  }

  .section-title-wrapper-copy-copy.full.info {
    margin-bottom: 20px;
  }

  .section-title-wrapper-2 {
    width: 85%;
    margin-bottom: 40px;
  }

  .client-logo {
    height: 40px;
  }

  .button-11-yellow {
    align-self: center;
  }

  .homepage-row {
    width: 100%;
  }

  .homepage-column {
    padding-left: 9px;
    padding-right: 9px;
  }

  .footer-tilt-line-section-wrapper {
    padding-top: 0;
  }

  .grid-14 {
    grid-template-columns: 1fr 1fr;
  }

  .team-wrapper {
    object-fit: cover;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 0;
  }

  .team-image {
    width: 100%;
    margin-right: 0;
  }

  .container-46 {
    display: flex;
  }

  .team-image-copy, .jas {
    width: 120px;
    margin-right: 20px;
  }

  .nunito-300-18px-centre {
    text-align: center;
    width: 100%;
  }

  .nunito-300-36px-middle {
    justify-content: center;
    display: flex;
  }

  .nunito-300-16p, .nunito-300-18px-copy {
    text-align: center;
    width: 100%;
  }

  .color-block-2-copy {
    padding: 0 25px 0 0;
  }

  .nunito-300-18px-mobile {
    text-align: left;
    width: 100%;
  }

  .nunito-300-36px-copy, .nunito-300-18px-mobile-copy {
    width: 100%;
  }

  .nunito-300-18px-mobile-middle, .nunito-300-18px-mobile-copy {
    text-align: center;
    width: 100%;
  }

  .body-p-copy {
    margin-bottom: 20px;
  }

  .nunito-300-18px-mobile-copy-copy {
    text-align: left;
    width: 100%;
  }

  .nunito-300-36px-middle-2 {
    text-align: center;
    justify-content: center;
    display: flex;
  }

  .nunito-300-36px-copy-copy {
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }

  .nunito-300-24px-mobile {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .nunito-300-24px-mobile-middle {
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }

  .nunito-300-24px-mobile-middle-white {
    width: 100%;
    margin-top: 20px;
  }

  .image-section-overlay-copy {
    background-position: 65% 10%;
    margin-left: auto;
    padding: 80px 500px 220px 40px;
  }

  .nunito-300-24px-mobile-middle-white-copy {
    width: 100%;
    margin-top: 20px;
  }

  .container-49 {
    max-width: 100%;
  }

  .div-block-155 {
    margin-left: 60px;
    margin-right: 400px;
  }

  .background-video-9 {
    align-items: center;
    width: 100%;
    height: 700px;
    margin-bottom: 60px;
    display: flex;
  }

  .section-54 {
    display: block;
  }

  .div-block-156 {
    background-color: var(--white);
    border-radius: 4px;
    width: 50%;
    margin-left: 60px;
    padding: 30px 40px;
  }

  .nunito-300-36px-copy {
    text-align: left;
    width: 100%;
    margin-top: 0;
  }

  .slide-15 {
    background-position: 100% 60%;
    background-size: auto;
    padding-left: 10px;
    padding-right: 140px;
  }

  .slide-16 {
    background-position: 80%;
    background-size: cover;
  }

  .left-arrow-2 {
    width: 45%;
    margin-left: 40px;
  }

  .nunito-300-24px-mobile-left {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .nunito-300-36px-copy {
    width: 100%;
    margin-top: 20px;
  }

  .body-p-copy {
    margin-top: 0;
    margin-bottom: 0;
  }

  .body-p-copyquote-name {
    margin-bottom: 20px;
  }

  .body-p-copy-text {
    margin-top: 0;
  }

  .body-p-3 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .body-p-copyquote-name-copy {
    margin-bottom: 20px;
  }

  .section-50-copy {
    padding: 45px 0;
    display: block;
  }

  .pro-2col {
    padding: 100px 0;
    display: block;
  }

  .section-55 {
    height: auto;
  }

  .capterra1-container-1 {
    flex-direction: column;
  }

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

  .slider-8 {
    order: -1;
    margin-bottom: 40px;
    left: 0;
  }

  .section-59 {
    height: 1500px;
    margin-top: 100px;
    padding-top: 20px;
  }

  .diagnal-background {
    height: 3000px;
    margin-top: 7vh;
    margin-left: -20vw;
  }

  .aligned-copy {
    padding-right: 133px;
  }

  .div-block-168 {
    display: none;
  }

  .div-block-163-copy {
    width: auto;
    min-width: auto;
  }

  .div-block-169 {
    margin-right: 0;
  }

  .div-block-180 {
    align-self: center;
  }

  .section-61 {
    height: 2600px;
  }

  .gradient-diagnal-background-copy {
    height: 3000px;
    margin-top: 6vh;
    margin-left: -20vw;
  }

  .div-block-182 {
    display: none;
  }

  .left-arrow-3, .right-arrow-2 {
    width: 80px;
    top: 0;
  }

  .carousel-button {
    display: none;
  }

  .icon-10, .icon-11 {
    display: block;
  }

  .image-88 {
    margin-bottom: 40px;
    display: block;
  }

  .image-89 {
    margin-top: 80px;
    margin-bottom: 40px;
    display: block;
  }

  .paragraph-30 {
    display: none;
  }

  .image-90 {
    margin-bottom: 40px;
  }

  .column-11 {
    align-self: auto;
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }

  .popupcontentwrapper_brix {
    width: auto;
    max-width: 90vw;
  }

  .popup-1---brix {
    max-width: 90vw;
  }

  .limit-content---brix {
    align-self: auto;
    max-width: none;
  }

  .popup-wrapper---brix.preview-page {
    padding-left: 32px;
    padding-right: 32px;
  }

  .dummy-hero-wrapper---brix.preview-page---brix {
    flex-direction: column;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
  }

  .section-62 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container-60 {
    flex-direction: column;
  }

  .container-61 {
    flex-direction: column;
    align-items: center;
    padding-right: 24px;
  }

  .div-block-191 {
    max-width: none;
    margin-right: 0;
  }

  .div-block-192 {
    max-width: none;
  }

  .section-64 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-193 {
    background-size: cover;
    order: -1;
    width: 100%;
    height: 400px;
    margin-bottom: 40px;
    position: relative;
  }

  .div-block-civics-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-auto-columns: minmax(300px, 1fr);
  }

  .lightbox-link-8 {
    width: 120px;
    height: 120px;
  }

  .text-block-18 {
    font-size: 48px;
  }

  .align-centre {
    flex-direction: column;
  }

  .align-centre.pricing.no-margin.no-padding {
    max-width: none;
  }

  .case-studies-hero-section {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container-64 {
    object-fit: fill;
    flex-direction: column;
    display: block;
  }

  .div-block-198 {
    text-align: center;
    align-self: center;
    width: auto;
    max-width: none;
    padding-bottom: 48px;
    display: block;
  }

  .case-studies-hero {
    display: none;
  }

  .case-studies-tilt-background {
    width: 150vw;
    margin-top: -66px;
  }

  .case-studies-quotes-wrapper {
    width: 620px;
  }

  .case-study---animation-h1 {
    font-size: 58px;
    line-height: 60px;
  }

  .div-block-199 {
    order: -1;
    display: block;
  }

  .nav-menu-2-copy {
    flex-direction: row;
    flex: 0 auto;
    order: 0;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .lp_nav-button {
    flex-direction: row;
    justify-content: space-around;
    align-self: center;
    display: block;
  }

  .case-study-generic-section {
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
  }

  .case-study-generic-section.height-720 {
    height: auto;
  }

  .case-study-container-generic-1248 {
    flex-direction: column;
  }

  .case-study-civics-academy-hero, .case-study-cambelttown-council-hero {
    background-size: cover;
    order: -1;
    width: 100%;
    height: 400px;
    margin-bottom: 40px;
    position: relative;
  }

  .container-hero-1248 {
    flex-direction: column;
  }

  .popup-wrapper---inquire.preview-page {
    padding-left: 32px;
    padding-right: 32px;
    display: block;
  }

  .popup-content-wrapper---inquire {
    width: auto;
  }

  .popup-content-wrapper---inquire.popup-1-content-wrapper---inquire {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 24px;
    right: 24px;
  }

  .close-popup---inquire {
    position: relative;
    top: auto;
    right: auto;
  }

  .case-study-transurban-council-hero {
    background-size: cover;
    order: -1;
    width: 100%;
    height: 400px;
    margin-bottom: 40px;
    position: relative;
  }

  .div-block-campbelltown-council-grid-copy {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-columns: minmax(250px, 1fr);
    grid-auto-flow: row;
  }

  .div-block-204 {
    display: none;
  }

  .pricing-section-1 {
    padding-top: 60px;
    padding-bottom: 0;
    overflow: visible;
  }

  .pricing-grid {
    display: none;
  }

  .pricing-card-wrapper {
    min-height: 740px;
  }

  .pricing-card-wrapper.pricing-starter, .pricing-card-wrapper.pricing-starter.mobile {
    display: none;
  }

  .pricing-card-wrapper.pricing-growth.mobile {
    box-shadow: none;
    -webkit-text-fill-color: inherit;
    background-color: #0000;
    background-clip: border-box;
    border-radius: 0;
    min-width: auto;
    min-height: auto;
    margin-top: 0;
    padding: 0;
  }

  .pricing-card-wrapper.pricing-creator {
    display: none;
  }

  .pricing-card-wrapper.pricing-creator.mobile {
    background-color: #0000;
    min-width: auto;
    min-height: auto;
    padding-top: 0;
    display: none;
  }

  .pricing-card-wrapper.pricing-professional {
    display: none;
  }

  .pricing-card-wrapper.pricing-professional.mobile {
    background-color: #0000;
    min-width: auto;
    min-height: auto;
    padding-top: 0;
    display: none;
  }

  .pricing-section-1-text-wrapper {
    margin-bottom: 20px;
  }

  .pricing-section-2 {
    display: flex;
  }

  .pricing-tag.position-absolute {
    margin-top: 0;
    margin-left: 210px;
  }

  .description-medium {
    left: 10px;
  }

  .pricing-switch-wrapper {
    margin-bottom: 0;
  }

  .pricing-billed-monthly, .pricing-billed-yearly {
    grid-template-columns: 1fr;
  }

  .pricing-main-content-monthly, .paragraph-32 {
    display: none;
  }

  .pricing-faq {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pricing-accordion-wrapper {
    margin-left: 20px;
  }

  .pricing-comparison-grid-title {
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .pricing-grid-mobile-view {
    margin-top: 0;
    display: flex;
  }

  .pricing-mobile-wrapper {
    flex-direction: column;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 40px;
    display: flex;
  }

  .pricing-switch-plan-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 360px;
    padding-bottom: 0;
    padding-right: 0;
    display: grid;
  }

  .pricing-mobile-switch-text {
    color: var(--oxford-blue);
    font-family: Nunito Sans, sans-serif;
    font-weight: 600;
    text-decoration: none;
  }

  .pricing-plan-switch-starter {
    border: 2px solid #0000;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: 88px;
    height: 36px;
    display: flex;
  }

  .pricing-plan-switch-basic {
    border: 2px solid var(--howtoo-yellow);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: 88px;
    height: 36px;
    text-decoration: none;
    display: flex;
  }

  .pricing-plan-switch-teams, .pricing-plan-switch-pro {
    border: 2px solid #0000;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: 88px;
    height: 36px;
    text-decoration: none;
    display: flex;
  }

  .pricing-plan-feature-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .pricing-more-feature-accordion-item {
    margin-bottom: 20px;
    box-shadow: 0 3px 7px #0025641f;
  }

  .pricing-more-growth-feature {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 80px;
    display: flex;
  }

  .pricing-more-features-grid-generic {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template: "." 50px
    / 1fr 80px;
    grid-auto-rows: 50px;
  }

  .pricing-more-features-grid {
    border-bottom: 1px solid #cfd0d6;
    align-items: center;
    display: flex;
  }

  .pricing-more-features-grid-bot-2 {
    border-bottom: 1px #cfd0d6;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .pricing-more-features-grid-bot {
    border-bottom: 1px #cfd0d6;
    align-items: center;
    display: flex;
  }

  .text-block-32, .text-block-33, .text-block-34 {
    color: var(--oxford-blue);
    font-family: Nunito Sans, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .text-block-35 {
    color: var(--oxford-blue);
    font-size: 13px;
    line-height: 18px;
  }

  .pricing-more-features-grid-2 {
    border-bottom: 1px solid #cfd0d6;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .div-block-212, .pricing-margin-block {
    width: 100%;
    height: 20px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .pricing-more-features {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pricing-popup-wrapper.preview-page {
    padding-left: 32px;
    padding-right: 32px;
    display: block;
  }

  .pricing-popup-content-wrapper {
    z-index: 120;
    box-shadow: none;
    justify-content: center;
    margin-left: 100px;
    margin-right: 100px;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .pricing-popup-content-wrapper.popup-1-content-wrapper---inquire {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 24px;
    right: 24px;
  }

  .pricing-popup-1 {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 110px;
    padding: 40px;
    display: flex;
    box-shadow: 0 8px 14px #00256447, 0 15px 30px #0025641c;
  }

  .pricing-popup-1.version-1, .pricing-popup-1.version-2 {
    display: none;
  }

  .pricing-popup-1.version-3 {
    align-items: flex-start;
  }

  .pricing-popup-1.version-4, .pricing-popup-1.version-5 {
    display: none;
  }

  .pricing-more-creator-feature, .pricing-more-professional-feature, .pricing-more-starterl-feature {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 80px;
    display: none;
  }

  .pricing-close-popup-wrapper {
    background-color: var(--white);
    border-radius: 90px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    margin-left: 10px;
    display: flex;
    position: relative;
  }

  .pricing-close-popup {
    position: relative;
    top: auto;
    right: auto;
  }

  .pricing-section-1-mobile {
    padding-top: 0;
    display: block;
  }

  .pricing-price-switch-nav-bar {
    z-index: 80;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 52px;
    display: none;
    position: sticky;
    top: 66px;
  }

  .faq-container {
    width: 100%;
    min-width: 0;
  }

  .faq-body {
    z-index: 45;
    margin-top: -2px;
  }

  .faq-img {
    width: 50px;
    height: 50px;
  }

  .pricing-faq-drop-down {
    background-color: var(--white);
  }

  .pricing-more-features-drop-down {
    z-index: 40;
    background-color: var(--white);
  }

  .pricing-tilt-background {
    margin-left: -5vh;
    display: none;
  }

  .us-symbols-wrapper {
    display: block;
  }

  .left-margin-60px {
    margin-left: 60px;
  }

  .pricing-price-switch-nav-background {
    z-index: -1;
    background-color: #f8f8fb;
    width: 100%;
    height: 52px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
  }

  .div-block-217 {
    height: 100%;
    min-height: 100px;
  }

  .body-p-card-spacing {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .body-p-card-spacing.color-white {
    margin-top: 10px;
  }

  .body-p-card-spacing.color-white.top-margin-90 {
    margin-top: 0;
  }

  .grid-16 {
    width: 100%;
    min-width: 740px;
    max-width: 100%;
    height: 250px;
  }

  .procard-shad-high {
    height: 100%;
  }

  .overall-row-copy {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .section-50-copy {
    padding: 45px 0;
  }

  .section-50-copy-copy {
    padding: 45px 0;
    display: none;
  }

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

  .pro-2col-copy, .about-ourstorysection {
    padding: 100px 0;
    display: block;
  }

  .about-ourstorytwocolumn {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .bout-leftcol {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .about-rightcolimage {
    order: -1;
    padding-left: 0;
    padding-right: 0;
  }

  .pro-logosgrid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .pro-section-worldclass {
    padding-bottom: 30px;
  }

  .pro-container-worldclass {
    max-width: 70%;
  }

  .pro-section-yellowslant {
    height: 12vw;
  }

  .pro-signupfree {
    padding: 40px 0 100px;
    display: flex;
  }

  .div-block-82-copy, .pro-div-signupfree {
    margin-top: 20px;
  }

  .pro-themedesignerdark {
    padding: 0 0 140px;
    display: block;
  }

  .pro-blueslant {
    height: 290px;
  }

  .section-title-wrapper-3 {
    width: 85%;
    margin-bottom: 40px;
  }

  .section-description-2 {
    margin-top: 20px;
    font-size: 19px;
  }

  .process-tab-col-left {
    padding-right: 30px;
  }

  .text-column-title {
    font-size: 13px;
  }

  .text-column {
    padding-bottom: 10px;
    padding-right: 10px;
  }

  .pro-themedesigner-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
    min-width: 740px;
    max-width: 100%;
    margin-top: 0;
  }

  .pro-themedesigner-steps {
    height: 100%;
    min-height: 470px;
  }

  .card.features.featured {
    flex-direction: column;
  }

  .flex-2.contact-card-wraper.right {
    padding-top: 82px;
    padding-left: 0;
  }

  .flex-2.contact-card-wraper.left {
    border-bottom: 1px solid #ccc;
    border-right-width: 0;
    padding-bottom: 82px;
    padding-right: 0;
  }

  .flex-2.contact-card-container {
    flex-direction: column;
  }

  .hidden-desktop-2.show-mobile-navigation.services {
    display: block;
    position: static;
  }

  .slider-item-2 {
    margin-right: 0;
  }

  .pro-2col-large {
    object-fit: cover;
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/624e552e54365781d8d4c1d5_Frame%205559-min%20(1).png");
    background-position: 40%;
    background-size: cover;
    padding: 100px 0;
    display: block;
  }

  .pro-collab-copy {
    flex-direction: column;
    width: 75%;
    min-width: 75%;
    max-width: 75%;
    margin-left: 0;
    margin-right: 0;
  }

  .pro-leftalignedtext-copy {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .body-p-copy-text-copy {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .div-block-217-copy {
    height: 100%;
    min-height: 100px;
  }

  .pro-2col-large-2 {
    object-fit: cover;
    padding: 100px 0;
    display: block;
  }

  .pro-collab-copy-copy {
    object-fit: fill;
    flex-direction: column;
    width: 100%;
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .body-p-card-no-space-copy {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .body-p-card-no-space-copy.color-white {
    margin-top: 10px;
  }

  .body-p-card-no-space-copy.color-white.top-margin-90 {
    margin-top: 0;
  }

  .body-p-card-no-space-copy-copy {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .body-p-card-no-space-copy-copy.color-white {
    margin-top: 10px;
  }

  .body-p-card-no-space-copy-copy.color-white.top-margin-90 {
    margin-top: 0;
  }

  .pro-grey-slant {
    padding: 60px 0 100px;
    display: block;
  }

  .columns-9 {
    margin-left: 0;
  }

  .column-14 {
    padding-left: 0;
    display: none;
  }

  .column-15 {
    padding-left: 0;
  }

  .background-video-16 {
    object-fit: fill;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    position: absolute;
    inset: 0%;
    overflow: visible;
  }

  .pro-header-text {
    order: 1;
    align-self: flex-start;
    max-width: 100%;
    margin-left: 0;
    display: block;
    position: static;
  }

  .course-savethousands {
    padding: 40px 60px;
    display: block;
  }

  .html-embed-2 {
    justify-content: flex-start;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
  }

  .div-block-224 {
    margin-top: 20px;
    padding-top: 64.2%;
  }

  .pro-webcamvid {
    border-radius: 4px;
    max-width: 1200px;
    margin-top: 0;
    padding-top: 54%;
    overflow: hidden;
  }

  .creator-pricing-card-content-wrapper {
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .bottom-margin-24 {
    text-align: center;
  }

  .creator-pricing-card-wrapper {
    margin-left: 300px;
  }

  .creator-pricing-text-wrapper {
    width: 360px;
    margin-left: 24px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .main_button-2 {
    margin-top: 8px;
  }

  .pro-pricecard {
    margin-left: 300px;
  }

  .pro-price-howitworks {
    width: 360px;
    margin-left: 24px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .pro-price-bulletpoints {
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .pro-pricecard-navy {
    margin-left: 300px;
  }

  .creator-container-6-1268 {
    flex-direction: row;
    justify-content: center;
    max-width: 1268px;
    display: flex;
  }

  .creator-video-1-embed-absolute.relative {
    height: 100%;
    margin-left: -159px;
    position: relative;
  }

  .xpert-faqs {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .creator-container-1268-faq {
    flex-direction: column;
  }

  .creator-container-1-1268 {
    flex-direction: row;
    justify-content: center;
    max-width: 1268px;
    display: flex;
  }

  .creator-hero-text-wrapper {
    min-width: 450px;
  }

  .creator-hero-text-wrapper.mobile {
    width: 100%;
    display: block;
  }

  .faq-3.no-left-padding-for-mobile, .faq-3.no-left-padding-for-mobile-test {
    padding-left: 0;
  }

  .creator-section-6-image {
    width: 550px;
    display: none;
  }

  .creator-container-3-1268 {
    flex-direction: column-reverse;
    justify-content: flex-start;
    max-width: 1268px;
    display: flex;
  }

  .faq-body-2 {
    z-index: 45;
    margin-top: -2px;
  }

  .creator-video-2-wrapper {
    align-items: center;
    min-width: 50%;
    min-height: 250px;
    margin-left: 0;
    display: flex;
  }

  .creator-container-1268 {
    flex-direction: row;
    justify-content: center;
    max-width: 1268px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
  }

  .creator-section-3-grid {
    grid-column-gap: 48px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 90%;
  }

  .creator-video-1-mobile-wrapper {
    min-width: 600px;
    min-height: 540px;
    display: block;
  }

  .pricing-faq-drop-down-2 {
    background-color: #fff;
  }

  .creator-section-1-video-holder {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.5fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .creator-section-6-text-wrapper {
    min-width: 400px;
    margin-right: 20px;
  }

  .creator-section-5-content-wrapper {
    flex-direction: column;
  }

  .creator-partner-logos {
    width: auto;
    height: 72px;
  }

  .creator-section-1-text-container-holder {
    display: none;
  }

  .creator-section-1 {
    flex-direction: row;
    justify-content: flex-start;
    display: flex;
    overflow: hidden;
  }

  .creator-video-2 {
    min-width: 500px;
    min-height: 500px;
  }

  .faq-body-cont-2.no-left-padding-for-mobile, .faq-body-cont-2.no-left-padding-for-mobile-test {
    padding-left: 0;
  }

  .creator-section-logo {
    padding-top: 10px;
    padding-bottom: 60px;
  }

  .creator-faq-container {
    width: 100%;
    min-width: 0;
  }

  .creator-container-5-1268 {
    flex-direction: column;
    justify-content: center;
    max-width: 1268px;
    display: flex;
  }

  .creator-section-3-text-wrapper {
    width: 100%;
    min-width: 380px;
    margin-bottom: 40px;
  }

  .growth-section-6-list-wrapper {
    justify-items: center;
    width: 83%;
    margin: 0 auto;
  }

  .growth-section-5-video-wrapper {
    margin-top: 0;
  }

  .growth-section-faq {
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .growth-section-1-video-holder {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.5fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .growth-section-logo {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .growth-section-3 {
    flex-direction: row;
    padding-top: 60px;
    display: block;
  }

  .growth-section-1 {
    flex-direction: row;
    justify-content: flex-start;
    display: flex;
    overflow: hidden;
  }

  .growth-container-4-1268 {
    flex-direction: column;
    justify-content: center;
    max-width: 1268px;
    display: flex;
  }

  .growth-container-1-1268-mobile {
    flex-direction: row;
    justify-content: center;
    max-width: 1268px;
    display: flex;
  }

  .growth-section-1-text-container-holder {
    display: none;
  }

  .growth-section-6-title-wrapper {
    align-self: center;
    width: 50%;
    min-width: 350px;
  }

  .growth-section-6-text-wrapper {
    grid-row-gap: 20px;
    align-self: center;
    align-items: center;
    min-width: 400px;
    max-width: none;
    margin-right: 0;
    display: flex;
  }

  .growth-pricing-card-content-wrapper {
    padding-top: 20px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .growth-pricing-card-wrapper {
    margin-left: 300px;
  }

  .growth-video-1-mobile-wrapper {
    min-width: 960px;
    min-height: 540px;
    margin-left: -300px;
    padding-top: 56.25%;
    display: block;
    position: relative;
  }

  .growth-section-3-list-wrapper {
    min-width: 0;
    margin-left: 30px;
  }

  .growth-section-6-image {
    width: 550px;
    display: none;
  }

  .growth-partner-logos {
    width: auto;
    height: 72px;
  }

  .growth-container-5-1268 {
    flex-direction: column;
    justify-content: center;
    max-width: 1268px;
    display: flex;
  }

  .growth-container-3-1268 {
    flex-direction: column-reverse;
    justify-content: flex-start;
    max-width: 1268px;
    display: flex;
  }

  .growth-section-3-text-wrapper {
    flex-direction: row;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    min-width: 350px;
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .growth-section-5-text-wrapper {
    width: 500px;
  }

  .growth-section-4-video-wrapper {
    width: 100%;
  }

  .growth-pricing-text-wrapper {
    width: 360px;
    margin-left: 24px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .growth-section-4 {
    margin-top: -60px;
    padding-bottom: 60px;
  }

  .growth-section-5 {
    padding-bottom: 60px;
  }

  .growth-container-1-1268 {
    flex-direction: row;
    justify-content: center;
    max-width: 1268px;
    display: flex;
  }

  .growth-section-5-content-grid {
    grid-column-gap: 10px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
  }

  .growth-hero-text-wrapper {
    min-width: 450px;
  }

  .growth-container-6-1268 {
    flex-direction: column;
    justify-content: flex-start;
    max-width: 1268px;
    display: flex;
  }

  .growth-section-6 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .about-us-section-8 {
    height: auto;
    padding: 60px;
    display: block;
  }

  .navbar-mobile-overlay {
    z-index: 0;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #42495c33;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .navbar-mobile-header-wrapper {
    justify-content: space-between;
    align-items: center;
    height: 64px;
    margin-top: 20px;
    margin-left: 0;
    display: flex;
  }

  .navbar-mobile-close-icon {
    width: 16px;
    height: 16px;
  }

  .navbar-mobile-closs-icon-wrapper {
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    display: flex;
  }

  .navbar-mobile-divider {
    border-bottom: 2px solid var(--haze);
    height: 20px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-button-5 {
    display: none;
  }

  .navbar-mobile-menu-wrapper {
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 66px;
    font-size: 28px;
    display: flex;
  }

  .icon-17 {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
  }

  .howtoo-main-nav-menu {
    z-index: 50;
    background-color: var(--white);
    padding: 40px;
  }

  .container-74 {
    justify-content: space-between;
    display: none;
  }

  .navbar-main-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav-button-wrapper {
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: stretch;
    margin-left: 0;
    display: flex;
  }

  .menu-button-open {
    margin-left: auto;
    display: block;
  }

  .menu-button-open.w--open {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navbar-content-wrapper {
    flex-direction: column;
    width: 300px;
    height: 100vh;
    overflow: auto;
  }

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

  .menu-button-close {
    margin-left: auto;
    display: block;
  }

  .menu-button-close.w--open {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navbar-dropdown-products-grid {
    grid-column-gap: 0px;
    grid-row-gap: 6px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .growth-tilt-background-1 {
    object-fit: scale-down;
    height: 180px;
    margin-top: auto;
    overflow: visible;
  }

  .pro-section-header {
    display: none;
  }

  .pro-header-video {
    min-width: 600px;
    min-height: 540px;
    display: block;
  }

  .pro-video-embedcode.relative {
    height: 100%;
    margin-left: -159px;
    position: relative;
  }

  .pro-section-headernew {
    flex-direction: row;
    justify-content: flex-start;
    display: block;
    overflow: hidden;
  }

  .pro-container-1-126 {
    background-color: #f8f8fb;
    flex-direction: row;
    justify-content: center;
    max-width: 1268px;
    padding: 48px 48px 24px;
    display: flex;
  }

  .pro-section-1-video-holder-copy {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.5fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .pro-section-1-text-container-holder-copy {
    display: none;
  }

  .pro-video-1-mobile-wrapper-copy {
    min-width: 600px;
    min-height: 540px;
    padding-top: 75%;
    display: block;
    position: relative;
  }

  .pro-video-1-embed-absolute-copy.relative {
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .pro-video-1-embed-absolute.relative {
    height: 100%;
    margin-left: -159px;
    position: relative;
  }

  .pro-themebuildersection {
    width: 100%;
  }

  .videocontent {
    border-radius: 8px;
  }

  .themedsign-tabs-menu {
    width: 70%;
    overflow: hidden;
  }

  .tablink {
    width: 100%;
  }

  .body-p-selected {
    margin-top: 0;
    margin-bottom: 0;
  }

  .body-p-selected.color-white {
    margin-top: 10px;
  }

  .body-p-selected.color-white.top-margin-90 {
    margin-top: 0;
  }

  .body-p-selected.align-centre {
    text-align: center;
  }

  .body-p-selected-yellow-bold {
    margin-top: 0;
    margin-bottom: 0;
  }

  .body-p-selected-yellow-bold.color-white {
    margin-top: 10px;
  }

  .body-p-selected-yellow-bold.color-white.top-margin-90 {
    margin-top: 0;
  }

  .pro-webcamvid-copy {
    margin-top: 20px;
    padding-top: 64.2%;
  }

  .pro-div-signupfree-copy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    margin-top: 20px;
  }

  .column-16 {
    margin-top: 40px;
  }

  .pro-themtab1 {
    align-items: center;
    min-width: 500px;
    min-height: 500px;
    display: flex;
  }

  .background-video-20, .general-video {
    max-width: 99.9999%;
    height: auto;
    min-height: auto;
  }

  .main_button-2-icon {
    margin-top: 8px;
  }

  .div-block-8-copy {
    width: 100%;
  }

  .div-block-7-copy {
    width: 100%;
    min-width: 100%;
    margin-right: 0;
  }

  .flex-container-2-copy {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 90%;
    display: flex;
  }

  .pro-logosgrid-copy {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .pricing-nav-close-icon {
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .section-courses {
    padding: 100px 0;
    display: block;
  }

  .courses-container-1268 {
    flex-direction: column;
  }

  .section-courses-hero {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
  }

  .courses-hero-text-wrapper {
    order: 1;
    align-self: flex-start;
    max-width: 100%;
    display: block;
    position: static;
  }

  .case-studies-section-read-more.feature {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grwothbg.hero {
    background-size: cover;
    padding-top: 100px;
  }

  .grwothbg.hero-copy {
    background-size: cover;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding-top: 40px;
    display: flex;
  }

  .grwothbg.hero-copy-copy {
    background-size: cover;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding-top: 40px;
  }

  .proupgrade-container {
    width: 80%;
    min-width: 80%;
    max-width: 80%;
    margin-left: 0;
    margin-right: 0;
  }

  .columns-upgradpro {
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-items: center;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .columns-upgradpro.max-width {
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-row-gap: 26px;
    grid-template-columns: max-content;
    grid-auto-flow: row;
    place-content: stretch center;
    width: 90%;
    min-width: 90%;
    max-width: 90%;
  }

  .pro-pg.hero {
    background-size: cover;
    padding-top: 100px;
  }

  .pro-pg.hero-copy, .pro-pg.hero-copy-copy {
    background-size: cover;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding-top: 40px;
    display: flex;
  }

  .navbar-mobile-overlay-wrapper {
    z-index: 0;
    position: relative;
  }

  .lp2-section-hero, .lp2-container-hero-device {
    height: auto;
  }

  .lp2-hero-device-nav-wrapper, .lp2-hero-device {
    width: auto;
    height: auto;
  }

  .lp2-tilt-background-1 {
    margin-top: -140px;
  }

  .lp2-button {
    margin-top: 8px;
  }

  .lp2-section-4 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .lp2-section-4-container {
    flex-direction: column;
  }

  .lp2-section-4-text-wrapper {
    text-align: center;
    width: 100%;
  }

  .image-109 {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .lp2-section-6 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .lp2-logo-wall-logo {
    max-width: 75%;
  }

  .lp2-section-7 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .lp2-section-6-container {
    justify-content: center;
  }

  .lp2-section-6-text-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-111 {
    display: none;
  }

  .lp2-section-6-h2 {
    text-align: center;
  }

  .lp2-section-6-button {
    margin-top: 8px;
  }

  .capterra1-section-2 {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .lp2-section-2-content-wrapper {
    max-width: none;
    margin-left: 0;
    position: relative;
  }

  .tabs-menu-5 {
    text-align: center;
    margin-bottom: 20px;
    top: 0;
  }

  .tabs-2 {
    flex-direction: column;
  }

  .lp2-section-2-tab {
    margin-right: 10px;
  }

  .lp2-tab-panel {
    width: auto;
    height: auto;
  }

  .lp2-tab-device-nav {
    display: flex;
  }

  .lp2-tabs-content {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .lp2-device-course {
    width: auto;
    height: auto;
  }

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

  .lp2-tab-device-element-wrapper {
    width: 100%;
    height: 40px;
  }

  .div-block-233 {
    width: 90%;
  }

  .div-block-234 {
    width: 77%;
  }

  .image-113, .image-114, .image-115, .image-116 {
    display: none;
  }

  .lp2-section-2-button {
    position: relative;
  }

  .lp2-section-2-button-wrapper {
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 0;
    margin-left: 0;
    display: flex;
    position: relative;
  }

  .container-default-3 {
    flex-direction: column;
    align-items: stretch;
  }

  .security-section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .security-container-1 {
    flex-direction: column;
    align-items: center;
  }

  .security-header-text-wrapper {
    order: 1;
    max-width: none;
  }

  .security-section-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .security-section-2-text-wrapper {
    order: 1;
    min-width: auto;
  }

  .security-section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .image-118 {
    width: 400px;
    margin-left: 0;
    margin-right: 0;
  }

  .image-119 {
    width: auto;
    margin-left: 0;
  }

  .security-container-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .security-container-3, .container-default-4 {
    flex-direction: column;
    align-items: stretch;
  }

  .mg-top-48px-2 {
    margin-top: 40px;
  }

  .mg-top-80px {
    margin-top: 48px;
  }

  .black-section-contained.home-v1-about {
    padding-top: 90px;
    padding-left: 46px;
    padding-right: 46px;
  }

  .blog-featured-v2-list-wrapper {
    border-top: 1px solid #ccc;
    padding-top: 44px;
  }

  .card-featured-text {
    padding-top: 76px;
    padding-left: 77px;
    padding-right: 77px;
  }

  .illustration-overflow-container {
    justify-content: center;
  }

  .media-container-1.side-paddings {
    padding-left: 8px;
    padding-right: 8px;
  }

  .media-container-1.nav-bar-v1-wrapper {
    justify-content: flex-end;
  }

  .media-section-1 {
    padding: 60px 0;
  }

  .media-section-1.hero {
    min-height: 0;
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .media-section-1.top-section {
    margin-top: 24px;
  }

  .media-section-1.post-hero-section {
    background-attachment: scroll;
    height: 250px;
    min-height: 0;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .media-section-1.big-paddings {
    padding-top: 64px;
    padding-bottom: 64px;
  }

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

  .media-section-1.promo-section {
    height: 92vw;
  }

  .media-section-1.nav-layouts-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .media-section-1.top-section-categories {
    margin-top: 24px;
  }

  .media-post-wrapper {
    flex-wrap: wrap;
    padding-top: 0;
  }

  .image-120 {
    object-fit: cover;
    height: 300px;
  }

  .collection-list-wrapper-4 {
    width: auto;
  }

  .card-media-kit {
    flex-direction: column;
    justify-content: flex-start;
  }

  .card-media-kit.features.featured {
    flex-direction: column;
  }

  .image-121 {
    display: block;
  }

  .media-container-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .media-section-0 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .media-section-0.hero {
    min-height: 0;
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .media-section-0.top-section {
    margin-top: 24px;
  }

  .media-section-0.post-hero-section {
    background-attachment: scroll;
    height: 250px;
    min-height: 0;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .media-section-0.big-paddings {
    padding-top: 64px;
    padding-bottom: 64px;
  }

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

  .media-section-0.promo-section {
    height: 92vw;
  }

  .media-section-0.nav-layouts-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .media-section-0.top-section-categories {
    margin-top: 24px;
  }

  .image-123 {
    display: none;
  }

  .media--post-container-1.side-paddings {
    padding-left: 8px;
    padding-right: 8px;
  }

  .media--post-container-1.nav-bar-v1-wrapper {
    justify-content: flex-end;
  }

  .media-section-2 {
    padding: 60px 0;
  }

  .media-section-2.hero {
    min-height: 0;
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .media-section-2.top-section {
    margin-top: 24px;
  }

  .media-section-2.post-hero-section {
    background-attachment: scroll;
    height: 250px;
    min-height: 0;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .media-section-2.big-paddings {
    padding-top: 64px;
    padding-bottom: 64px;
  }

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

  .media-section-2.promo-section {
    height: 92vw;
  }

  .media-section-2.nav-layouts-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .media-section-2.top-section-categories {
    margin-top: 24px;
  }

  .t-c-section-1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .t-c-section-1.hero {
    min-height: 0;
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .t-c-section-1.top-section {
    margin-top: 24px;
  }

  .t-c-section-1.post-hero-section {
    background-attachment: scroll;
    height: 250px;
    min-height: 0;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .t-c-section-1.big-paddings {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .t-c-section-1.no-padding {
    padding: 0;
  }

  .t-c-section-1.promo-section {
    height: 92vw;
  }

  .t-c-section-1.nav-layouts-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .t-c-section-1.top-section-categories {
    margin-top: 24px;
  }

  .media-tabs-menu {
    margin-bottom: 60px;
  }

  .t-c-section-2-copy {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .t-c-section-2-copy.hero {
    min-height: 0;
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .t-c-section-2-copy.top-section {
    margin-top: 24px;
  }

  .t-c-section-2-copy.post-hero-section {
    background-attachment: scroll;
    height: 250px;
    min-height: 0;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .t-c-section-2-copy.big-paddings {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .t-c-section-2-copy.no-padding {
    padding: 0;
  }

  .t-c-section-2-copy.promo-section {
    height: 92vw;
  }

  .t-c-section-2-copy.nav-layouts-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .t-c-section-2-copy.top-section-categories {
    margin-top: 24px;
  }

  .blog-nav-wrapper.side-paddings {
    padding-left: 8px;
    padding-right: 8px;
  }

  .blog-nav-wrapper.nav-bar-v1-wrapper {
    justify-content: flex-end;
  }

  .howtoo-main-nav-menu-home {
    z-index: 50;
    background-color: var(--white);
    padding: 40px;
  }

  .nav-mobile-hamburger-icon {
    background-color: var(--oxford-blue);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .home-section-2-tab {
    margin-right: 10px;
  }

  .home-section-2-button {
    position: relative;
  }

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

  .demo-section-1 {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .demo-container-1 {
    justify-content: center;
    align-items: flex-start;
    padding-top: 180px;
  }

  .demo-section-1-text-wrapper-1 {
    min-width: auto;
    margin-right: 0;
  }

  .demo-hero-text-1 {
    border: 2px solid #000;
    border-radius: 8px;
    padding: 40px;
  }

  .demo-hero-text-2 {
    border: 2px solid #000;
    border-radius: 8px;
    margin-top: 60px;
    padding: 40px;
  }

  .demo-tilte-wrapper {
    margin-bottom: 0;
    position: relative;
  }

  .demo-section-3, .demo-section-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .demo-logos.centered {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .demo-h1.mobile {
    color: var(--white);
  }

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

  .demo-hero-image-desktop {
    display: none;
  }

  .demo-hero-image-mobile {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 8px;
    margin-top: 160px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    inset: 0% 0% auto -100px;
    box-shadow: 4px 4px 14px #00000040;
  }

  .demo-hero-image-mobile.small {
    margin-top: 300px;
    left: 270px;
  }

  .demo-container-0 {
    background-color: var(--oxford-blue);
    background-image: linear-gradient(94deg, #53c6d61c, #53c6d600);
    height: 400px;
    padding-top: 60px;
    padding-bottom: 100px;
    position: relative;
  }

  .demo-button {
    margin-top: 8px;
    display: block;
  }

  .demo-button.demo-button-line {
    color: var(--oxford-blue);
    background-color: #0000;
  }

  .watch-demo-section-1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .watch-demo-button-wrapper {
    display: block;
  }

  .popup-wrapper---demo-chat.preview-page, .popup-wrapper---demo-cha.preview-page {
    padding-left: 32px;
    padding-right: 32px;
  }

  .popup-content-wrapper---demo-chat {
    width: auto;
  }

  .popup-content-wrapper---demo-chat.popup-1-content-wrapper---brix-copy {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 24px;
    right: 24px;
  }

  .demo-deco-2, .demo--decro-1 {
    display: none;
  }

  .demo-tilt-background-1 {
    margin-top: -140px;
  }

  .sign-up-form-background {
    width: 100%;
    max-width: none;
  }

  .demo--hero-text {
    display: none;
  }

  .sign-up-section-2-title {
    text-align: center;
  }

  .sign-up-section-2-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .demo-section-3-h2.mobile {
    color: var(--white);
  }

  .sign-up-section-2-block-wrapper {
    width: auto;
  }

  .demo-watch-button {
    margin-top: 8px;
    display: block;
  }

  .demo-watch-button.demo-button-line {
    color: var(--oxford-blue);
    background-color: #0000;
  }

  .demo-watch-button-2 {
    margin-top: 8px;
    display: block;
  }

  .demo-watch-button-2.demo-button-line {
    color: var(--oxford-blue);
    background-color: #0000;
  }

  .nav-item-wrapper-social-icons {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .ebook-collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  .div-block-43-copy {
    width: auto;
  }

  .ebook---section-3---content-wrapper {
    margin-left: auto;
    left: 0;
  }

  .ebooks---featured-ebook {
    position: relative;
    left: 0%;
  }

  .ebook---featured-card-button {
    align-self: auto;
  }

  .lp_nav-logo {
    display: block;
  }

  .xpert---logo-marquee---container {
    width: 100%;
  }

  .marquee-horizontal-large {
    height: 130px;
  }

  .home---logo-marquee---container {
    width: 100%;
  }

  .courses---container-2 {
    flex-direction: column;
  }

  .xpert---section-2---card-wrapper {
    grid-template-columns: 1fr;
  }

  .xpert---section-4---badge {
    width: 20%;
    max-width: none;
  }

  .xpert---section-4---grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto minmax(auto, 1fr);
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: stretch;
    justify-items: center;
  }

  .xpert---section-6---title-wrapper {
    width: auto;
  }

  .xpert---section-2---card {
    flex-direction: row;
    width: 100%;
    max-width: none;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .xpert---section-3--grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .xpert---section-5 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .xpert---section-logo {
    margin-top: -420px;
    padding-top: 450px;
    padding-bottom: 100px;
  }

  .xpert---section-cta, .xpert---section-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .xpert---hero---body-big {
    text-align: center;
    margin-bottom: 0;
  }

  .xpert---background-mask {
    margin-top: -400px;
  }

  .xpert---hero---title-wrapper {
    width: 100%;
  }

  .xpert---section-2---text-wrapper {
    width: auto;
  }

  .xpert---section-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .xpert---hero-container {
    flex-direction: column;
  }

  .xpert---section-1---sticky-header {
    background-color: var(--oxford-blue);
    background-image: none;
    padding-top: 100px;
    top: 0;
  }

  .xpert---hero-button-link-block {
    min-width: 190px;
  }

  .xpert---section-2---card-paragraph {
    text-align: left;
  }

  .xpert---section-2---card-content-wrapper {
    margin-top: 0;
    margin-left: 20px;
  }

  .xpert---hero---text-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    width: 100%;
    margin-left: 0;
    display: flex;
  }

  .xpert---card-title {
    text-align: left;
  }

  .xpert---section-1---sticky-header-bottom {
    background-image: linear-gradient(to bottom, var(--oxford-blue), #15152880 40%, #15152800);
    display: block;
    top: 400px;
  }

  .xpert---section-3-button-link-block {
    min-width: 190px;
  }

  .ambassador---hero-image-holder {
    height: 10%;
  }

  .ambassador---seciton-2---grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .pricing-container-xpert-1268 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .image-126 {
    display: none;
  }

  .pricing---xpert-banner-button {
    margin-top: 8px;
  }

  .ambassador---section-4 {
    padding-top: 0;
  }

  .ambassador---container-4 {
    padding-top: 60px;
  }

  .ambassador---section-4---text-wrapper {
    width: 100%;
  }

  .ambassador---section-4---image-wrapper {
    max-width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    left: 0%;
  }

  .case-study-content-container {
    flex-direction: column;
  }

  .case-study-content-wrapper {
    margin-right: 0;
  }

  .case-study-sticky-card {
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 60px;
    margin-left: 0;
    position: relative;
    top: 0;
    bottom: 0;
  }

  .case-study-sticky-card-text-wrapper {
    text-align: left;
    align-items: flex-start;
    margin-left: 20px;
  }

  .case-study-card {
    max-width: none;
  }

  .case-study-cms-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .case-study-stats-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .xpert-thank-you-section-1 {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .xpert-thank-you-paragraph-2 {
    text-align: center;
  }

  .section-courses-page-5-copy {
    display: block;
  }

  .xpert-hero-button-wrapper {
    flex-direction: column;
    display: flex;
  }

  .blog-template-hero-wrapper {
    padding-left: 0;
  }

  .blog-template-hero-wrapper.side-paddings {
    padding-left: 8px;
    padding-right: 8px;
  }

  .blog-template-hero-wrapper.nav-bar-v1-wrapper {
    justify-content: flex-end;
  }

  .post-template-hero-image {
    display: none;
  }

  .partnership-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .partnership-hero-test-wrapper {
    width: auto;
  }

  .partnership-section-2-wrapper {
    max-width: none;
  }

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

  .partnership-section-4-block-wrapper {
    grid-column-gap: 40px;
    margin-bottom: 100px;
  }

  .partnership-section-2-bg {
    object-fit: cover;
  }

  .partners-section-4-caption {
    background-image: linear-gradient(156deg, #76d1df 7%, #b0a1ed 19%, #f591b8 36%);
  }

  .style-guide-header-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-styleguide-2 {
    padding-top: 134px;
    padding-bottom: 50px;
  }

  .container-default-5 {
    flex-direction: column;
    align-items: stretch;
  }

  .style-guide-content-2 {
    margin-left: 0;
  }

  .style-guide-sidebar-2 {
    display: none;
  }

  .flex_style-guide.contact-card-wraper.right {
    padding-top: 82px;
    padding-left: 0;
  }

  .flex_style-guide.contact-card-wraper.left {
    border-bottom: 1px solid #ccc;
    border-right-width: 0;
    padding-bottom: 82px;
    padding-right: 0;
  }

  .flex_style-guide.contact-card-container {
    flex-direction: column;
  }

  .cards-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .card-primary {
    max-width: none;
  }

  .xpert-carousel-content-wrapper {
    max-width: none;
    margin-top: 0;
    margin-left: 0;
    position: relative;
  }

  .xpert-carousel-section, .lp_uni_section-1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .lp-uni-hero-container {
    flex-direction: column;
  }

  .lp-uni-hero-title-wrapper {
    width: 100%;
  }

  .lp-uni-hero-image-wrapper {
    width: 130%;
    height: auto;
  }

  .lp-uni-image-container, .lp-uni-hero-container-3 {
    margin-top: 60px;
  }

  .lp-uni-section-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .image-132 {
    z-index: -1;
    margin-left: 60px;
  }

  .lp-uni-section-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .lp-uni-hero-text-wrapper {
    grid-column-gap: 20px;
    flex-direction: column;
    width: 100%;
    margin-left: 0;
    display: flex;
  }

  .discover-section {
    background-color: var(--oxford-blue);
    background-image: linear-gradient(171deg, #53c6d600 32%, #53c6d666);
    height: 1180px;
  }

  .discover-hero-container {
    background-color: #0000;
    background-image: none;
    padding-left: 100px;
    padding-right: 100px;
    position: relative;
    left: 0%;
  }

  .discover-form-container {
    z-index: 1;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #151528cc;
    border-radius: 8px;
    width: 480px;
    margin-left: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    display: block;
    position: absolute;
    inset: 40% auto auto;
  }

  .discover-hero-text-wrapper {
    max-width: none;
  }

  .discover-hero-image {
    margin-top: 50px;
  }

  .discover--form {
    width: auto;
  }

  .discover-form-text-field {
    color: var(--white);
    background-color: #0000;
  }

  .discover-form-text-field:focus, .discover-form-text-field::placeholder, .discover-form-title {
    color: var(--white);
  }

  .discover-form-title-wrapper {
    width: auto;
  }

  .discover-hero-image-mobile {
    margin-top: 50px;
    display: none;
  }

  .about-us-quote {
    width: 100%;
  }

  .image-133 {
    border-radius: 8px;
    display: block;
  }

  .about-us-image-1 {
    min-width: 100%;
    margin-bottom: 20px;
  }

  .capterra1-section-1 {
    height: auto;
  }

  .image-134 {
    width: 100%;
    height: auto;
    top: 0;
  }

  .lp2-section-2, .capterra1-section-3, .capterra1-section-4, .capterra1-section-5 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .capterra-container-4 {
    flex-direction: column;
  }

  .capterra-s4-content-wrapper {
    width: 100%;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .capterra1-hero-text {
    width: auto;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .capterra1-section-2-content-wrapper {
    max-width: none;
    margin-top: 0;
    margin-left: 0;
    position: relative;
  }

  .capterra2-section-1 {
    padding-top: 100px;
  }

  .capterra2-container-1 {
    flex-direction: column;
  }

  .capterra2-hero-text {
    width: auto;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .capterra2-hero-image {
    min-width: 120%;
    margin-top: -18%;
    position: relative;
  }

  .capterra-test-section-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .test-block {
    background-color: var(--links);
    height: 100px;
  }

  .test-block.test-block-2 {
    background-color: var(--oxford-blue);
  }

  .test-block-1 {
    background-color: var(--links);
    height: 100px;
  }

  .test-block-1.test-block-2 {
    background-color: var(--oxford-blue);
  }

  .test-section-1 {
    height: auto;
  }

  .test-container-1 {
    flex-direction: column;
  }

  .test-hero-text {
    width: auto;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .advertising1-section-1 {
    padding-top: 100px;
  }

  .advertising1-section-2, .advertising1-section-3, .advertising1-section-4, .advertising1-section-5, .advertising1-section-8, .advertising1-section-9, .advertising1-section-10 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .advertising1-container-1 {
    flex-direction: column;
  }

  .advertising1-hero-image {
    min-width: 120%;
    margin-top: -18%;
    position: relative;
  }

  .advertising1-hero-text {
    width: auto;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .advertising1-container-9 {
    flex-direction: column;
  }

  .advertising1-content-wrapper-9 {
    width: 100%;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .advertising1-section-6 {
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .advertising1-container-6 {
    justify-content: center;
    padding-top: 0;
  }

  .advertising1-text-wrapper-6 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .advertising1-image-6 {
    width: 100%;
    min-width: 100%;
    padding-left: 0;
    display: inline-block;
    position: relative;
    left: auto;
  }

  .advertising1-try-free-6 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    display: flex;
    position: absolute;
    bottom: 25%;
  }

  .advertising1-link-6 {
    margin-top: 0;
    padding-top: 0;
  }

  .advertising1-mobile-carousel-6 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .lp2-tab-device-nav-2 {
    display: flex;
  }

  .home-section-2-tab-2 {
    margin-right: 10px;
  }

  .button-primary-3.yellow {
    position: static;
  }

  .advertising1-section-7 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .advertising1-container-7 {
    flex-direction: column;
  }

  .advertising1-content-wrapper-7 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .advertising1-button-link-7 {
    min-width: 190px;
  }

  .align-centre-admin {
    flex-direction: column;
  }

  .align-centre-admin.pricing.no-margin.no-padding {
    max-width: none;
  }

  .lp_6step_section-1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .lp-6step-hero-container {
    flex-direction: column;
  }

  .lp_6step_section-2 {
    object-fit: cover;
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6463259fc31920b376f53bce_Frame%205485ipad.png");
    background-position: 100%;
    background-size: cover;
    padding: 100px 0;
    display: block;
  }

  .lp-6step-section-3 {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .lp-6step-section-3-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
  }

  .lp-6step-section-3-text-wrapper {
    width: 60%;
  }

  .image-132-copy {
    z-index: -1;
    margin-left: 60px;
  }

  ._6step-sayhello_img {
    z-index: 0;
    aspect-ratio: auto;
    object-fit: contain;
    width: 60%;
    max-width: none;
    height: auto;
    padding-top: 0;
    display: block;
    position: absolute;
    top: 6%;
    left: -13%;
    right: 0%;
  }

  ._6step-logo-marquee---container {
    width: 100%;
  }

  .lp-6step-section-5 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  ._6step-section-5-title-wrapper {
    width: auto;
  }

  ._6step-form {
    align-items: center;
  }

  ._6step---form-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .webinars-hero {
    display: none;
  }

  .image-136 {
    top: 265px;
    left: 411px;
  }

  .webinars-hero-section {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .webinar-study-card {
    max-width: none;
  }

  .popup-wrapper---webinar.preview-page {
    padding-left: 32px;
    padding-right: 32px;
  }

  .image-113-copy {
    display: none;
  }

  .new-pricing-card-content-wrapper {
    width: 100%;
    max-width: 412px;
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
    overflow: hidden;
  }

  .div-block-250 {
    display: none;
  }

  .button-secondary-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-255 {
    order: 1;
  }

  .lp_h2_300-copy {
    width: auto;
    margin-left: 0;
  }

  .html-embed-5 {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: 100%;
    margin-top: auto;
  }

  .creator-pricing-text-wrapper-copy {
    width: 360px;
    margin-left: 0;
    margin-right: -90px;
    padding-left: 40px;
    padding-right: 91px;
  }

  .tabs-content-3 {
    padding-top: 60px;
    padding-bottom: 40px;
    overflow: hidden;
  }

  .div-block-266 {
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 60px;
    display: none;
  }

  .tab-pane-monthly {
    width: 100vw;
    overflow: visible;
  }

  .tab-pane-annually {
    width: 100vw;
  }

  .card-pro, .card-teams {
    display: none;
  }

  .div-block-270 {
    margin-bottom: 30px;
  }

  .button-secondary-compare-t {
    display: none;
  }

  .div-block-271 {
    text-align: left;
    transform: rotate(-90deg);
  }

  .button-primary-compare, .pricing-calc-section {
    display: none;
  }

  .description-medium-copy {
    position: absolute;
    top: 379px;
  }

  .image-115-copy {
    display: none;
  }

  .div-block-277 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .container-85 {
    flex-direction: column-reverse;
    order: 0;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-283 {
    align-self: center;
    align-items: center;
    width: 70%;
    margin: 40px auto 20px;
  }

  .div-block-284 {
    max-width: none;
    margin-left: 40px;
    margin-right: 40px;
  }

  .div-block-285 {
    justify-content: space-around;
    width: 100%;
    margin-bottom: 20px;
    display: block;
  }

  .modal_mthactivlearn.preview-page, .modal_creatorseat.preview-page {
    padding-left: 32px;
    padding-right: 32px;
  }

  .div-block-288 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .modal_addons.preview-page {
    padding-left: 32px;
    padding-right: 32px;
  }

  .htmaintenance-section-1 {
    padding-top: 140px;
    padding-bottom: 140px;
  }

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

  .growth-section-6-image-mobile {
    align-self: center;
    width: 550px;
    display: block;
  }

  .mask-13 {
    flex: 0 auto;
    align-self: stretch;
  }

  .slider-11 {
    display: flex;
  }

  .slider-mask-pricing.slider-icon-cards {
    max-width: 380px;
  }

  .slider-mask-pricing.slider-icon-cards-copy {
    align-self: auto;
    width: 55%;
    min-width: 412px;
    max-width: none;
  }

  .slide-nav-9 {
    position: static;
  }

  .slider-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .arrow-link-circle-copy.slide {
    margin-left: 20px;
    margin-right: 20px;
  }

  .arrow-link-circle-copy.slider-icon.right.icon-cards, .arrow-link-circle-copy.slider-icon.left.icon-cards {
    display: none;
  }

  .arrow-link-circle-copy._56px.service-card {
    flex: none;
  }

  .right-arrow-4, .text-block-76, .text-block-77 {
    display: none;
  }

  .paragraph-42 {
    font-family: Nunito Sans, sans-serif;
    font-size: 20px;
  }

  .heading-72, .paragraph-43, .heading-73, .div-block-295 {
    text-align: center;
  }

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

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

  .creator-container-1-1268-copy {
    flex-direction: row;
    justify-content: center;
    max-width: 1268px;
    display: flex;
  }

  .paragraph-32-copy {
    display: block;
  }

  .div-block-296 {
    display: none;
  }

  .home-teams-inner-card2 {
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .paragraph-46 {
    font-family: Nunito Sans, sans-serif;
  }

  .div-block-298 {
    display: none;
  }

  .image-146 {
    width: 100%;
    height: auto;
    top: 0;
  }

  .capterra1-section-6 {
    height: auto;
  }

  .button-primary-4.cyan.demo {
    display: none;
  }

  .image-147 {
    width: 300px;
    display: block;
  }

  .lp_h2-3 {
    margin-left: 0;
    margin-right: auto;
  }

  .section-75 {
    height: auto;
    padding-bottom: 80px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-299 {
    padding-right: 0;
    display: none;
  }

  .div-block-301 {
    margin-left: 0;
  }

  .pricing-details-3 {
    align-items: flex-start;
    width: 100%;
    margin-left: 20px;
  }

  .section-77 {
    padding-top: 20px;
  }

  .container-87 {
    max-width: 80%;
  }

  .container-88 {
    align-items: center;
  }

  .grid-23 {
    grid-column-gap: 13px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 2.75fr;
    align-items: center;
    width: 100%;
  }

  .heading-78 {
    width: 100%;
  }

  .image-149 {
    max-width: 100%;
    display: block;
  }

  .lp2-section-2-content-wrapper-copy {
    max-width: none;
    margin-top: 56px;
    margin-left: 0;
    position: relative;
  }

  .link-9 {
    text-decoration: none;
  }

  .feature-bold {
    margin: 0;
  }

  .link-10, .link-12 {
    display: none;
  }

  .lp2-section-2-content-wrapper-copy {
    max-width: none;
    margin-left: 0;
    position: relative;
  }

  .lp2-section-2-button-wrapper-copy {
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 0;
    margin-left: 0;
    display: flex;
    position: relative;
  }

  .navbar-signup {
    z-index: 200;
  }

  .signupimage {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/66331169406ac5b6bccbd4e7_sidebanner.webp");
    max-width: 290px;
  }

  .form-4 {
    padding: 24px;
  }

  .text-span-30, .text-span-31, .text-span-32 {
    display: none;
  }

  .text-span-33 {
    display: block;
  }

  .home-container_fuel {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .home-container_fuel.align-centre {
    padding-bottom: 0;
  }

  .hc-wrap-home2 {
    width: auto;
    height: auto;
    margin-top: 40px;
  }

  .hc-wrap1 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
    max-width: 768px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .hc-heading.align-centre.color-white {
    text-align: center;
  }

  .home-section-hero {
    height: auto;
    padding-top: 50px;
  }

  .home-teamspro-container {
    max-width: 768px;
    padding-left: 0;
    padding-right: 0;
  }

  .home-teams-inner-card1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .all-from-a-single-platform-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .all-from-a-single-platform-content-wrapper {
    max-width: none;
    margin-left: 0;
    position: relative;
  }

  .all-from-a-single-platform-tabs {
    flex-direction: column;
  }

  .all-from-a-single-platform-cta-wrapper {
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 0;
    margin-left: 0;
    display: flex;
    position: relative;
  }

  .all-from-a-single-platform-cta-wrapper.align-centre {
    flex-direction: row;
  }

  .learning-academy_button-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    display: flex;
    position: relative;
  }

  .learning-academy-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 0;
    margin-left: 0;
    display: block;
  }

  .all-from-a-single-platform-tabs-menu {
    text-align: center;
    margin-bottom: 20px;
  }

  .all-from-a-single-platform-tabs-menu.align-centre {
    min-width: 0;
  }

  .div-block-312 {
    max-width: 768px;
  }

  .afasp-device {
    width: auto;
    height: auto;
  }

  .afasp-device-element-wrapper {
    width: 100%;
    height: 40px;
  }

  .device-element-content {
    width: 90%;
  }

  .div-block-234-copy {
    width: 77%;
  }

  .home-hero-embed {
    height: 300px;
    margin-top: auto;
  }

  .home-hero-cards {
    display: none;
  }

  .home-hero-cards.align-centre {
    grid-column-gap: 10px;
    flex-direction: row;
    display: flex;
  }

  .home---learning-academies---container {
    width: 100%;
  }

  .home---customertabs {
    width: 350px;
    margin-right: 10px;
  }

  .image-111-copy {
    width: 500px;
    margin-left: 0;
    display: block;
    position: static;
    inset: auto -13% auto auto;
  }

  .bookademo-mobile.yellow.align-centre {
    display: none;
  }

  .startafreetrial.yellow {
    display: flex;
  }

  .byd-container {
    flex-direction: column;
    order: 0;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .byd-content {
    order: -1;
    max-width: none;
    margin-left: 40px;
    margin-right: 40px;
    display: flex;
  }

  .byd-content-img {
    order: 1;
    align-self: center;
    align-items: center;
    width: 70%;
    margin: 40px auto 20px;
  }

  .navbar_button_demo_mobile {
    display: none;
  }

  .div-block-314 {
    text-align: left;
  }

  .ai-wrapper {
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 32px;
  }

  .learning-academy-primary {
    align-self: center;
    width: 42.3961%;
    padding-left: 48px;
    display: block;
  }

  .learning-academy-secondary {
    align-self: flex-end;
  }

  .home-createyourlearningacademy-section {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .div-block-315 {
    width: 100%;
    margin-top: 20px;
    display: flex;
  }

  .ai-cta-wrapper {
    display: flex;
  }

  .academylist {
    width: 50%;
  }

  .learningacademygrid {
    grid-column-gap: 10px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
  }

  .tabs-4-copy {
    width: auto;
    padding-left: 0;
  }

  .tabs-content-3-copy {
    width: auto;
    padding: 60px 10px;
    overflow: hidden;
  }

  .tab-pane-monthly-copy {
    width: auto;
    overflow: visible;
  }

  .div-block-317 {
    flex-direction: column;
  }

  .lp2-tilt-background-1-copy {
    margin-top: -140px;
    bottom: -34%;
  }

  .navbar-mobile-link-wrapper-demo {
    height: 64px;
    margin-bottom: 0;
    display: flex;
  }

  .list-item-6, .list-item-7, .list-item-8 {
    font-size: 14px;
  }

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

  .all-from-a-single-platform-slider {
    display: block;
  }

  .all-from-a-single-platform-slider-device-nav {
    display: flex;
  }

  .all-from-a-single-platform-slider-course {
    width: auto;
    height: auto;
  }

  .all-from-a-single-platform-section-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .align-centre-3 {
    flex-direction: column;
  }

  .home---customertabs-2 {
    width: 350px;
    margin-right: 10px;
  }

  .div-block-320 {
    max-width: 768px;
  }

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

  .lp2-section-2-content-wrapper-councils {
    max-width: none;
    margin-left: 0;
    position: relative;
  }

  .all-from-a-single-platform-container-councils {
    margin-top: 24px;
  }

  .lp2-section-2-button-wrapper-councils {
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 0;
    margin-left: 0;
    display: flex;
    position: relative;
  }

  .form-login {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 0;
  }

  .log-in-form {
    margin-left: 24px;
    margin-right: 24px;
  }

  .form-block-6-login {
    margin-left: 0;
    margin-right: 0;
  }

  .color-white-copy.align-centre {
    text-align: center;
  }

  .color-white-copy.createsharetrack_p {
    font-size: 14px;
  }

  .color-white-copy.text-center {
    text-align: center;
  }

  .sign-in-thank-you {
    margin-left: 0;
    margin-right: 0;
  }

  .color-white-2.align-centre {
    text-align: center;
  }

  .color-white-2.createsharetrack_p {
    font-size: 14px;
  }

  .color-white-2.text-center {
    text-align: center;
  }

  .loginimage {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/653870bb3f4feffa72bb3d76_banner-login.jpg");
  }

  .scorm-creator-section-1 {
    flex-direction: row;
    justify-content: flex-start;
    display: flex;
    overflow: hidden;
  }

  .scorm-creator-image-holder {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.5fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .scorm-creator-hero {
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-top: 50px;
  }

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

  .scorn-creator-section-container {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .scorn-creator-section-container.align-centre {
    padding-bottom: 0;
  }

  .sc-wrap2 {
    width: auto;
    height: auto;
    margin-top: 40px;
  }

  .sc-wrap1 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
    max-width: 768px;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .sc-heading.align-centre.color-white {
    text-align: center;
  }

  .thankyou-block, .send-reminder-block {
    margin-top: 96px;
    margin-bottom: 96px;
  }

  .capterra-mobile-learning-image {
    width: 100%;
    left: auto;
  }

  .all-from-a-single--home {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .home-h2-copy, .color-white-left.align-centre {
    text-align: center;
  }

  .color-white-left.createsharetrack_p {
    font-size: 14px;
  }

  .color-white-left.text-center, .home-h2-lg-copy, .paragraph-63 {
    text-align: center;
  }

  .growth-section-logo-light {
    padding-top: 10px;
    padding-bottom: 60px;
  }

  .internal-training-section2 {
    height: auto;
    margin-bottom: 0;
  }

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

  .div-block-285-copy {
    justify-content: space-around;
    width: 100%;
    margin-bottom: 20px;
    display: block;
  }

  .div-block-283-copy {
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: auto;
    margin: 40px 40px 20px;
    display: flex;
  }

  .div-block-285-copy {
    justify-content: space-around;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: block;
  }

  .internal-training-grid1 {
    min-width: 0;
    margin-left: 0;
  }

  .internal-training-list {
    max-width: none;
    margin-left: 40px;
    margin-right: 40px;
  }

  .container-85-copy {
    flex-direction: column;
    order: 0;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .temp1 {
    flex-direction: column;
    order: 0;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .temp-1a {
    flex-direction: column;
    align-self: auto;
    align-items: center;
    width: auto;
    margin: 40px 40px 20px;
    display: flex;
  }

  .temp-vid-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    aspect-ratio: 16 / 9;
    direction: ltr;
    text-transform: lowercase;
    object-fit: cover;
    flex-flow: wrap;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: space-between center;
    align-self: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    display: flex;
  }

  .temp-html-embed {
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    width: auto;
    height: 100%;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    display: flex;
  }

  .logo-section {
    padding-top: 10px;
    padding-bottom: 60px;
  }

  .faq-section {
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .html-embed-5-cover {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin-top: auto;
  }

  .growth-section-4-copy {
    margin-top: -60px;
    padding-bottom: 60px;
  }

  .button-primary-card {
    margin-top: auto;
  }

  .button-primary-card.yellow.align-centre {
    align-items: center;
    display: inline-block;
  }

  .html-embed-5-copy {
    width: 100%;
    height: 100%;
    margin-top: auto;
  }

  .div-block-285-copy {
    aspect-ratio: 16 / 9;
    justify-content: space-around;
    width: 100%;
    margin-bottom: 20px;
    display: block;
  }

  .button-secondary-card {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .demo-logos-courses.centered {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .courses-wall-logos {
    max-width: 75%;
  }

  .lp2-section-2-content-wrapper-scratch {
    max-width: none;
    margin-left: 0;
    position: relative;
  }

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

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

  .lp2-section-2-button-wrapper-tech {
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 0;
    margin-left: 0;
    display: flex;
    position: relative;
  }

  .tabs-menu-copy {
    text-align: center;
    margin-bottom: 20px;
    top: 0;
  }

  .capterra1-section-1-copy {
    height: auto;
  }

  .form-4-copy {
    padding: 24px;
  }

  .form-4-sp {
    padding: 24px 32px;
  }

  .hc-wrap-home {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .home-hero-embed-2 {
    height: 300px;
    margin-top: auto;
  }

  .body-hero.color-white.align-centre {
    width: 720px;
  }

  .home-container_upskill {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
  }

  .home-container_upskill.align-centre {
    padding-bottom: 0;
  }

  .home-section-hero-upskill {
    height: auto;
    padding-top: 50px;
  }

  .hc-heading-upskill.align-centre.color-white {
    text-align: center;
    max-width: 800px;
  }

  .hero-copy {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .navbar-mobile-link {
    height: 64px;
    margin-bottom: 0;
    display: flex;
  }

  .navbar-main-dropdown-list-product-services {
    box-shadow: none;
    width: 100%;
    padding: 10px 0;
    display: none;
  }

  .navbar-main-dropdown-list-product-services.resources {
    width: 100%;
  }

  .navbar-dropdown-link-block-temp {
    margin-bottom: 0;
  }

  .navbar-mobile-link-wrapper-courses {
    height: 64px;
    margin-bottom: 0;
    display: flex;
  }

  .div-block-youtube-full-width {
    margin-left: 24px;
    margin-right: 24px;
  }

  .internal-training-tabs {
    height: auto;
    margin-bottom: 0;
  }

  .div-block-internal-training-tab {
    width: 260px;
  }

  .full-width-container-internal-training {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .weve-got-the-solution {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .gradient-3-col-bg-container {
    height: auto;
    margin-bottom: 0;
  }

  .body-text-container {
    text-align: center;
    width: auto;
  }

  .weve-got-solution-cols-container {
    flex-direction: column;
  }

  .weve-got-solution-tabs {
    text-align: center;
    justify-content: stretch;
    width: 100%;
    margin-bottom: 20px;
  }

  .weve-got-solution-tabs.align-centre {
    min-width: 0;
  }

  .weve-got-sol-tabs {
    width: auto;
    height: 80px;
  }

  .weve-got-sol-tabs.w--current {
    height: 80px;
  }

  .weve-got-solution-panel-container {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .weve-got-sol-panel {
    width: auto;
    height: auto;
  }

  .weve-got-sol-text-wrapper {
    max-width: 768px;
  }

  .section-choose-package {
    height: auto;
    margin-bottom: 0;
  }

  .choose-package-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: none;
    display: grid;
  }

  .choose-package-card-wrapper, .choose-package-card-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .choose-package-cards {
    width: 100%;
    max-width: 600px;
    padding-top: 0;
    padding-left: 32px;
    padding-right: 32px;
  }

  .weve-got-sollution-text-container, .choose-your-level-text-container-copy {
    max-width: none;
    margin-left: 0;
    position: relative;
  }

  .choose-your-level-text-container-copy.align-centre {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-ai {
    height: auto;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .leading-way-text-container {
    max-width: 650px;
    margin-left: 0;
    position: relative;
  }

  .leading-way-text-container.align-centre {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .leading-way-container {
    max-width: none;
    margin-left: 0;
    position: relative;
  }

  .leading-way-container.align-centre {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .leading-way-heading {
    text-align: center;
  }

  .leading-way-text {
    text-align: left;
    width: auto;
  }

  .leading-way-col-container {
    align-items: center;
    margin-left: 24px;
    margin-right: 24px;
  }

  .leading-way-tick {
    max-width: 70%;
  }

  .cards-grid-copy {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .case-studies-quotes-wrapper-no-logo {
    width: 620px;
  }

  .section-call-out {
    height: auto;
    margin-bottom: 0;
  }

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

  .weve-got-solution-slider {
    display: none;
  }

  .weve-got-slide-header, .align-centre-copy {
    flex-direction: column;
  }

  .home-hero-div {
    flex-direction: column;
  }

  .hero-vid-div {
    width: 80%;
    height: auto;
    margin-top: 52px;
  }

  .ai-heading {
    text-align: center;
    width: 100%;
  }

  .ai-heading.ai {
    font-size: 24px;
  }

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

  .ai-animation-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .ai-animation-wrapper.subscribe-hr {
    width: 80%;
  }

  .ai-cta {
    width: 100%;
    margin-top: 20px;
    display: flex;
  }

  .ai-cta-btn-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 24px;
    margin-left: 0;
    display: flex;
    position: relative;
  }

  .ai-cta-btn {
    align-self: center;
    width: auto;
    padding-left: 48px;
    display: block;
  }

  .section-solution {
    flex-direction: row;
    padding-top: 60px;
    display: block;
  }

  .solution-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row-reverse;
    order: 0;
    align-items: center;
    max-width: 100%;
    padding-left: 0;
    padding-right: 32px;
  }

  .solution-text-container {
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    margin-left: 40px;
    margin-right: 0;
    display: flex;
  }

  .solutions-txt-bullet-wrapper {
    min-width: 0;
    margin-left: 0;
  }

  .explore-btn {
    align-self: flex-start;
    margin-top: 16px;
    padding-left: 48px;
    display: block;
  }

  .solution-stat-container {
    width: 400px;
    height: 400px;
  }

  .solution-quote-fext {
    text-align: center;
    font-size: 32px;
    line-height: 46px;
  }

  .solution-quote-fext.center {
    text-align: center;
  }

  .solution-quote-text-hilight {
    text-align: left;
  }

  .solution-quote-text-hilight.center {
    text-align: center;
  }

  .solution-stat-container-2 {
    width: 400px;
    height: 400px;
  }

  .solution-heading, .solution-text {
    text-align: center;
  }

  .solution-container-2 {
    flex-direction: column-reverse;
    order: 0;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .section-why-howtoo {
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .why-howtoo-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
  }

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

  .why-howtoo-text-wrapper {
    width: 55%;
  }

  .section-leading-the-way {
    height: auto;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-awards {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-how-we-rate.home-createyourlearningacademy-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .div-block-328 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .solution-quote-text-hilight-2 {
    text-align: left;
  }

  .solution-quote-text-hilight-2.center, .why-heading {
    text-align: center;
  }

  .bold-text-19 {
    font-size: 32px;
  }

  .bold-text-20 {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
  }

  .solution-container-2a {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row-reverse;
    order: 0;
    align-items: center;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .start-upskilling-heading {
    text-align: center;
  }

  .solution-quote-fext-copy {
    text-align: center;
    font-size: 32px;
    line-height: 46px;
  }

  .solution-quote-fext-copy.center {
    text-align: center;
  }

  .choose-package-cards-pricing, .choose-package-cards-no-btn {
    width: 100%;
    max-width: 600px;
    padding-top: 0;
    padding-left: 32px;
    padding-right: 32px;
  }

  .section-create-engaging {
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .ai-wrapper-2 {
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 32px;
  }

  .ai-animation-wrapper2 {
    width: 100%;
    margin-left: 56px;
  }

  .section-ai-2, .section-brand-your-courses, .section-assessments {
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .image-158 {
    max-width: 100%;
    margin-right: 0;
  }

  .academy-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 32px;
  }

  .section-academy {
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .academy-animation-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .section-track {
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .xpert---hero-container-copy {
    flex-direction: column;
  }

  .div-block-330 {
    justify-content: center;
    align-self: center;
    display: flex;
  }

  .bold-text-24 {
    justify-content: center;
    display: flex;
  }

  .xpert---form-create {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .case-studies-xpert {
    padding-bottom: 24px;
  }

  .hero-vid-div-xpert {
    width: 80%;
    height: auto;
    margin-top: 52px;
  }

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

  .image-159 {
    margin-top: 32px;
  }

  .learning-strat-img1 {
    max-width: 100%;
    margin-right: 0;
  }

  .section-partner-2 {
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .learning-strat-img2, .learning-strat-img4 {
    max-width: 100%;
    margin-right: 0;
  }

  .partner-img-1 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d7df82bbeec3a11a89185d_strat1.png");
    background-position: 0%;
    background-size: cover;
    border-radius: 500px;
    justify-content: center;
    width: 70%;
    height: 200px;
  }

  .partner-img-1._2-billion {
    width: 100%;
  }

  .partner-img-1._2-billion._2 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6682355c668f32ddc35174a0_bg4.webp");
    background-position: 0%;
    background-size: cover;
  }

  .partner-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 40px;
    padding-right: 40px;
  }

  .partner-txt-wrapper-left {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 0;
    margin-left: 0;
    padding-right: 0;
    display: block;
  }

  .section-partner-1 {
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .partner-wrapper-2 {
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 40px;
    padding-right: 40px;
  }

  .partner-img-2 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d7e06aa5b97135e3a17628_strat2.png");
    background-position: 100%;
    background-size: cover;
    border-radius: 500px;
    width: 70%;
    height: 200px;
  }

  .partner-txt-wrapper-right {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 0;
    margin-left: 0;
    padding-left: 0;
    display: block;
  }

  .partner-img-3 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d7e186247f7c473cd32ab1_strat3.png");
    background-position: 0%;
    background-size: cover;
    border-radius: 500px;
    width: 70%;
    height: 200px;
  }

  .partner-img-4 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d7e270786128f12797a16c_stat4.png");
    background-position: 100%;
    background-size: cover;
    border-radius: 500px;
    width: 70%;
    height: 200px;
  }

  .partner-img-4._2-billion {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/66822b162d3bae8cdccaede1_bg0.webp");
    background-position: 100%;
    background-size: cover;
    width: 100%;
  }

  .partner-img-4._2-billion._2 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/668234eb0464430a7b9ee536_bg3.webp");
    background-position: 90% 55%;
    background-repeat: no-repeat;
    background-size: 115%;
  }

  .lp2-tilt-background-1-home {
    margin-top: -140px;
    bottom: -34%;
  }

  .nav-item-wrapper-copy {
    text-align: left;
    width: 100%;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-dropdown-link-block-casestudy {
    margin-bottom: 0;
  }

  .section-testimonials-all._2-billion {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pricing-faq-drop-down-2-copy {
    background-color: #fff;
  }

  .faq-body-2-test {
    z-index: 45;
    margin-top: -2px;
  }

  .fs_accordion-2_component {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .creator-faq-container-copy {
    width: 100%;
    min-width: 0;
  }

  .creator-container-1268-faq-copy {
    flex-direction: column;
  }

  .call-out-text-copy {
    text-align: center;
    width: 100%;
  }

  .section-call-out-copy {
    height: auto;
    margin-bottom: 0;
  }

  .weve-got-solution-tabs-copy {
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    justify-content: stretch;
    width: 100%;
    margin-bottom: 20px;
  }

  .weve-got-solution-tabs-copy.align-centre {
    min-width: 0;
  }

  .say-helllo-customer-ed, .section-guide-form {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .case-study-cms-list-copy {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr;
  }

  .book-a-demo {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .section-awards-details {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-awards-details.white-bg {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-331 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .awards-text {
    max-width: 650px;
    margin-left: 0;
    position: relative;
  }

  .awards-text.align-centre {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .awards-body {
    text-align: center;
    width: auto;
  }

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

  .awards-subheading {
    flex-direction: column;
  }

  .xpert---section-4---badge-copy {
    width: 25%;
  }

  .weve-got-slide-header-copy {
    flex-direction: column;
  }

  .awards-badge-small-copy {
    width: 78%;
  }

  .customer-ed-cols-container {
    flex-direction: column;
  }

  .customer-ed-tabs {
    width: auto;
    height: 80px;
  }

  .customer-ed-tabs.w--current {
    height: 80px;
  }

  .heading-104 {
    text-align: center;
    padding: 0 24px;
  }

  .body-text-container-copy-2, ._3-dot-pts-txt {
    text-align: center;
    width: auto;
  }

  .awards-details-col {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .awards-text-2 {
    flex-direction: column;
    width: 100%;
    max-width: 650px;
    margin-left: 0;
    position: relative;
  }

  .awards-text-2.align-centre {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .awards-body-2 {
    text-align: center;
    width: auto;
  }

  .awards-div-1 {
    height: 50px;
  }

  .awards-div-3-xpert {
    width: 130px;
    height: 75px;
  }

  .awards-div-3 {
    height: 50px;
  }

  .awards-div-4 {
    background-size: contain;
    height: 70px;
  }

  .awards-div-5 {
    height: 50px;
  }

  .awards-div-6 {
    object-fit: fill;
    background-size: contain;
    height: 50px;
  }

  .here-are-some-celebrated {
    flex-direction: column;
  }

  .awards-text-1 {
    flex-direction: column;
    max-width: 650px;
    margin-left: 0;
    position: relative;
  }

  .awards-text-1.align-centre {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .customer-ed-form {
    align-self: flex-start;
    width: 80%;
  }

  .customer-ed-txt {
    width: 80%;
  }

  .div-block-333 {
    position: static;
  }

  ._6step-sayhello_img-2 {
    z-index: 0;
    aspect-ratio: auto;
    object-fit: contain;
    width: 40%;
    max-width: none;
    height: auto;
    padding-top: 0;
    display: block;
    position: static;
    top: 6%;
    left: -13%;
    right: 0%;
  }

  .designed-for-aa {
    top: 413.5px;
    left: 9.5px;
  }

  .awards-div-1-xpert, .awards-div-4-xpert {
    height: 50px;
  }

  .awards-body-7-xpert {
    text-align: center;
    width: auto;
  }

  .awards-div-7-xpert {
    height: 50px;
  }

  .cell-3 {
    flex-direction: row;
    justify-content: center;
  }

  .cell-5 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    align-items: center;
  }

  .quick-stack-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .xpert-thank-you-paragraph-2-copy {
    text-align: center;
  }

  .learning-academy-wrapper-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 0;
    margin-left: 0;
    display: block;
  }

  .section-pricing-generic {
    height: auto;
    margin-bottom: 0;
  }

  .section-hero-learning-strat {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .learning-strat-img-container {
    display: none;
  }

  .growth-tilt-background-1-copy {
    object-fit: scale-down;
    height: 180px;
    margin-top: auto;
    overflow: visible;
  }

  .accessibilitymainimage {
    width: auto;
    margin-left: 0;
  }

  .accessibilitypageimage {
    width: 400px;
    margin-left: 0;
    margin-right: 0;
  }

  .capterrabutton.yellow.align-centre {
    align-items: center;
    display: inline-block;
  }

  .capterrabutton.auto-width {
    width: 50%;
  }

  .navbar-mobile-link-wrapper-copy {
    height: 64px;
    margin-bottom: 0;
    display: none;
  }

  .webinar-hero-wrapper {
    object-fit: fill;
    flex-direction: column;
    display: block;
  }

  .tab-link-category.tab-toggle-button {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-81 {
    display: block;
  }

  .text-block-82 {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
  }

  .text-block-83 {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .navbar-dropdown-link-block-webinar {
    margin-bottom: 0;
  }

  .pricing-faq-drop-down-3 {
    background-color: #fff;
  }

  .faq-body-cont-3.no-left-padding-for-mobile, .faq-body-cont-3.no-left-padding-for-mobile-test {
    padding-left: 0;
  }

  .faq-body-3 {
    z-index: 45;
    margin-top: -2px;
  }

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

  .fs_accordion-2_component-2 {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .component-checklist {
    max-width: 500px;
  }

  .signupimage-2 {
    max-width: 260px;
  }

  .cyber-banner {
    background-position: 20%;
    justify-content: flex-end;
    align-items: center;
    height: 100px;
  }

  .cyber-container {
    border-radius: 0;
    width: 35%;
    min-width: 70%;
    height: 100%;
    margin-right: 0;
  }

  .cyber-banner-heading {
    font-size: 24px;
  }

  .cyber-banner-text {
    font-size: 13px;
  }

  .cyber-banner-text2 {
    font-size: 11px;
  }

  .pricing-switch-wrapper-hide {
    margin-bottom: 0;
  }

  .div-content-enterprise {
    margin: 0 24px 60px;
    display: none;
  }

  .paragraph-enterprise {
    text-align: left;
    font-family: Nunito Sans, sans-serif;
    font-size: 20px;
  }

  .div-block-enterprise {
    justify-content: space-between;
    align-items: stretch;
  }

  .div-chat-enterprise {
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
    width: 40%;
    display: flex;
  }

  .div-mal-para {
    margin-bottom: 30px;
  }

  .div-text-enterprise {
    width: 60%;
  }

  .paragraph-42-copy {
    font-family: Nunito Sans, sans-serif;
    font-size: 20px;
  }

  .div-block-enterprise-text {
    width: 65%;
    margin-left: 0;
    margin-right: 40px;
  }

  .div-enterprise {
    margin: 0 0 60px;
    display: none;
  }

  .card-strip-enterprise {
    background-color: var(--haze);
    background-image: linear-gradient(84deg, #47474b, #c5c5c5 100%, #c5c5c5);
  }

  .container-seats-and-mal {
    margin-bottom: 16px;
  }

  .slider-pricing {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .button-primary-card-test {
    margin-top: auto;
  }

  .button-primary-card-test.yellow.align-centre {
    align-items: center;
    display: inline-block;
  }

  .button-secondary-card-test {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .div-block-277-copy {
    margin-left: 40px;
    margin-right: 40px;
  }

  .sc-wrap2-copy {
    width: auto;
    height: auto;
    margin-top: 40px;
  }

  .sc-wrap1-copy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    width: 100%;
    max-width: 768px;
    margin-bottom: 20px;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .ai-animation-wrapper-copy {
    width: 100%;
    margin-left: 40px;
  }

  .div-block-317-copy {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }

  .sc-heading-copy.align-centre {
    text-align: center;
    align-self: center;
    display: none;
  }

  .sc-heading-copy.align-centre.color-white {
    text-align: center;
  }

  .sc-heading-copy.align-centre.invert {
    font-size: 56px;
    display: block;
  }

  .sc-heading-copy.align-centre._2-billion, .sc-heading-copy.align-centre.subscribe-hr {
    display: block;
  }

  .scorm-creator-hero-copy {
    height: auto;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 50px;
  }

  .call-out-text-copy {
    text-align: center;
  }

  .section-call-out-copy {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667bdb1f91fa19b97fcd3247_quotemarks2.png"), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667bd976609972945f403e0f_quotemarks.png"), linear-gradient(#151528, #15152880), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d83cd2cfed4f247dafa87c_callout-bg2.jpg"), linear-gradient(#0000, #0000);
    background-position: 90% 90%, 10% 25%, 0 0, 0 0, 0 0;
    height: auto;
    margin-bottom: 0;
  }

  .call-out-text-author, .home-h2-copy {
    text-align: center;
  }

  .choose-your-level-text-container-copy-copy {
    max-width: none;
    margin-left: 0;
    position: relative;
  }

  .choose-your-level-text-container-copy-copy.align-centre {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .body-text-container-copy {
    text-align: center;
    width: auto;
  }

  .align-centre-copy {
    flex-direction: column;
  }

  .align-centre-copy.pricing.no-margin.no-padding {
    max-width: none;
  }

  .sc-heading-copy-m.align-centre {
    text-align: center;
    align-self: center;
    display: block;
  }

  .sc-heading-copy-m.align-centre.color-white {
    text-align: center;
  }

  .section-features-left, .section-feature-right {
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper-feature {
    grid-row-gap: 0px;
    flex-flow: column wrap;
    justify-content: flex-start;
    padding-left: 80px;
    padding-right: 80px;
  }

  .wrapper-feature.top-bot {
    flex-flow: column-reverse;
    order: 0;
  }

  .wrapper-feature.top-bot.mob {
    flex-flow: column;
  }

  .wrapper-text {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-bottom: 24px;
    margin-left: 0;
    display: block;
  }

  .wrapper-vid-right {
    width: 100%;
    margin-left: 0;
  }

  .section-features-right {
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper-vid-left {
    width: 100%;
    margin-left: 0;
  }

  .section-features {
    flex-flow: column;
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper-vid {
    width: 100%;
    margin-left: 0;
  }

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

  .feature-body-text.ai {
    text-align: left;
  }

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

  .feature-heading-text.truncated {
    width: 100%;
  }

  .section-partnership {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .section-partnership.results {
    flex-flow: column-reverse;
    padding-bottom: 0;
  }

  .wrapper-text-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 0;
    margin-left: 0;
    display: block;
  }

  .section-feature-hero {
    height: auto;
  }

  .section-feature-hero._2-billion {
    height: auto;
    padding-top: 24px;
    padding-bottom: 0;
  }

  .wrapper-feature-hero {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .wrapper-hero-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    width: 100%;
    max-width: 768px;
    margin-bottom: 20px;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .wrapper-vid-hero {
    width: 80%;
    margin-left: 40px;
    margin-right: 40px;
  }

  .bg-blur-blue {
    display: none;
  }

  .marquee-horizontal-large2 {
    height: 130px;
  }

  .image-partnership {
    width: 350px;
    margin-left: 0;
    padding-top: 0;
    display: block;
    position: static;
    inset: auto -13% auto auto;
  }

  .image-partnership._2-billion {
    width: 80%;
    max-width: 80%;
    position: static;
  }

  .wrapper-text-partnership {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 0;
    margin-left: 0;
    display: block;
  }

  .wrapper-text-partnership._2-billion {
    width: 100%;
  }

  .wrapper-partnership {
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 80px;
    padding-right: 80px;
  }

  .wrapper-partnership.results {
    flex-flow: column-reverse;
  }

  .bg-blur-blue-hero {
    top: 53%;
    right: 34%;
  }

  .bg-blur-yellow-hero {
    top: 59%;
    right: 62%;
  }

  .bg-blur-pink-hero {
    top: 61%;
    right: 14%;
  }

  .section-ai-create {
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bg-blur-mob-2 {
    background-color: var(--howtoo-yellow);
    display: block;
    inset: 297% 0% auto 67%;
  }

  .div-block-335 {
    max-width: 800px;
  }

  .bg-blur-mob-1 {
    display: block;
    position: absolute;
    inset: 217% 0% auto -22%;
  }

  .bg-blur-mob-4 {
    background-color: var(--howtoo-viking);
    display: block;
    position: absolute;
    inset: auto 0% -386% 62%;
  }

  .bg-blur-mob-3 {
    background-color: var(--howtoo-pink);
    display: block;
    inset: auto 0% -306% -26%;
  }

  .section-feature-hero-copy {
    height: auto;
  }

  .section-txtandform {
    flex-flow: column;
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper-hubspot-form {
    width: 100%;
    margin-left: 0;
  }

  .section-speakers {
    flex-flow: column;
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper-speaker {
    grid-row-gap: 0px;
    flex-flow: column wrap;
    justify-content: flex-start;
    padding-left: 80px;
    padding-right: 80px;
  }

  .wrapper-speaker.top-bot {
    flex-flow: column-reverse;
  }

  .div-block-335-copy {
    max-width: 800px;
  }

  .image-162 {
    border: 0 solid #000;
    border-radius: 300px;
  }

  .heading-speaker {
    flex-direction: column;
    font-size: 20px;
  }

  .section-date-time {
    flex-flow: column;
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper-date-time {
    align-self: center;
  }

  .heading-speaker-copy {
    flex-direction: column;
  }

  .section-what-to-expect {
    flex-flow: column;
    height: auto;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-what-to-expect._2-billion {
    margin-top: 0;
    padding-top: 0;
  }

  .ai-img {
    width: 100%;
  }

  .wrapper-what-to-expect {
    max-width: 800px;
  }

  .wrapper-banner-date, .banner-img1-f-o-t {
    width: 30%;
  }

  .wrapper-banner-f-o-t2 {
    grid-column-gap: 41px;
    grid-row-gap: 41px;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
  }

  .register-now-btn {
    justify-content: center;
    align-self: center;
    width: auto;
    height: 48px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 40px;
    display: flex;
  }

  .section-2-billion-in-skills {
    height: auto;
    padding-top: 50px;
  }

  .section-call-out-2-billion {
    height: auto;
    margin-bottom: 0;
  }

  .wrapper-hero-text-2-billion {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    width: 100%;
    max-width: 768px;
    margin-bottom: 20px;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-336 {
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    display: flex;
  }

  .demo-logos-wide {
    grid-column-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 0;
  }

  .demo-logos-wide.centered {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .lp-council-hero-container {
    margin-top: 60px;
  }

  .lp-councils-hero-container {
    flex-direction: column;
  }

  .lp-section-2-text-wrapper-councils {
    width: 45%;
  }

  .image-132-councils {
    z-index: -1;
    margin-left: 60px;
    left: 38%;
  }

  .lp_council_section-1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .body-text-container-copy2 {
    text-align: center;
    width: auto;
  }

  .ai-heading-copy {
    text-align: center;
    width: 100%;
  }

  .ai-heading-copy.ai {
    font-size: 24px;
  }

  .xpert---section-2---text-wrapper-copy {
    width: auto;
  }

  .body-text-container-copy3 {
    text-align: center;
    width: auto;
  }

  .heading-108 {
    width: 100%;
  }

  .partners-hero-section {
    padding-top: 24px;
    padding-bottom: 64px;
  }

  .partners-hero-section.subscribe-hr {
    padding-bottom: 24px;
  }

  .partners-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: flex-start;
  }

  .partners-container.subscribe-hr {
    padding-bottom: 0;
  }

  .partners-container.subscribe-hr-video {
    padding-top: 0;
    padding-bottom: 0;
  }

  .partners-wrapper {
    width: 50%;
  }

  .body-hero-partners {
    text-align: center;
  }

  .body-hero-partners.subscribe-hr {
    text-align: left;
    margin-bottom: 0;
  }

  .heading-hero-partners, .partners-hero-button-wrapper {
    text-align: center;
  }

  .partners-cta-btn {
    align-self: center;
    width: auto;
    padding-left: 48px;
    display: inline-block;
  }

  .section-partners-grad {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section-partners-grad.results {
    flex-flow: column-reverse;
    padding-bottom: 0;
  }

  .section-partners-grad.subscribe-hr {
    padding-top: 48px;
  }

  .wrapper-partners {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .wrapper-partners.results {
    flex-flow: column-reverse;
  }

  .wrapper-partners-cards {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch;
    place-items: stretch stretch;
    min-width: 0;
    padding-left: 16px;
    padding-right: 16px;
    display: grid;
  }

  .wrapper-text-partners {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 0;
    margin-left: 0;
    display: block;
  }

  .wrapper-text-partners._2-billion {
    width: 100%;
  }

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

  .benefits-body-text.ai {
    text-align: left;
  }

  .benefits-body-text.left._40-width {
    width: 60%;
  }

  .benefits-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    order: 0;
    justify-content: space-between;
    align-self: stretch;
    align-items: stretch;
    width: 100%;
    height: 100%;
  }

  .partners-h2 {
    text-align: center;
    width: 100%;
  }

  .partners-h2.ai {
    font-size: 24px;
  }

  .partners-h2.color-white, .wrapper-partners-heading {
    text-align: center;
  }

  .wrapper-partners-heading.truncated {
    width: 100%;
  }

  .section-partners-dark {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .benefits-card-dark1 {
    background-size: 40%;
    width: 100%;
  }

  .benefits-card-dark2 {
    background-position: 50%;
  }

  .wrapper-partners-cards-horizontal {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .wrapper-partners-cards-vert {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 70%;
  }

  .benefits-card-dark3 {
    background-position: 100%;
    width: 100%;
  }

  .benefits-card-dark4 {
    background-position: 80% 100%;
    background-size: 150%;
  }

  .section-partners-light {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .program-cards {
    width: 50%;
  }

  .program-body-text, .program-body-text.ai {
    text-align: left;
  }

  .program-cards-2 {
    width: 50%;
  }

  .learn-more-btn {
    display: flex;
  }

  .partners-wrapper-2 {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .enablement-card-dark1, .enablement-card-dark3, .enablement-card-dark4 {
    width: 100%;
  }

  .enablement-card-dark2 {
    width: 100%;
    overflow: clip;
  }

  .enablement-card-dark6 {
    height: 240px;
  }

  .enablement-blur {
    border-radius: 0;
  }

  .section-partners-faq {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .faq-container-copy {
    width: 100%;
    min-width: 0;
  }

  .partners-modal-wrapper {
    display: none;
  }

  .partners-modal-heading {
    text-align: center;
  }

  .partners-modal-heading.ai, .partners-modal-heading.bold, .partners-modal-text, .partners-modal-text.ai {
    text-align: left;
  }

  .partners-modal-h1 {
    text-align: center;
  }

  .partners-modal-h1.truncated {
    width: 100%;
  }

  .partners-modal-h1-bold {
    text-align: left;
    width: 100%;
  }

  .partners-modal-h1-bold.ai {
    font-size: 24px;
  }

  .partners-case1-line1 {
    flex-flow: column;
    padding-left: 32px;
    padding-right: 32px;
  }

  .partners-case1-img-div {
    width: 100%;
    height: 200px;
  }

  .partners-case1-txt, .partners-case1-txt.ai {
    text-align: left;
  }

  .partners-case1-text-wrapper, .partners-case1-columns {
    width: 100%;
  }

  .partners-carousel-slides {
    padding-left: 32px;
    padding-right: 32px;
  }

  .partners-examples-heading {
    text-align: center;
  }

  .partners-examples-heading.ai {
    text-align: left;
  }

  .learn-more-btn-2 {
    display: flex;
  }

  .wrapper-partners-cards-dark {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .wrapper-partners-cards-program {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    justify-content: space-between;
    align-items: stretch;
    padding-left: 16px;
    padding-right: 16px;
  }

  .wrapper-partners-cards-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .partners-wrapper-hero {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .partners-wrapper-hero.subscribe-hr {
    width: 90%;
  }

  .partners-wrapper-hero-img {
    width: 80%;
  }

  .partners-wrapper-hero-img.subscribe-hr {
    height: auto;
  }

  .partners-wrapper-hero-img.howtoo {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    order: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 80px;
  }

  .image-167.subscribe-hr-logos {
    width: 40%;
  }

  .benefits-card-dark4-mob {
    background-position: 80% 100%;
    background-size: 150%;
    display: none;
  }

  .wrapper-hero-text-subscribe {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-partners-list {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .wrapper-partners-logo {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    align-items: stretch;
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-partners-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .div-partner-learn-more {
    width: 100%;
  }

  .div-partner-logos {
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    width: 80%;
  }

  .partners-logo-text, .partners-logo-text.ai {
    text-align: left;
  }

  .div-partner-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-partner-list-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    display: flex;
  }

  .go1-logo {
    height: 60%;
  }

  .div-partner-learn-more-hidden {
    align-self: flex-start;
    display: none;
  }

  .div-partners-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .partners-hero-section-1 {
    padding-top: 24px;
    padding-bottom: 64px;
  }

  .partners-hero-section-1.subscribe-hr {
    padding-bottom: 24px;
  }

  .partner-image.subscribe-hr-logos {
    width: 40%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 42px;
    line-height: 50px;
  }

  h2 {
    font-family: Nunito Sans, sans-serif;
    font-size: 32px;
    line-height: 42px;
  }

  h3 {
    font-size: 19px;
  }

  h4 {
    font-size: 17px;
    line-height: 26px;
  }

  p {
    font-size: 14px;
  }

  li {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 13px;
  }

  blockquote {
    padding-left: 32px;
    padding-right: 32px;
    font-size: 20px;
    line-height: 28px;
  }

  figure {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  figcaption {
    margin-top: 8px;
    font-size: 12px;
  }

  .blog-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .blog-section.hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .blog-section.top-section {
    margin-top: 20px;
  }

  .blog-section.post-hero-section {
    height: auto;
  }

  .blog-section.big-paddings {
    padding-top: 48px;
    padding-bottom: 48px;
  }

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

  .blog-section.banner-section {
    display: none;
  }

  .blog-section.nav-layouts-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .blog-section.intro-buy-section {
    padding-top: 64px;
  }

  .blog-section.top-section-categories {
    margin-top: 20px;
  }

  .button.small {
    width: auto;
  }

  .button.subscribe-button {
    color: #0000;
    background-position: 12px;
    width: 40px;
    padding-left: 20px;
  }

  .button.subscribe-button:hover {
    color: #0d163300;
  }

  .button.cta {
    width: auto;
    min-width: auto;
    max-width: none;
  }

  .no-margin {
    margin: 0;
    font-size: 12px;
  }

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

  .footer-v1 {
    width: 66.66%;
    margin-left: 0;
    margin-right: auto;
  }

  .sg-button-block {
    width: 100%;
  }

  .sg-button-wrapper {
    padding-left: 25%;
    padding-right: 25%;
  }

  .licence-items {
    width: 100%;
  }

  .menu-button-old {
    height: 60px;
    padding: 18px;
  }

  .nav-link-1 {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 20px;
  }

  .instagram-info {
    margin-bottom: 24px;
  }

  .instagram-photos {
    padding-left: 4px;
    padding-right: 4px;
  }

  .instagram-photo-wrapper {
    flex: 0 auto;
    padding: 4px;
  }

  .thumbnail-medium {
    padding: 16px;
  }

  .post-info {
    left: 24px;
    right: 24px;
  }

  .post-v2 {
    min-height: 400px;
  }

  .post-first-letter {
    color: var(--oxford-blue);
    margin-top: 0;
    margin-right: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
  }

  .post-rich-text p {
    font-size: 15px;
    line-height: 24px;
  }

  .search-close {
    width: 60px;
    height: 60px;
  }

  .slide-v2 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .slider-arrow-icon {
    width: 16px;
  }

  .slide-v2-heading {
    font-size: 26px;
    line-height: 36px;
  }

  .category-v1 {
    height: 48px;
    font-size: 14px;
    line-height: 20px;
  }

  .sg-categories {
    display: none;
  }

  .search-result-thumbnail {
    width: 120px;
    height: 92px;
  }

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

  .search-result-summary {
    font-size: 12px;
    line-height: 20px;
  }

  .subscribe-v1-grid {
    margin-left: 0;
    margin-right: 0;
  }

  .text-2-columns {
    column-count: 1;
  }

  .about-photo-column {
    padding-left: 0;
    padding-right: 0;
  }

  .signature {
    height: 52px;
  }

  .instagram-logo {
    height: 100px;
    top: -32px;
  }

  .category-v2-link {
    margin-left: 12px;
    margin-right: 12px;
  }

  .thumbnail-big {
    padding: 16px;
  }

  .changelog {
    width: 100%;
  }

  .change {
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-v2 {
    justify-content: center;
  }

  .footer-v2-link {
    margin: 4px 12px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px;
    line-height: 16px;
  }

  .footer-v2-links {
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer-v2-social {
    justify-content: center;
    width: 100%;
    margin-top: 16px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .footer-v2-social-line {
    width: 40px;
    margin-left: 12px;
    margin-right: 12px;
  }

  .subscribe-v1 {
    padding-left: 12%;
    padding-right: 12%;
  }

  .form-info {
    margin-top: 28px;
  }

  .banner {
    display: none;
  }

  .back-link {
    margin-top: 28px;
  }

  .licence-item {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .licence-info {
    padding-left: 32px;
  }

  .footer-v2-bottom {
    justify-content: center;
  }

  .footer-v2-bottom-text {
    margin: 4px 6px;
  }

  .post-tags {
    padding-top: 32px;
    padding-bottom: 0;
  }

  .nav-brand-v1 {
    padding-bottom: 2px;
  }

  .nav-brand-v1.w--current {
    padding-left: 12px;
    padding-right: 12px;
  }

  .search-button {
    background-size: 24px;
  }

  .nav-logo {
    height: 30px;
  }

  .nav-bar-v1 {
    height: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-v1-brand {
    padding-bottom: 2px;
  }

  .footer-v1-logo {
    height: 40px;
  }

  .footer-v1-column {
    width: 100%;
    padding-bottom: 48px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .footer-bottom {
    flex-wrap: wrap;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .footer-bottom-left {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .footer-bottom-right {
    justify-content: flex-start;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .divider-small {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer-mini-icon {
    display: none;
  }

  .thumbnail-small {
    padding: 16px;
  }

  .post-card-v2-medium {
    padding: 24px;
  }

  .thumbnail-huge {
    height: 33vw;
    padding: 16px;
  }

  .post-info-author {
    display: none;
  }

  .post-v5-card {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .slider-v5-arrow {
    border-top-right-radius: 0;
    inset: auto -1px -1px auto;
  }

  .slider-v5-arrow.left {
    border-bottom-left-radius: 0;
  }

  .slide-v5-post {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider-v5-icon, .banner-sidebar {
    display: none;
  }

  .post-v3-content {
    padding-left: 16px;
    padding-right: 0;
  }

  .post-v3-heading {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 24px;
  }

  .connect {
    flex-wrap: wrap;
    padding-left: 24px;
    padding-right: 24px;
  }

  .connect-link {
    padding: 4px;
  }

  .grid-big {
    grid-row-gap: 32px;
  }

  .connect-link-text {
    display: none;
  }

  .post-hero-content {
    justify-content: center;
    margin-right: 0;
    padding-bottom: 0;
  }

  .post-bottom-info {
    left: 24px;
    right: 24px;
  }

  .post-about {
    flex-wrap: wrap;
    display: none;
  }

  .post-author {
    border-bottom: 1px solid var(--grey-4);
    border-right-style: none;
    width: auto;
    padding-top: 0;
    padding-bottom: 32px;
  }

  .post-avatar {
    width: 88px;
    height: 88px;
  }

  .post-subscribe {
    margin-top: 40px;
    padding: 40px;
  }

  .post-v6-card {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .subscribe-v2 {
    padding: 48px 12%;
  }

  .subscribe-grid-v2 {
    margin-left: 0;
    margin-right: 0;
  }

  .grid-scroll-list {
    grid-template-columns: repeat(auto-fit, 100%);
  }

  .slider-v4-arrow {
    border-top-right-radius: 0;
  }

  .slide-v4-post {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-block-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .team-grid {
    grid-row-gap: 32px;
  }

  .popup {
    max-width: 500px;
    min-height: 0;
  }

  .subscribe-popup-image {
    display: none;
  }

  .popup-info {
    padding: 48px 12% 40px;
  }

  .subscribe-popup-grid {
    margin-bottom: 0;
  }

  .search-results {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .slider-v1 {
    height: 360px;
  }

  .slide-v1-content {
    padding-bottom: 0;
  }

  .slide-v1-heading {
    font-size: 26px;
    line-height: 36px;
  }

  .section-intro {
    margin-bottom: 48px;
  }

  .promo-logo {
    width: 52px;
    margin-bottom: 4px;
  }

  .promo-intro {
    max-width: 400px;
  }

  .floating-subscribe {
    margin-bottom: 4vw;
  }

  .floating-post-big {
    margin-bottom: 0;
  }

  .nav-bar-v2 {
    height: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-brand-v2 {
    padding-bottom: 2px;
  }

  .nav-brand-v2.w--current {
    padding-left: 12px;
    padding-right: 12px;
  }

  .contact-v2-sidebar {
    flex-wrap: wrap;
  }

  .promo-layout {
    border-radius: 4px;
  }

  .promo-intro-heading {
    margin-bottom: 20px;
  }

  .grid-tab-link {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-bar-v3 {
    height: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-brand-v3 {
    padding-bottom: 2px;
  }

  .nav-brand-v3.w--current {
    padding-left: 12px;
    padding-right: 12px;
  }

  .top-bar-container {
    display: none;
  }

  .top-bar-divider {
    margin-left: 10px;
    margin-right: 10px;
  }

  .nav-layouts {
    grid-column-gap: 16px;
  }

  .nav-layout-heading {
    margin-bottom: 16px;
  }

  .nav-layout-gradient {
    height: 48px;
  }

  .promo-layout-side {
    border-radius: 4px;
  }

  .post-card-v3-big {
    padding: 32px;
  }

  .instagram-grid {
    grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
  }

  .big-image-section {
    height: 50vw;
  }

  .grid-sticky-info, .pricing, .pricing-bottom-text {
    max-width: 75%;
  }

  .pricing-icon-circle.color-2 {
    width: 72px;
    height: 72px;
  }

  .pricing-icon {
    width: 28px;
  }

  .question {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .faq-card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .answer-text {
    padding-bottom: 24px;
  }

  .question-text {
    font-size: 15px;
    line-height: 20px;
  }

  .adv-form {
    grid-row-gap: 24px;
  }

  .adv-form-heading {
    margin-bottom: 16px;
  }

  .thumbnail-max {
    height: 52vw;
    padding: 16px;
  }

  .cookies-text {
    width: 800px;
    padding-right: 20px;
  }

  .cookie-div-block {
    min-width: 0;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .button-cookie.small {
    width: 30%;
  }

  .button-cookie.subscribe-button {
    color: #0000;
    background-position: 12px;
    width: 40px;
    padding-left: 20px;
  }

  .button-cookie.subscribe-button:hover {
    color: #0d163300;
  }

  .button-cookie.cta {
    width: auto;
    min-width: auto;
    max-width: none;
  }

  .button-cookie.small-cookie {
    width: 30%;
  }

  .bottom-burger-line {
    padding-bottom: 0;
    padding-right: 0;
  }

  .brand {
    padding-left: 0;
  }

  .container-12 {
    max-width: 90%;
  }

  .h1 {
    font-size: 42px;
  }

  .subtitle {
    margin-right: 0;
    font-size: 32px;
  }

  .navigation-2 {
    background-color: #fff;
  }

  .container-2 {
    justify-content: center;
    display: flex;
  }

  .grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: column;
    align-items: stretch;
    width: 90%;
  }

  .image-8, .image-7 {
    object-fit: contain;
  }

  .container-5 {
    max-width: 90%;
  }

  .heading-2 {
    width: 90%;
  }

  .section-6 {
    width: 100%;
    margin-bottom: 40px;
  }

  .slider-5 {
    height: 100%;
  }

  .slide-10 {
    object-fit: fill;
  }

  .grid-3 {
    grid-column-gap: 15px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .container-6 {
    max-width: 95%;
  }

  .heading-3 {
    line-height: 56px;
  }

  .image-9 {
    display: none;
    overflow: visible;
  }

  .button-2 {
    display: none;
  }

  .button-2.demo {
    display: block;
  }

  .section-11.dark {
    background-image: none;
    background-position: 50% 0;
    background-size: 880px;
    height: 11%;
    display: block;
  }

  .section-11.hero {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .section-11.dark {
    background-image: none;
    height: 11%;
    display: none;
  }

  .container {
    display: block;
    position: relative;
  }

  .title-container {
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    display: block;
  }

  .h2.white {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .h1-3 {
    font-size: 40px;
  }

  .container-14 {
    max-width: 90%;
  }

  .background-video-4 {
    margin-right: 40px;
  }

  .div-block {
    margin-right: 10px;
  }

  .background-video-5 {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .container-15 {
    max-width: 90%;
  }

  .h1-3-copy {
    max-width: 80%;
    font-size: 40px;
  }

  .paragraph-3 {
    line-height: 30px;
  }

  .grid-3-copy {
    grid-column-gap: 15px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .container-17 {
    max-width: 90%;
  }

  .grid-2-copy {
    grid-row-gap: 44px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    align-items: stretch;
    width: 90%;
  }

  .container-12-copy {
    max-width: 100%;
  }

  .section-6-copy {
    width: 100%;
  }

  .primary-button-copy {
    display: none;
  }

  .primary-button-copy.demo {
    display: block;
  }

  .section-11-copy.dark-copy {
    background-image: none;
    height: 11%;
    padding-top: 0;
  }

  .container-17-copy {
    flex-direction: column;
    max-width: 90%;
    height: 180px;
  }

  .subtitle-copy {
    margin-right: 20px;
    font-size: 24px;
  }

  .container-21 {
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .footer-middle {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    padding-top: 93px;
    padding-bottom: 93px;
  }

  .footer-column-title {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 16px;
  }

  .nav-link-6 {
    font-size: 16px;
    line-height: 18px;
  }

  .footer-links-list {
    margin-top: 10px;
  }

  .footer-bottom-2 {
    padding-top: 50px;
    padding-bottom: 20px;
  }

  .nav-item-wrapper {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .lightbox-link-2 {
    left: 176px;
  }

  .flex-container {
    flex-direction: column;
  }

  .lp_button_navi {
    margin-right: 10px;
    display: inline-block;
  }

  .hero-image-mask {
    order: -1;
    margin-left: 0;
    margin-right: 0;
  }

  .hero {
    padding: 40px 0;
  }

  .button-copy-copy {
    margin-left: 20px;
  }

  .subtitle-2 {
    width: 400px;
    margin-right: auto;
    font-size: 17px;
  }

  .h1-4 {
    font-size: 42px;
  }

  .pricing-details-2 {
    width: 90%;
    position: relative;
    left: auto;
  }

  .container-22 {
    max-width: 100%;
  }

  .heading-13 {
    line-height: 56px;
  }

  .grid-5 {
    grid-template-columns: 1fr;
    width: 100%;
    display: block;
  }

  .heading-14 {
    width: 100%;
  }

  .footer-column-title-2 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 16px;
  }

  .nav-menu-3 {
    background-color: #fff;
  }

  .button-copy-3, .button-6 {
    justify-content: center;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .small-container.hero {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .h1-5 {
    line-height: 52px;
  }

  .container-24 {
    max-width: 100%;
    position: relative;
  }

  .growth-video-form {
    padding-left: 3px;
    padding-right: 3px;
  }

  .two-col-grid.max-width {
    grid-template-columns: 1fr;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .nav-link-7 {
    font-size: 16px;
    line-height: 18px;
  }

  .form-2-copy, .form-2-copy-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .creator-video-form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-11-copy.dark {
    background-position: 50% 0;
    background-size: 880px;
    height: 11%;
  }

  .section-11-copy.hero, .section-11-copy.hero-copy, .section-11-copy.hero-copy-copy, .section-11-copy.hero-copy-copy {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .creator {
    padding-left: 20px;
    padding-right: 20px;
  }

  .creator-bg.dark {
    background-position: 50% 0;
    background-size: 880px;
    height: 11%;
  }

  .creator-bg.hero, .creator-bg.hero-copy {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .ceator-form {
    min-width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .h2-copy.white {
    width: 90%;
  }

  .section-11-copy-copy.hero, .section-11-copy-copy.hero-copy {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .two-col-grid-copy.max-width {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .h3.white {
    width: 90%;
  }

  .h1-6 {
    min-width: 100%;
    max-width: 100%;
  }

  .container-25 {
    width: 90%;
    min-width: 90%;
    max-width: 100%;
    position: relative;
  }

  .form-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-26 {
    max-width: 100%;
    position: relative;
  }

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

  .button-secondary-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .button-secondary-2.button-white {
    flex: 0 auto;
  }

  .footer-column-title-3 {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 16px;
  }

  .color-white-4 {
    text-align: center;
  }

  .button-row.center.slider-navigation {
    margin-top: 102px;
  }

  .button-row.center.left-mobile {
    justify-content: flex-start;
  }

  .section-20 {
    padding-top: 132px;
    padding-bottom: 132px;
  }

  .section-20.before-header {
    padding-top: 160px;
    padding-bottom: 90px;
  }

  .section-20.before-header.bg-neutral-100.home-v2-hero {
    background-image: linear-gradient(#fff 85%, #f6f6f6 85%);
  }

  .section-20.short {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-20.medium {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-20._2-bg-container {
    padding-top: 132px;
    padding-bottom: 132px;
  }

  .section-20.logos-strip-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .nav-link-8 {
    font-size: 16px;
    line-height: 18px;
  }

  .mg-top-48px {
    margin-top: 32px;
  }

  .top-content {
    grid-row-gap: 28px;
    grid-template-columns: 1fr;
  }

  .top-content.text.slider {
    grid-template-columns: 1fr;
  }

  .career-content {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }

  .icon-font.external-arrow.big-link {
    font-size: 16px;
  }

  .icon-font.chevron-dropdown {
    font-size: 7px;
  }

  .icon-font.arrow-link-icon.mobile {
    margin-left: 6px;
    font-size: 9px;
  }

  .button-primary {
    padding-left: 40px;
    padding-right: 40px;
  }

  .button-primary.button-white {
    display: none;
  }

  .button-primary.yellow, .button-primary.yellow.demo, .button-primary.yellow.ai-bookdemo {
    display: block;
  }

  .button-primary.yellow.ai-free-trial {
    display: none;
  }

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

  .color-white.createsharetrack_p {
    text-align: left;
  }

  .grid-2-columns {
    grid-template-columns: 1fr;
  }

  .post-detail {
    font-size: 18px;
    line-height: 20px;
  }

  .grid-4-columns.blog-post-details {
    grid-row-gap: 36px;
    grid-template-columns: auto auto;
  }

  .grid-4-columns.card-table {
    grid-row-gap: 30px;
    grid-template-columns: 1fr .5fr;
  }

  .card-table {
    width: 100%;
  }

  .arrow-link-circle {
    width: 56px;
    height: 56px;
    font-size: 18px;
    line-height: 22px;
  }

  .arrow-link-circle.slider-icon.right {
    inset: auto auto -14% 70px;
  }

  .arrow-link-circle.slider-icon.right.icon-cards {
    display: none;
    inset: 0% 0% 0% auto;
  }

  .arrow-link-circle.slider-icon.left {
    inset: auto auto -14% 0%;
  }

  .arrow-link-circle.slider-icon.left.icon-cards {
    display: none;
    inset: 0% auto 0% 0%;
  }

  .image-19 {
    display: inline-block;
  }

  .lightbox-link-4 {
    width: 100%;
  }

  .heading-15 {
    margin-top: -30px;
  }

  .container-28 {
    max-width: 90%;
    display: block;
  }

  .container-29 {
    position: relative;
  }

  .section-23 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .section-24 {
    padding-top: 20px;
  }

  .container-31 {
    display: block;
  }

  .grid-7-laptop-copy {
    margin-top: 0;
  }

  .pricing-details-2-copy {
    width: 90%;
    position: relative;
    left: auto;
  }

  .hero-2 {
    padding: 40px 20px;
  }

  .flex-container-2 {
    flex-direction: column;
    max-width: 90%;
  }

  .hero-image-mask-2 {
    order: -1;
    margin-left: 0;
    margin-right: 0;
  }

  .hero-2-copy {
    padding: 40px 20px;
  }

  .p-button {
    width: 60%;
  }

  .heading-20-copy {
    font-size: 26px;
  }

  .div-block-10 {
    width: 90%;
    min-width: 90%;
    max-width: 90%;
  }

  .section-11-copy-copy.dark {
    background-position: 50% 0;
    background-size: 880px;
    height: 11%;
  }

  .section-11-copy-copy.hero, .section-11-copy-copy.hero-copy, .section-11-copy-copy.hero-copy-copy, .section-11-copy-copy.hero-copy-copy {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .grid-8-copy {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .h2_new {
    font-size: 24px;
    line-height: 30px;
  }

  .button_line {
    width: 100%;
  }

  .div-block-22 {
    justify-content: space-around;
  }

  .banner_device {
    display: none;
  }

  .gradient-stripe {
    height: 200px;
  }

  .lp_h1 {
    width: 400px;
    font-size: 42px;
  }

  .lp_h2 {
    text-align: left;
    width: auto;
    font-size: 32px;
  }

  .lp_h2.align-centre.color-white {
    font-size: 32px;
  }

  .lp_paragraph {
    text-align: left;
  }

  .section-38 {
    height: auto;
    padding-bottom: 40px;
    display: none;
  }

  .lp_h2-centre {
    width: auto;
  }

  .div-block-30 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-31 {
    width: auto;
  }

  .section-39 {
    height: 550px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-32 {
    max-width: 40%;
  }

  .div-block-33 {
    width: 500px;
  }

  .section-40 {
    display: block;
  }

  .div-block-37 {
    width: 240px;
    padding-bottom: 40px;
  }

  .div-block-37.navi {
    align-items: center;
    width: 100%;
    max-width: none;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
  }

  .heading-29-copy {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lp_h2_300 {
    text-align: center;
    width: auto;
    margin-bottom: 0;
    margin-left: 0;
    position: static;
    left: 3%;
  }

  .lp_h1-form {
    font-size: 42px;
  }

  .lp_hero {
    height: 750px;
    padding: 40px 0 0;
  }

  .subtitle-2-copy {
    margin-right: 0;
    font-size: 17px;
  }

  .lp_h2_absolute {
    margin-top: 60px;
    margin-left: 0;
    left: 51%;
  }

  .link-block-5 {
    width: 240px;
  }

  .growth-video-form-copy, .growth-video-form-creator {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-48 {
    width: 100%;
  }

  .div-block-51 {
    display: none;
  }

  .cs_painchek_button {
    display: block;
  }

  .div-block-58 {
    height: 550px;
  }

  .div-block-59 {
    margin-left: 0;
  }

  .div-block-60 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .image-42 {
    max-width: 100%;
    display: block;
    top: auto;
    left: auto;
  }

  .div-block-61 {
    margin-top: 0;
    position: relative;
    top: 0;
  }

  .section-43 {
    padding-left: 60px;
    padding-right: 60px;
    position: static;
    top: 1530px;
  }

  .cs_painchek_button_watch-video {
    margin-right: 10px;
    display: inline-block;
  }

  .section-44 {
    height: 0;
  }

  .image-44 {
    width: auto;
    max-width: 100%;
  }

  .div-block-68 {
    margin-bottom: 0;
  }

  .image-45 {
    width: 100%;
  }

  .div-block-69 {
    width: 448px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

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

  .lp_h2-2 {
    text-align: left;
    width: auto;
  }

  .lp_h1-form-2 {
    font-size: 42px;
  }

  .p-button-2 {
    width: 60%;
  }

  .nunito-300-36px {
    margin-bottom: 0;
  }

  .nunito-300-36px.no-spacing.align-centre-in-mobile {
    text-align: center;
  }

  .nunito-300-36px.no-bottom-margin {
    font-size: 21px;
  }

  .body-big.color-white.align-centre {
    font-size: 18px;
  }

  .div-block-72 {
    min-width: auto;
    max-width: none;
    margin-right: 0;
  }

  .courses-button {
    align-self: center;
  }

  .professional-cards {
    padding-top: 40px;
  }

  .div-block-73 {
    margin-bottom: 0;
  }

  .courses---sticky-banner-wrapper {
    width: auto;
    margin-top: 40px;
    padding: 0;
  }

  .grid-9 {
    grid-template-columns: minmax(max-content, max-content) 3.5fr;
  }

  .image-47 {
    height: 48px;
  }

  .caption.no-margin {
    font-size: 12px;
  }

  .section-courses-page-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer-tilt-line-content-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-courses-page-3 {
    display: none;
  }

  .div-block-90 {
    width: 100%;
  }

  .footer-wrapper {
    padding-top: 0;
  }

  .div-block-74-copy {
    width: auto;
  }

  .grid-12 {
    width: 100%;
  }

  .section-courses-posts-template-banner {
    padding-top: 20px;
  }

  .section-courses-page-4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .image-52-copy {
    max-width: 120%;
  }

  .footer-tilt-line-text-wrapper {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .footer-tilt-line-button-wrapper {
    justify-content: center;
    margin-top: 20px;
    display: flex;
  }

  .grid-2-columns-2 {
    grid-template-columns: 1fr;
  }

  .grid-2-columns-2.big-links-footer {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-2-columns-2.home-v2-mission {
    grid-template-columns: 1fr;
  }

  .grid-2-columns-2.cta-v2 {
    grid-row-gap: 180px;
  }

  .collection-item-4 {
    padding-bottom: 20px;
  }

  .cards-section {
    padding: 40px 20px;
  }

  .cards-grid-container {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    align-self: stretch;
    max-width: none;
  }

  .collection-list {
    grid-template-columns: minmax(350px, 1fr);
    grid-auto-flow: row;
  }

  .container-38 {
    padding-left: 4.9em;
    padding-right: 4.9em;
  }

  .splide__slide {
    width: 100%;
    min-height: 89em;
    padding-left: .92em;
    padding-right: .92em;
  }

  .section-49.is--slider {
    margin-bottom: 9.9em;
  }

  .controls {
    margin-bottom: -3em;
    font-size: 2em;
  }

  .slider {
    display: block;
  }

  .slider-mask.about-images {
    max-width: 470px;
  }

  .slider-mask.slider-icon-cards, .slider-mask.slider-icon-cards-copy {
    max-width: 380px;
  }

  .tilt-background {
    height: 1000px;
  }

  .section-courses-page-5 {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .div-block-88-copy {
    width: 100%;
  }

  .big-link-arrow {
    font-size: 22px;
    line-height: 34px;
  }

  .footer-wrapper-us {
    padding-top: 0;
  }

  .div-block-122 {
    height: 450px;
  }

  .flip-icon {
    margin-left: 130px;
  }

  .lp_section.display-2-vertical.max-100 {
    height: 400px;
  }

  .lp_grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .lp_grid-2 {
    grid-template-rows: min-content;
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-auto-flow: row;
    width: 100%;
  }

  .div-block-124 {
    grid-column-gap: 8px;
    max-width: none;
  }

  .andrew-card {
    left: 75%;
  }

  .panel {
    left: 3%;
  }

  .div-block-126 {
    width: 100%;
  }

  .lp_hero-onboarding {
    height: auto;
    padding: 40px 0 0;
  }

  .footer-background {
    margin-top: 0;
  }

  .div-block-129 {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .color-primary-grid {
    grid-template-columns: 1fr 1fr;
  }

  .arrow-link.dark-mobile {
    color: #080808;
  }

  .color-neutral-grid {
    grid-template-columns: 1fr 1fr;
  }

  .style-guide-subheader {
    padding-left: 32px;
    padding-right: 32px;
  }

  .footer-top-2 {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .style-guide-title {
    font-size: 46px;
    line-height: 52px;
  }

  .header-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .icons-grid {
    grid-template-columns: repeat(auto-fit, 80px);
  }

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

  .dropdown-title {
    margin-bottom: 22px;
    font-size: 14px;
    line-height: 16px;
  }

  .nav-item-wrapper-2 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-item-wrapper-2.show-mobile {
    display: block;
  }

  .cart-button.mobile {
    display: none;
  }

  .display-1 {
    margin-bottom: 24px;
    font-size: 52px;
    line-height: 55px;
  }

  .style-guide-header {
    padding-left: 32px;
    padding-right: 32px;
  }

  .footer-bottom-3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.dropdown {
    grid-column-gap: 30px;
    grid-row-gap: 20px;
  }

  .grid-3-columns.offices-contact-v2-wrapper {
    grid-template-columns: 1fr;
    margin-top: -48px;
  }

  .grid-3-columns.gap-80px {
    grid-row-gap: 40px;
  }

  .grid-3-columns.features-container {
    grid-template-columns: 1fr;
  }

  .footer-links-list-2.col-1 {
    margin-right: 30px;
  }

  .style-guide-content-wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }

  .drodown-toggle {
    font-size: 16px;
    line-height: 18px;
  }

  .footer-column-title-4 {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 16px;
  }

  .container-default-2 {
    background-color: #0000;
    max-width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    display: block;
  }

  .nav-menu-4 {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .nav-link-9 {
    font-size: 16px;
    line-height: 18px;
  }

  .input-2 {
    height: 64px;
    font-size: 16px;
  }

  .paragraph-large {
    font-size: 18px;
    line-height: 30px;
  }

  .nav-list-item {
    margin-bottom: 11px;
  }

  .footer-middle-2 {
    grid-column-gap: 40px;
    padding-top: 93px;
    padding-bottom: 93px;
  }

  .arrow-link-wrapper.header-link {
    display: none;
  }

  .glossary-menu-grid {
    grid-template-rows: min-content auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-rows: minmax(32px, 1fr);
    grid-auto-columns: min-content;
  }

  .navbar-3 {
    width: 100%;
  }

  .div-block-134 {
    display: block;
  }

  .paragraph-29 {
    width: 100%;
    margin-top: 20px;
  }

  .glossary-subheader {
    padding: 10px 32px;
    top: 180px;
  }

  .glossary-section_number {
    margin-top: -160px;
    padding-top: 160px;
  }

  .glossary-content-wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }

  .tabs-menu.left-div {
    width: 100%;
  }

  .flex-glossary {
    flex-direction: column;
  }

  .post-card-1 {
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
  }

  .div-block-easily-create-online-training {
    justify-content: space-around;
  }

  .gradient-stripe-easilly-create-online-training {
    height: 120px;
    top: 475px;
  }

  .hero-description-title {
    opacity: .95;
    width: 90%;
    margin-top: 20px;
    font-size: 20px;
  }

  .about-us.hero-container {
    max-width: 60%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .video-lightbox-button.large-color {
    width: 70px;
    height: 70px;
    padding-top: 22px;
  }

  .hero-block-overlay {
    padding-top: 120px;
    padding-bottom: 90px;
  }

  .hero-block-overlay.business {
    padding: 140px 25px;
  }

  .large-hero-title {
    width: 100%;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 36px;
  }

  .section-50 {
    padding: 25px;
  }

  .section-title {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 30px;
  }

  .button-13.pricing-button {
    margin-top: 10px;
  }

  .container-40 {
    max-width: 80%;
  }

  .video-column-right {
    padding-left: 0;
    padding-right: 0;
  }

  .pro-collab {
    flex-direction: column;
  }

  .pro-leftalignedtext {
    padding-left: 0;
    padding-right: 0;
  }

  .image-section-overlay {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    padding: 60px 25px;
  }

  .image-section-overlay-block {
    width: 100%;
  }

  .image-section-overlay-title {
    font-size: 30px;
    line-height: 36px;
  }

  .image-section-overlay-title.subtitle {
    width: 100%;
    margin-top: 20px;
  }

  .container-40-copy {
    max-width: 80%;
  }

  .body-p-oxfod-blue {
    min-width: 100%;
  }

  .nunito-300-24px.no-bottom-margin {
    font-size: 21px;
  }

  .section-title-wrapper {
    width: 95%;
    margin-bottom: 40px;
  }

  .section-title-wrapper.full {
    margin-bottom: 30px;
  }

  .section-title-wrapper.full.info {
    text-align: center;
  }

  .info-column-right, .info-column-right.responsive {
    padding-left: 0;
  }

  .home-mockup-column {
    height: 290px;
  }

  .section-51 {
    padding: 25px;
  }

  .section-51.overflow-none {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section-51.dark {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620db702dd4f0b7b460737e3_Rectangle%205238.png");
  }

  .home-mockup {
    width: auto;
    height: 290px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 0;
    left: -350px;
    right: -350px;
  }

  .home-mockup.ipad {
    width: auto;
    height: 210px;
    top: 59px;
    right: -200px;
  }

  .home-mockup.iphone {
    width: auto;
    height: 170px;
    top: 102px;
    right: -220px;
  }

  .nunito-300-18px.no-bottom-margin {
    font-size: 21px;
  }

  .info-block-left {
    width: 100%;
  }

  .info-block-left.ui {
    width: 65%;
  }

  .container-42 {
    max-width: 90%;
  }

  .image-section.ui-section {
    padding: 25px;
  }

  .image-77 {
    object-fit: contain;
    max-height: 100%;
  }

  .pricing-price {
    margin-bottom: 20px;
  }

  .pricing-column {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-block {
    padding: 30px;
  }

  .pricing-block.image {
    padding-top: 50px;
  }

  .nunito-300-24px-centre.no-bottom-margin {
    font-size: 21px;
  }

  .h1_new-2 {
    font-size: 42px;
    line-height: 50px;
  }

  .section-title-wrapper-copy {
    width: 95%;
    margin-bottom: 40px;
  }

  .section-title-wrapper-copy.full {
    margin-bottom: 30px;
  }

  .section-title-wrapper-copy.full.info {
    text-align: center;
  }

  .section-title-wrapper-copy-copy {
    width: 95%;
    margin-bottom: 40px;
  }

  .section-title-wrapper-copy-copy.full {
    margin-bottom: 30px;
  }

  .section-title-wrapper-copy-copy.full.info {
    text-align: center;
  }

  .section-title-wrapper-2 {
    width: 95%;
    margin-bottom: 40px;
  }

  .section-title-wrapper-2.small-title {
    margin-bottom: 19px;
  }

  .logo-column {
    margin-bottom: 40px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .homepage-column {
    padding-left: 0;
    padding-right: 0;
  }

  .nunito-300-36px-white.no-bottom-margin {
    font-size: 21px;
  }

  .footer-tilt-line-section-wrapper {
    padding-top: 0;
  }

  .grid-14 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .team-image {
    object-fit: cover;
    height: 150px;
  }

  .container-46 {
    max-width: 70%;
  }

  .team-image-copy, .jas {
    height: 150px;
  }

  .section-53 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grey-icon-wrapper {
    margin-bottom: 0;
    padding: 10px 56px 0;
    display: inline-block;
  }

  .grey-icon-wrapper.push-top {
    margin-top: 30px;
  }

  .nunito-300-18px-centre.no-bottom-margin {
    font-size: 21px;
  }

  .nunito-300-36px-middle {
    margin-bottom: 20px;
  }

  .nunito-300-36px-middle.no-bottom-margin, .nunito-300-16p.no-bottom-margin, .nunito-300-18px-copy.no-bottom-margin, .nunito-300-18px-mobile.no-bottom-margin, .nunito-300-36px-white-middle.no-bottom-margin {
    font-size: 21px;
  }

  .nunito-300-18px-mobile-copy {
    text-align: left;
  }

  .nunito-300-18px-mobile-copy.no-bottom-margin, .nunito-300-18px-mobile-middle.no-bottom-margin, .nunito-300-18px-mobile-copy.no-bottom-margin, .nunito-300-18px-mobile-copy-copy.no-bottom-margin {
    font-size: 21px;
  }

  .nunito-300-36px-middle-2 {
    margin-bottom: 20px;
  }

  .nunito-300-36px-middle-2.no-bottom-margin {
    font-size: 21px;
  }

  .nunito-300-36px-copy-copy {
    margin-bottom: 0;
  }

  .nunito-300-36px-copy-copy.no-bottom-margin, .nunito-300-24px-mobile.no-bottom-margin {
    font-size: 21px;
  }

  .nunito-300-24px-mobile-middle {
    margin-bottom: 0;
  }

  .nunito-300-24px-mobile-middle.no-bottom-margin {
    font-size: 21px;
  }

  .nunito-300-24px-mobile-middle-white {
    margin-bottom: 0;
  }

  .nunito-300-24px-mobile-middle-white.no-bottom-margin {
    font-size: 21px;
  }

  .image-section-overlay-copy {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620ecbef45c1f85a96d6b80e_Frame%205453-min.png");
    background-position: 50%;
    background-size: cover;
    padding: 40px 140px 550px 0;
  }

  .nunito-300-24px-mobile-middle-white-copy {
    margin-bottom: 0;
  }

  .nunito-300-24px-mobile-middle-white-copy.no-bottom-margin {
    font-size: 21px;
  }

  .background-video-9 {
    width: 100%;
    padding-top: 300px;
  }

  .div-block-156 {
    width: 60%;
    margin-left: 20px;
  }

  .nunito-300-36px-copy {
    margin-bottom: 0;
  }

  .slide-15 {
    background-position: 100% 0;
    background-size: cover;
  }

  .slide-16, .slide-17 {
    background-size: cover;
  }

  .container-51 {
    display: none;
  }

  .left-arrow-2 {
    width: 65%;
    padding-top: 400px;
  }

  .nunito-300-24px-mobile-left {
    text-align: left;
    margin-bottom: 0;
  }

  .nunito-300-24px-mobile-left.no-bottom-margin {
    font-size: 21px;
  }

  .container-52 {
    background-color: #fff;
    max-width: 100%;
  }

  .div-block-161 {
    border: 2px solid var(--white);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background-color: #fffc;
    border-radius: 4px;
    width: 100%;
    padding: 20px 40px;
    display: block;
  }

  .nunito-300-36px-copy {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .nunito-300-36px-copy.no-bottom-margin {
    font-size: 21px;
  }

  .div-block-161-copy {
    border: 2px solid var(--white);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background-color: #fffc;
    border-radius: 4px;
    width: 100%;
    padding: 20px 40px;
    display: block;
  }

  .image-83 {
    object-fit: cover;
  }

  .body-p-copy-text {
    margin-bottom: 0;
  }

  .section-50-copy {
    padding: 25px;
    display: block;
  }

  .pro-2col {
    padding: 60px 25px;
    display: block;
  }

  .capterra1-container-1 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-text {
    width: auto;
    min-width: auto;
  }

  .section-57 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-163 {
    width: auto;
    min-width: auto;
  }

  .mask-8, .slide-18 {
    width: auto;
    height: auto;
  }

  .slider-8 {
    width: auto;
    height: auto;
    margin-bottom: 40px;
  }

  .section-59 {
    margin-top: 120px;
  }

  .diagnal-background {
    width: 200vw;
    margin-left: -15vw;
  }

  .div-block-180 {
    width: auto;
    min-width: auto;
  }

  .section-61 {
    height: 2500px;
  }

  .gradient-diagnal-background-copy {
    width: 200vw;
    margin-left: -15vw;
  }

  .lp_main-button.line {
    margin-left: 10px;
  }

  .paragraph-30 {
    display: none;
  }

  .image-90 {
    margin-bottom: 40px;
  }

  .div-block-187 {
    width: 330px;
  }

  .input---brix.large---brix {
    min-height: 64px;
    margin-bottom: 16px;
    padding: 16px 32px;
  }

  .popup-1-form---brix {
    flex-direction: column;
  }

  .column-11 {
    margin-top: 40px;
    margin-left: 0;
  }

  .popupcontentwrapper_brix.popup-1-content-wrapper---brix-copy {
    width: 100%;
  }

  .popup-1---brix {
    padding: 40px 32px 32px;
  }

  .subscribe-button---brix {
    background-position: 67% 52%;
    width: 100%;
    min-height: 66px;
    line-height: 18px;
    position: static;
  }

  .subscribe-button---brix.popup-1---brix {
    background-position: 68% 52%;
  }

  .dummy-hero-button---brix {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .popup-wrapper---brix {
    padding-left: 24px;
    padding-right: 24px;
  }

  .dummy-hero-wrapper---brix {
    flex-direction: column;
  }

  .dummy-hero-wrapper---brix.preview-page---brix {
    max-width: 100%;
  }

  .popup-1-illustration---brix {
    max-width: 28%;
    height: auto;
    margin-bottom: 16px;
    display: none;
  }

  .div-block-193 {
    background-size: cover;
  }

  .div-block-civics-grid {
    grid-auto-flow: row;
  }

  .section-65 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .main_button {
    align-self: auto;
  }

  .align-centre {
    flex-direction: column;
  }

  .case-studies-hero-section {
    height: auto;
  }

  .div-block-198 {
    width: auto;
  }

  .case-studies-tilt-background {
    width: 150vw;
    margin-top: -35%;
  }

  .section-67 {
    padding-bottom: 60px;
  }

  .case-studies-quotes-wrapper {
    width: 400px;
  }

  .slider-9 {
    height: 520px;
  }

  .left-arrow-4, .right-arrow-3 {
    font-size: 28px;
  }

  .case-study-civics-academy-hero, .case-study-cambelttown-council-hero {
    background-size: cover;
  }

  .popup-wrapper---inquire {
    padding-left: 24px;
    padding-right: 24px;
  }

  .popup-content-wrapper---inquire.popup-1-content-wrapper---inquire {
    border-radius: 20px;
    max-width: none;
    left: 24px;
    right: 24px;
  }

  .popup-1---inquire {
    max-width: none;
    padding: 32px;
  }

  .case-study-transurban-council-hero {
    background-size: cover;
  }

  .div-block-campbelltown-council-grid-copy {
    grid-auto-flow: row;
  }

  .case-study-button-wrapper {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .lightbox-button-line {
    margin-top: 20px;
    margin-left: 0;
  }

  .pricing-container-1268 {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-section-2 {
    display: flex;
  }

  .description-medium {
    left: 20px;
  }

  .paragraph-32 {
    font-size: 16px;
  }

  .pricing-faq {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pricing-container-1268-faq {
    flex-direction: column;
  }

  .pricing-accordion-wrapper {
    margin-left: 0;
  }

  .accordion-item {
    padding-left: 0;
  }

  .accordion-item-content {
    margin-right: 0;
  }

  .pricing-plan-switch-basic, .pricing-plan-switch-teams, .pricing-plan-switch-pro {
    text-decoration: none;
  }

  .pricing-popup-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .pricing-popup-content-wrapper.popup-1-content-wrapper---inquire {
    border-radius: 20px;
    max-width: none;
    left: 24px;
    right: 24px;
  }

  .pricing-popup-1 {
    max-width: none;
    padding: 32px;
  }

  .faq-img {
    min-width: 50px;
    min-height: 40px;
  }

  .faq-body-cont.no-left-padding-for-mobile {
    padding-left: 0;
  }

  .faq-2 {
    padding-left: 20px;
  }

  .faq-2.no-left-padding-for-mobile {
    padding-left: 0;
  }

  .pricing-tilt-background {
    display: none;
  }

  .pricing-price-switch-nav-background {
    width: 100vw;
  }

  .secondary-button {
    align-self: center;
  }

  .section-69 {
    padding-bottom: 100px;
  }

  .container-70 {
    height: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-16 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
    min-width: 100%;
    max-width: 90%;
    height: 500px;
    min-height: 550px;
    max-height: 500px;
  }

  .overall-row-copy {
    flex-direction: column;
  }

  .section-50-copy {
    padding: 25px;
  }

  .section-50-copy-copy {
    padding: 25px;
    display: none;
  }

  .pro-collabcontainer {
    max-width: 85%;
  }

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

  .pro-2col-copy, .about-ourstorysection {
    padding: 60px 25px;
    display: block;
  }

  .about-ourstorycontainer {
    max-width: 80%;
  }

  .about-ourstorytwocolumn {
    flex-direction: column;
  }

  .bout-leftcol, .about-rightcolimage {
    padding-left: 0;
    padding-right: 0;
  }

  .image-102 {
    object-fit: contain;
  }

  .pro-logos-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pro-logoscontainer {
    justify-content: center;
    display: flex;
  }

  .pro-logosgrid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template: ". . Area"
                   ". . ."
                   / 1fr 1fr;
    grid-auto-flow: column;
    align-items: stretch;
    width: 90%;
  }

  .pro-section-worldclass {
    padding-top: 100px;
    padding-bottom: 20px;
  }

  .pro-container-worldclass {
    max-width: 90%;
  }

  .pro-signupfree {
    padding: 40px 25px 60px;
    display: block;
  }

  .div-block-82-copy, .pro-div-signupfree {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pro-themedesignerdark {
    padding-bottom: 60px;
    display: block;
  }

  .pro-blueslant {
    height: 230px;
  }

  .section-title-wrapper-3 {
    width: 95%;
    margin-bottom: 40px;
  }

  .process-tab-col-right {
    padding-left: 0;
  }

  .process-tab-menu {
    margin-top: -39px;
  }

  .process-tab-pane {
    padding-top: 40px;
  }

  .process-tab-button {
    width: 80px;
    height: 80px;
    margin-left: 9px;
    margin-right: 9px;
    font-size: 10px;
    line-height: 12px;
  }

  .process-tab-col-left {
    padding-left: 0;
    padding-right: 0;
  }

  .process-tab-icon {
    height: 23px;
  }

  .text-column {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .top-line-block {
    margin-top: 25px;
    padding-top: 30px;
  }

  .pro-themedesigner-cards {
    object-fit: fill;
    display: none;
  }

  .pro-themedesigner-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 90%;
    min-width: 90%;
    max-width: 90%;
    height: 600px;
    min-height: 700px;
  }

  .pro-themedesigner-steps {
    max-height: 490.109px;
  }

  .card.feature {
    background-color: #0000;
    padding: 0;
  }

  .card.offices-contact-v2 {
    padding-left: 42px;
    padding-right: 42px;
  }

  .card.features.featured {
    flex-direction: column;
  }

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

  .flex-2.end.mg-top-90px {
    margin-top: 30px;
  }

  .flex-2.contact-card-wraper {
    text-align: center;
    align-items: center;
  }

  .flex-2.contact-card-container {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }

  .flex-2.bullet-container {
    flex-direction: row;
    align-items: center;
  }

  .flex-2.services-card {
    flex-direction: row;
  }

  .flex-2.justify-center.wrap.blue-checks {
    align-items: flex-start;
  }

  .line-header.center.left-mobile {
    margin-left: 0;
  }

  .hidden-desktop-2.show-mobile-navigation {
    display: block;
    inset: auto 0% -18%;
    transform: scale(.84);
  }

  .hidden-desktop-2.show-mobile-navigation.services {
    bottom: -15%;
  }

  .mg-bottom-2 {
    color: #fff;
  }

  .section-70 {
    display: block;
  }

  .pro-2col-large {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/62579e88bc606c77dcd26f3f_Frame%205543-min%20(3).png");
    background-position: 50% 80%;
    background-size: cover;
    padding: 60px 25px 570px;
    display: block;
  }

  .pro-collab-copy {
    flex-direction: column;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .pro-leftalignedtext-copy {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .pro-2col-large-2 {
    background-image: none;
    padding: 60px 25px;
    display: block;
  }

  .pro-collabcontainer-copy {
    max-width: 85%;
  }

  .pro-collab-copy-copy {
    flex-direction: column;
    width: 100%;
  }

  .body-p-card-no-space-copy-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .pro-grey-slant {
    padding: 40px 25px 60px;
    display: block;
  }

  .pro-whiteslant {
    height: 230px;
  }

  .columns-9 {
    margin-left: 0;
  }

  .pro-header-text {
    min-width: auto;
    max-width: none;
    margin-right: 0;
  }

  .course-savethousands {
    padding-top: 40px;
  }

  .html-embed-2 {
    min-width: 100%;
    max-width: 100%;
  }

  .div-block-224 {
    margin-top: 20px;
    padding-top: 100%;
  }

  .pro-webcamvid {
    margin-top: 0;
    padding-top: 54%;
  }

  .creator-pricing-card-content-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .creator-pricing-card-wrapper {
    width: 100%;
    max-width: 540px;
    height: 740px;
    margin-left: 0;
    padding-top: 20px;
  }

  .creator-pricing-text-wrapper {
    box-shadow: none;
    background-color: #0000;
    width: auto;
    max-width: 540px;
    height: auto;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .creator-section-7-container-1068.flex {
    align-items: center;
  }

  .main_button-2 {
    align-self: auto;
    height: 48px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 16px;
    line-height: 44px;
  }

  .main_button-2.line.left-margin-24 {
    height: 48px;
    font-size: 16px;
    line-height: 44px;
  }

  .creator-pricing-card-fee {
    font-size: 39px;
  }

  .creator-section-7 {
    padding-bottom: 10px;
  }

  .text-block-37 {
    font-size: 12px;
  }

  .pro-pricing-secition {
    padding-bottom: 60px;
  }

  .pro-pricecontainer.flex {
    align-items: center;
  }

  .pro-pricecard {
    width: 100%;
    max-width: 540px;
    height: 740px;
    margin-left: 0;
    padding-top: 20px;
  }

  .pro-price-howitworks {
    box-shadow: none;
    background-color: #0000;
    width: auto;
    max-width: 540px;
    height: auto;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .pro-price-bulletpoints {
    padding-left: 40px;
    padding-right: 40px;
  }

  .process-tab-button-copy {
    width: 80px;
    height: 80px;
    margin-left: 9px;
    margin-right: 9px;
    font-size: 10px;
    line-height: 12px;
  }

  .pro-pricecard-navy {
    width: 100%;
    max-width: 540px;
    height: 740px;
    margin-left: 0;
    padding-top: 20px;
  }

  .creator-container-6-1268 {
    max-width: 1268px;
  }

  .creator-video-1-embed-absolute.relative {
    margin-left: 0;
    position: absolute;
    inset: 0%;
  }

  .xpert-faqs, .creator-section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .creator-section-3.no-bottom-padding {
    padding-top: 60px;
  }

  .creator-section-3.no-bottom-padding.no-top-padding {
    padding-top: 0;
  }

  .creator-container-1268-faq {
    flex-direction: column;
  }

  .creator-container-1-1268 {
    max-width: 1268px;
  }

  .creator-video-3-large {
    display: none;
  }

  .creator-hero-text-wrapper {
    width: 100%;
    min-width: auto;
  }

  .faq-3 {
    padding-left: 20px;
  }

  .faq-3.no-left-padding-for-mobile, .faq-3.no-left-padding-for-mobile-test {
    padding-left: 0;
  }

  .creator-section-6-image {
    display: none;
  }

  .creator-container-3-1268 {
    flex-direction: column;
    max-width: 1268px;
  }

  .creator-logo-holder-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .creator-logo-wrapper {
    width: auto;
  }

  .creator-video-2-wrapper {
    display: none;
  }

  .creator-video-2-wrapper.mobile {
    margin-left: 0;
    display: block;
  }

  .creator-container-1268 {
    max-width: 1268px;
  }

  .creator-video-1-mobile-wrapper {
    justify-content: flex-end;
    min-width: auto;
    min-height: auto;
    padding-top: 90%;
    display: flex;
    position: relative;
  }

  .creator-section-6-text-wrapper {
    min-width: auto;
    margin-right: 0;
  }

  .creator-section-5-content-wrapper {
    width: auto;
    height: auto;
  }

  .creator-section-5-text-wrapper {
    width: 100%;
  }

  .creator-video-3 {
    display: none;
  }

  .creator-section-1 {
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .creator-section-5-content-grid {
    grid-template-columns: 1fr;
    width: auto;
  }

  .creator-video-3-embed-absolute {
    display: none;
  }

  .creator-video-2 {
    min-width: 480px;
    min-height: 480px;
  }

  .creator-video-2.creator-mobile-only {
    display: none;
  }

  .faq-body-cont-2.no-left-padding-for-mobile, .faq-body-cont-2.no-left-padding-for-mobile-test {
    padding-left: 0;
  }

  .creator-container-5-1268 {
    max-width: 1268px;
  }

  .creator-section-3-text-wrapper {
    width: 100%;
    min-width: auto;
  }

  .creator-section-6 {
    padding-bottom: 60px;
  }

  .growth-section-6-list-wrapper {
    margin-left: auto;
  }

  .growth-section-5-video-wrapper {
    width: auto;
    height: auto;
    display: none;
  }

  .growth-section-faq {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .growth-video-1-embed-absolute {
    min-width: 200%;
    margin-top: 0;
    position: relative;
  }

  .growth-section-3 {
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .growth-section-1 {
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .growth-container-4-1268, .growth-container-1-1268-mobile {
    max-width: 1268px;
  }

  .growth-section-6-title-wrapper {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .growth-logo-wrapper {
    width: auto;
  }

  .growth-logo-holder-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .growth-section-6-text-wrapper {
    flex-direction: column;
    align-items: center;
    min-width: auto;
    margin-right: 0;
  }

  .growth-pricing-card-content-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .growth-pricing-card-wrapper {
    width: 100%;
    max-width: 540px;
    height: 740px;
    margin-left: 0;
    padding-top: 20px;
  }

  .growth-video-1-mobile-wrapper {
    justify-content: center;
    min-width: auto;
    height: 500px;
    min-height: auto;
    margin-top: 20px;
    margin-left: 0;
    padding-top: 0;
    display: flex;
    position: relative;
  }

  .growth-section-3-list-wrapper {
    margin-left: 0;
  }

  .growth-section-6-image {
    width: auto;
    display: none;
    left: 0;
  }

  .growth-container-5-1268 {
    max-width: 1268px;
  }

  .growth-container-3-1268 {
    flex-direction: column;
    max-width: 1268px;
  }

  .growth-section-3-text-wrapper {
    width: 100%;
    min-width: auto;
  }

  .growth-section-5-text-wrapper {
    width: 100%;
  }

  .growth-pricing-text-wrapper {
    box-shadow: none;
    background-color: #0000;
    width: auto;
    max-width: 540px;
    height: auto;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .growth-section-4 {
    padding-top: 60px;
    display: none;
  }

  .growth-section-5 {
    padding-bottom: 60px;
  }

  .growth-container-1-1268 {
    max-width: 1268px;
  }

  .growth-section-5-content-grid {
    grid-template-rows: minmax(0, 1fr) auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: .5fr;
    width: auto;
  }

  .growth-section-7 {
    padding-bottom: 60px;
  }

  .growth-hero-text-wrapper {
    width: 100%;
    min-width: auto;
  }

  .growth-section-7-container-1068.flex {
    align-items: center;
  }

  .growth-container-6-1268 {
    max-width: 1268px;
  }

  .growth-section-6 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .navbar-main-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .pro-header-video {
    justify-content: flex-end;
    min-width: auto;
    min-height: auto;
    padding-top: 90%;
    display: flex;
    position: relative;
  }

  .pro-video-embedcode.relative {
    margin-left: 0;
    position: absolute;
    inset: 0%;
  }

  .pro-section-headernew {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .pro-container-1-126 {
    max-width: 1268px;
  }

  .pro-video-1-mobile-wrapper-copy {
    justify-content: flex-end;
    min-width: auto;
    min-height: auto;
    padding-top: 75%;
    display: flex;
    position: relative;
  }

  .pro-video-1-embed-absolute-copy.relative, .pro-video-1-embed-absolute.relative {
    margin-left: 0;
    position: absolute;
    inset: 0%;
  }

  .videocontent {
    border-radius: 4px;
  }

  .themedsign-tabs-menu {
    width: 100%;
  }

  .tablink {
    width: 36.3008%;
  }

  .pro-webcamvid-copy {
    margin-top: 20px;
    padding-top: 100%;
  }

  .pro-div-signupfree-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pro-themtab1 {
    display: none;
  }

  .pro-themtab1.mobile {
    margin-left: 0;
    display: block;
  }

  .main_button-2-icon {
    align-self: auto;
    height: 48px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 16px;
    line-height: 44px;
  }

  .main_button-2-icon.line.left-margin-24 {
    height: 48px;
    font-size: 16px;
    line-height: 44px;
  }

  .pro-video-form-copy-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .flex-container-2-copy {
    flex-direction: column;
    max-width: 90%;
  }

  .pro-logosgrid-copy {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template: ". . Area"
                   ". . ."
                   / 1fr 1fr;
    grid-auto-flow: column;
    align-items: stretch;
    width: 90%;
  }

  .glossary-container {
    background-color: var(--oxford-blue);
    max-width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    display: block;
  }

  .section-courses {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .courses-container-1268 {
    align-items: flex-start;
  }

  .section-courses-hero {
    padding-bottom: 60px;
  }

  .courses-hero-text-wrapper {
    min-width: auto;
    max-width: none;
    margin-right: 0;
  }

  .case-studies-section-read-more {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grwothbg.dark {
    background-position: 50% 0;
    background-size: 880px;
    height: 11%;
  }

  .grwothbg.hero, .grwothbg.hero-copy, .grwothbg.hero-copy-copy, .grwothbg.hero-copy-copy {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .proupgrade-container {
    max-width: 100%;
    position: relative;
  }

  .columns-upgradpro.max-width {
    grid-template-columns: 1fr;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .upgradepro-fromcontaner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pro-pg.dark {
    background-position: 50% 0;
    background-size: 880px;
    height: 11%;
  }

  .pro-pg.hero, .pro-pg.hero-copy, .pro-pg.hero-copy-copy, .pro-pg.hero-copy-copy {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .lp2-t1.align-centre.white {
    margin-bottom: 20px;
    font-size: 52px;
    line-height: 68px;
  }

  .lp2-hero-device-nav-wrapper {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .lp2-hero-device {
    border-bottom-left-radius: 8px;
  }

  .lp2-tilt-background-1 {
    height: 350px;
  }

  .lp2-button {
    align-self: auto;
  }

  .lp2-section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .lp2-section-3-button {
    align-self: auto;
  }

  .lp2-section-4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .lp2-section-4-text-wrapper {
    min-width: auto;
  }

  .lp2-section-6, .lp2-section-5 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .lp2-testimonial {
    height: auto;
  }

  .lp2-testimonial-text-wrapper {
    width: auto;
  }

  .image-110 {
    width: auto;
    height: 60px;
  }

  .slide-nav-6 {
    margin-top: 10px;
    position: relative;
  }

  .grid-17 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 60px;
  }

  .lp2-section-7 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .lp2-section-6-button {
    align-self: auto;
  }

  .capterra1-section-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .lp2-section-2-tab {
    margin-bottom: 10px;
  }

  .lp2-tab-text {
    font-size: 16px;
  }

  .lp2-section-2-button {
    align-self: auto;
    margin-left: 0;
    display: flex;
  }

  .lp2-section-2-button-wrapper {
    width: 100%;
    display: flex;
  }

  .contact-us_section-1 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .faq-item {
    padding-left: 0;
  }

  .mg-left-32px.mobile-top-24px {
    margin-top: 24px;
    margin-left: 0;
  }

  .faq-title {
    padding-right: 20px;
  }

  .social-media-list-wrapper.right.left-mobile {
    justify-content: flex-start;
  }

  .social-media-list-item.right.left-mobile {
    margin-left: 0;
    margin-right: 16px;
  }

  .form-wrapper {
    padding: 46px 35px;
  }

  .form-wrapper.contact-v2 {
    padding-left: 36px;
    padding-right: 36px;
  }

  .faq-item-bottom {
    padding-left: 0;
  }

  .text-area {
    font-size: 16px;
  }

  .fom-grid.v2 {
    grid-template-columns: 1fr;
  }

  .security-section-3 {
    padding-top: 132px;
    padding-bottom: 132px;
  }

  .security-section-3.before-header {
    padding-top: 160px;
    padding-bottom: 90px;
  }

  .security-section-3.short {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .security-section-3.medium {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .home-v2-mission-image-2 {
    display: none;
  }

  .avatar {
    width: 70px;
    height: 70px;
  }

  .card-featured-image {
    width: 100%;
  }

  .paragraph-wrapper-border-bottom {
    padding-bottom: 24px;
  }

  .mg-top-48px-2, .testimonial-bottom {
    margin-top: 32px;
  }

  .illustration.top.position-absolute.home-v2-why-us-1, .illustration.top.position-absolute.home-v2-illustration-2 {
    display: none;
  }

  .illustration.top.position-absolute.home-v2-illustration-1 {
    width: 27%;
    display: none;
  }

  .illustration.home-v2-illustration-3, .illustration.home-v2-why-us-2 {
    width: 100%;
  }

  .black-section-contained.home-v1-about {
    padding-bottom: 80px;
    padding-left: 34px;
    padding-right: 34px;
  }

  .bg-cta.left {
    width: 100%;
    height: 50%;
    inset: 0% 0% auto;
  }

  .bg-cta.right {
    width: 100%;
    height: 50%;
    inset: auto 0% 0%;
  }

  .card-featured-text {
    padding: 40px 30px 8px;
  }

  .logo-strip {
    width: 102px;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .illustration-overflow-container {
    justify-content: flex-end;
  }

  .card-feature-text {
    height: auto;
    padding-top: 40px;
  }

  .media-section-1 {
    padding-top: 40px;
  }

  .media-section-1.hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .media-section-1.top-section {
    margin-top: 20px;
  }

  .media-section-1.post-hero-section {
    height: 250px;
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .media-section-1.big-paddings {
    padding-top: 48px;
    padding-bottom: 48px;
  }

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

  .media-section-1.banner-section {
    display: none;
  }

  .media-section-1.nav-layouts-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .media-section-1.intro-buy-section {
    padding-top: 64px;
  }

  .media-section-1.top-section-categories {
    margin-top: 20px;
  }

  .card-media-kit.feature {
    background-color: #0000;
    padding: 0;
  }

  .card-media-kit.offices-contact-v2 {
    padding-left: 42px;
    padding-right: 42px;
  }

  .card-media-kit.features.featured {
    flex-direction: column;
  }

  .media-section-0 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .media-section-0.hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .media-section-0.top-section {
    margin-top: 20px;
  }

  .media-section-0.post-hero-section {
    height: 250px;
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .media-section-0.big-paddings {
    padding-top: 48px;
    padding-bottom: 48px;
  }

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

  .media-section-0.banner-section {
    display: none;
  }

  .media-section-0.nav-layouts-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .media-section-0.intro-buy-section {
    padding-top: 64px;
  }

  .media-section-0.top-section-categories {
    margin-top: 20px;
  }

  .media-section-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .media-section-2.hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .media-section-2.top-section {
    margin-top: 20px;
  }

  .media-section-2.post-hero-section {
    height: 250px;
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .media-section-2.big-paddings {
    padding-top: 48px;
    padding-bottom: 48px;
  }

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

  .media-section-2.banner-section {
    display: none;
  }

  .media-section-2.nav-layouts-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .media-section-2.intro-buy-section {
    padding-top: 64px;
  }

  .media-section-2.top-section-categories {
    margin-top: 20px;
  }

  .list-2 {
    font-size: 14px;
    line-height: 24px;
  }

  .t-c-section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .t-c-section-1.hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .t-c-section-1.top-section {
    margin-top: 20px;
  }

  .t-c-section-1.post-hero-section {
    height: 250px;
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .t-c-section-1.big-paddings {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .t-c-section-1.no-padding {
    padding: 0;
  }

  .t-c-section-1.banner-section {
    display: none;
  }

  .t-c-section-1.nav-layouts-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .t-c-section-1.intro-buy-section {
    padding-top: 64px;
  }

  .t-c-section-1.top-section-categories {
    margin-top: 20px;
  }

  .media-tabs-menu {
    margin-bottom: 40px;
  }

  ._404-title, ._404-title-2 {
    font-size: 130px;
    line-height: 110px;
  }

  .t-c-section-2-copy {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .t-c-section-2-copy.hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .t-c-section-2-copy.top-section {
    margin-top: 20px;
  }

  .t-c-section-2-copy.post-hero-section {
    height: 250px;
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .t-c-section-2-copy.big-paddings {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .t-c-section-2-copy.no-padding {
    padding: 0;
  }

  .t-c-section-2-copy.banner-section {
    display: none;
  }

  .t-c-section-2-copy.nav-layouts-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .t-c-section-2-copy.intro-buy-section {
    padding-top: 64px;
  }

  .t-c-section-2-copy.top-section-categories {
    margin-top: 20px;
  }

  .button-404 {
    padding-left: 40px;
    padding-right: 40px;
  }

  ._404-text-center.left-mobile {
    text-align: left;
    text-align: left;
  }

  .home-tab-text {
    font-size: 16px;
  }

  .home-section-2-tab {
    margin-bottom: 10px;
  }

  .home-section-2-button {
    align-self: auto;
    margin-left: 0;
    display: flex;
  }

  .home-section-3-button {
    align-self: auto;
  }

  .home-h2 {
    text-align: center;
    margin-top: 0;
    font-size: 32px;
  }

  .demo-container-1 {
    padding-top: 100px;
  }

  .demo-section-3, .demo-section-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .demo-logos {
    grid-column-gap: 32px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .demo-logos.centered {
    margin-bottom: 0;
  }

  .demo-h1.mobile {
    text-align: center;
  }

  .demo-hero-image-mobile {
    width: 393.6px;
  }

  .demo-hero-image-mobile.small {
    width: 284.8px;
  }

  .demo-container-0 {
    height: 400px;
  }

  .demo-button {
    align-self: auto;
  }

  .watch-demo-section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .popup-wrapper---demo-chat {
    padding-left: 24px;
    padding-right: 24px;
  }

  .popup-2---demo-chat {
    max-width: none;
    padding: 32px;
  }

  .popup-wrapper---demo-cha {
    padding-left: 24px;
    padding-right: 24px;
  }

  .popup-content-wrapper---demo-chat.popup-1-content-wrapper---brix-copy {
    border-radius: 20px;
    max-width: none;
    left: 24px;
    right: 24px;
  }

  .popup-1---demo-chat {
    max-width: none;
    padding: 32px;
  }

  .sign-up-container-2 {
    flex-direction: column;
  }

  .sign-up-section-2-text-wrapper {
    width: auto;
    margin-right: 0;
  }

  .sign-up-section-2-grid {
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .sign-up-section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sign-up-testimonial-logo {
    width: auto;
    height: 60px;
  }

  .demo-section-3-h2.mobile {
    text-align: center;
  }

  .demo-watch-button, .demo-watch-button-2 {
    align-self: auto;
  }

  .nav-item-wrapper-social-icons {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .ebook---section-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .ebook---section-1 {
    padding-top: 100px;
  }

  .ebook---text-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ebook---card-button {
    align-self: auto;
  }

  .ebook---section-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .ebook---featured-card {
    flex-direction: column;
    height: 400px;
  }

  .ebook---featured-ebook-text-wrapper {
    align-items: center;
  }

  .ebook---featured-ebook-title {
    text-align: center;
  }

  .ebooks---featured-ebook {
    margin-left: 0;
  }

  .ebook---featured-card-button {
    align-self: auto;
  }

  .about---our-team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .icon-container-alt {
    width: 120px;
    height: 60px;
  }

  .xpert---logo-marquee---container {
    width: 100%;
  }

  .marquee-horizontal-large {
    height: 80px;
  }

  .flex-horizontal.flip-svp {
    flex-direction: column;
  }

  .home---logo-marquee---container {
    width: 100%;
  }

  .xpert---container-6 {
    align-items: stretch;
  }

  .xpert---form-button {
    width: 100%;
  }

  .xpert---section-4---grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
  }

  .xpert---section-6---title-wrapper {
    width: auto;
  }

  .xpert---form-grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .xpert---cta-section-title {
    text-align: center;
    margin-bottom: 10px;
  }

  .xpert---section-5 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .xpert---testimonial-logo {
    width: auto;
    height: 60px;
  }

  .xpert---container-cta {
    flex-direction: column;
  }

  .xpert---section-logo {
    padding-top: 420px;
    padding-bottom: 60px;
  }

  .xpert---section-cta {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .success-message-4 {
    background-color: #0000;
    width: auto;
    padding: 20px;
  }

  .xpert---section-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .xpert---hero---body-big {
    margin-bottom: 16px;
  }

  .xpert---hero-title {
    letter-spacing: -1px;
    font-size: 36px;
    line-height: 49px;
  }

  .xpert---section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .xpert---form, .xpert-testimonial-text-wrapper {
    width: auto;
  }

  .xpert---hero-bg-grid---area {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    grid-template: "Area ."
                   "Area Area-2"
                   "Area-3 Area-2"
                   "Area-3 Area-4"
                   "Area-5 Area-4"
                   "Area-5 Area-6"
                   "Area-7 Area-6"
                   "Area-7 Area-8"
                   "Area-9 Area-8"
                   "Area-9 Area-10"
                   "Area-11 Area-10"
                   "Area-11 Area-12"
                   "Area-13 Area-12"
                   "Area-13 Area-14"
                   "Area-15 Area-14"
                   "Area-15 ."
                   / 1fr 1fr;
  }

  .xpert---section-1---sticky-header {
    background-color: #0000;
    background-image: linear-gradient(to bottom, var(--oxford-blue) 82%, #151528e6 92%, #0d163300);
    height: 480px;
    padding-top: 60px;
    padding-bottom: 60px;
    display: block;
    top: -150px;
  }

  .xpert---hero-button-link-block {
    width: 100%;
  }

  .xpert---form---text-field {
    margin-bottom: 20px;
  }

  .xpert---hero---text-wrapper {
    flex-direction: column;
  }

  .xpert---section-1---sticky-header-bottom {
    display: none;
  }

  .xpert---section-3-button-link-block {
    width: 100%;
  }

  .ambassador---section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .ambassador---hero-text-wrapper {
    width: auto;
    margin-bottom: 20px;
  }

  .ambassador---hero-text-holder {
    text-align: center;
    flex-direction: column;
    height: auto;
    padding: 20px;
  }

  .ambassador---section-2, .pricing-container-xpert-1268 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pricing---xpert-banner---title-holder {
    width: auto;
  }

  .pricing---xpert-banner-button {
    align-self: auto;
  }

  .ambassador---section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .body-white {
    font-size: 14px;
  }

  .ambassador---section-4 {
    padding-bottom: 60px;
  }

  .ambassador---container-4 {
    padding-top: 40px;
  }

  .ambassador---hero-link-block {
    margin-top: 10px;
  }

  .ambassador---hero-body {
    width: auto;
  }

  .ambassador-info---section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .ambassador-info---container-1 {
    flex: 1;
    align-items: stretch;
  }

  .ambassador-info---hero-text-wrapper {
    width: auto;
    margin-bottom: 0;
  }

  .ambassador-info---rich-text-wrapper {
    width: auto;
    margin-bottom: 20px;
  }

  .ambassador-info---section-2, .ambassador-info---section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .ambassador-info---rewards-holder.gold {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ambassador-info---rewards-grid {
    grid-template-columns: 1fr;
  }

  .ambassador-info---rewards-detail {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ambassador-info---rewards-image {
    height: 240px;
  }

  .ambassador---tab-menu {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "Area Area-2 Area-3";
    margin-bottom: 20px;
  }

  .grid-20 {
    display: none;
  }

  .ambassador-info---section-4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .ambassador-info---section-3-wrapper {
    width: auto;
    margin-bottom: 20px;
  }

  .ambassador---form {
    flex-direction: column;
    align-items: stretch;
    width: auto;
  }

  .ambassador---form-grid {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .ambassador---form-text-field {
    color: var(--oxford-blue);
    background-color: #ffffff1a;
    border-style: none;
  }

  .ambassador---form-text-field::placeholder {
    color: var(--oxford-blue);
  }

  .ambassador---form-text-field.messages {
    border-color: var(--navi-body);
    height: 90px;
  }

  .ambassador---form-button {
    width: 100%;
  }

  .ambassador---section-form {
    background-image: linear-gradient(#53c6d600 50%, #53c6d64d);
    width: auto;
  }

  .ambassador---form-wrapper {
    display: block;
  }

  .ambassador---section-form-mobile-only {
    padding-top: 60px;
    padding-bottom: 60px;
    display: block;
  }

  .ambassador---cta-button-wrapper {
    display: none;
  }

  .case-study-hero-section {
    padding-top: 60px;
  }

  .case-study-hero-container {
    padding-left: 0;
    padding-right: 0;
  }

  .case-study-content-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .case-study-sticky-card {
    flex-direction: column;
    width: 100%;
  }

  .case-study-sticky-card-text-wrapper {
    margin-bottom: 0;
    margin-left: 0;
  }

  .case-study-section-4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text-link-primary-wrapper {
    margin-top: 10px;
  }

  .case-study-cms-list {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .case-study-stats {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .xpert-thank-you-button-wrapper {
    flex-direction: row;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .xpert-thank-you-section-1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-courses-page-5-copy {
    padding-top: 40px;
  }

  .xpert-hero-button-wrapper {
    flex-direction: row;
  }

  .lightbox-link-9 {
    width: 100%;
  }

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

  .courses-template-form-button {
    width: 100%;
  }

  .courses-template-cta {
    align-self: auto;
    width: auto;
  }

  .partnership-section-2-wrapper {
    order: 1;
  }

  .partnership-section-4-block-wrapper {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .partner---form {
    flex-direction: column;
    width: auto;
  }

  .partner---form-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .style-guide-header-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .button-primary-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex_style-guide {
    flex-direction: column;
    align-items: flex-start;
  }

  .flex_style-guide.end.mg-top-90px {
    margin-top: 30px;
  }

  .flex_style-guide.contact-card-wraper {
    text-align: center;
    align-items: center;
  }

  .flex_style-guide.contact-card-container {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }

  .flex_style-guide.bullet-container {
    flex-direction: row;
    align-items: center;
  }

  .flex_style-guide.services-card {
    flex-direction: row;
  }

  .flex_style-guide.justify-center.wrap.blue-checks {
    align-items: flex-start;
  }

  .button-secondary {
    padding-left: 40px;
    padding-right: 40px;
  }

  .xpert-carousel-section {
    padding-top: 120px;
    padding-bottom: 60px;
  }

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

  .lp_uni_section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .lp-uni-hero-image-wrapper {
    width: 160%;
  }

  .grid-22 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-wrap: wrap;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: center;
    display: flex;
  }

  .lp-uni-section-2 {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .lp-uni-section-2-container {
    flex-direction: column;
    align-items: center;
  }

  .lp-section-2-text-wrapper {
    width: auto;
  }

  .image-132 {
    width: 85%;
    margin-left: 0;
    position: relative;
    left: 0%;
  }

  .lp-section-3-text-wrapper {
    width: auto;
  }

  .lp-uni-hero-text-wrapper {
    flex-direction: column;
  }

  .lp-uni-logos {
    object-fit: contain;
    width: 160px;
  }

  .cookie-modal_content-wrap {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cookie-modal_closebutton {
    margin-right: 1.25rem;
  }

  .cookie-modal_button-wrap {
    padding: 1.5rem;
  }

  .discover-section {
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    padding-top: 60px;
    overflow: hidden;
  }

  .discover-hero-container {
    padding: 0 24px;
  }

  .discover-form-container {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    width: auto;
    padding-bottom: 0;
    position: static;
  }

  .discover-hero-image {
    display: none;
  }

  .xpert---form-copy, .discover--form {
    width: auto;
  }

  .discover-form-text-field {
    margin-bottom: 20px;
  }

  .discover-form-title-wrapper {
    width: auto;
  }

  .discover-hero-image-mobile {
    width: 800px;
    min-width: 800px;
    margin-top: -140px;
    display: block;
    position: relative;
    top: 90px;
  }

  .discover-form-block {
    max-width: none;
  }

  .marketplace-banner {
    background-color: #2d2d3e;
    height: auto;
    padding-top: 88px;
    padding-bottom: 16px;
  }

  .marketplace-container {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .marketplace-content-wrapper {
    max-width: none;
  }

  .marketplace-slide {
    width: 80%;
    min-width: 340px;
    padding-right: 12px;
  }

  .mask-12 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .marketplace-slide-wrapper {
    z-index: 0;
    background-color: var(--oxford-blue);
    background-image: none;
    border-radius: 8px;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
  }

  .marketplace-title-block {
    display: none;
  }

  .text-block-57 {
    font-size: 12px;
  }

  .marketplace-button-wrapper {
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .marketplace-h1 {
    font-size: 24px;
    line-height: 24px;
  }

  .marketplace-left-arrow, .marketplace-right-arrow {
    display: none;
  }

  .marketplace-title-block-mobile {
    display: block;
  }

  .marketplace-mobile-title-container {
    padding-left: 24px;
    padding-right: 24px;
    display: block;
  }

  .marketplace-paragraph.color-white.bottom-margin-16 {
    font-size: 14px;
    line-height: 18px;
  }

  .marketplace-bg-wrapper {
    background-image: none;
    order: -1;
    height: 225px;
    position: relative;
  }

  .marketplace-overlay {
    background-image: linear-gradient(to top, var(--oxford-blue), #151528e6 9%, #15152800 26%);
  }

  .about-us-quote {
    text-align: left;
  }

  .about-us-quote.no-bottom-margin {
    font-size: 21px;
  }

  .lp2-section-2, .capterra1-section-3, .capterra1-section-4, .capterra1-section-5 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .capterra--container-3, .capterra-container-2, .capterra-container-4 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .capterra1-hero-text {
    width: auto;
    min-width: auto;
  }

  .capterra2-section-1 {
    padding-top: 60px;
  }

  .capterra2-container-1 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .capterra2-hero-text {
    width: auto;
    min-width: auto;
  }

  .capterra-test-section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .test-container-1 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .test-hero-text {
    width: auto;
    min-width: auto;
  }

  .advertising1-section-1 {
    padding-top: 60px;
  }

  .advertising1-section-2 {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .advertising1-section-3, .advertising1-section-4, .advertising1-section-5, .advertising1-section-8, .advertising1-section-9, .advertising1-section-10 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .advertising1-container-1 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .advertising1-hero-text {
    width: auto;
    min-width: auto;
  }

  .advertising1-container-cta {
    flex-direction: column;
  }

  .advertising1-cta-section-title {
    text-align: center;
    margin-bottom: 10px;
  }

  .advertising1-container-3, .advertising1-container-9 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .advertising1-section-6 {
    padding-top: 60px;
    padding-bottom: 40px;
    display: flex;
  }

  .advertising1-container-6 {
    flex: 0 auto;
    padding-top: 0;
  }

  .advertising1-try-free-6 {
    bottom: 27%;
  }

  .advertising1-link-6 {
    font-size: 18px;
  }

  .advertising1-mobile-carousel-6 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .home-section-2-tab-2 {
    margin-bottom: 10px;
  }

  .button-primary-3 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .button-primary-3.yellow {
    display: inline-block;
  }

  .advertising1-section-7 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .advertising1-container-7 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .advertising1-content-wrapper-7 {
    margin-bottom: 20px;
  }

  .advertising1-button-link-7 {
    width: 190px;
  }

  .advertising1-button-link-block-7 {
    display: flex;
  }

  .align-centre-admin, .align-centre-copy {
    flex-direction: column;
  }

  .lp_6step_section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .lp_6step_section-2 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6463283e1042b2ca828d4134_Frame%2047244.png");
    background-position: 50% 80%;
    background-size: cover;
    padding: 60px 25px 570px;
    display: block;
  }

  .lp-6step-section-3 {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .lp-6step-section-3-container {
    flex-direction: column;
    align-items: center;
  }

  .lp-6step-section-3-text-wrapper {
    width: auto;
    padding-left: 0;
  }

  .image-132-copy {
    width: 85%;
    margin-left: 0;
    position: relative;
    left: 0%;
  }

  ._6step-sayhello_img {
    object-fit: fill;
    width: 60%;
    margin-left: 0;
    padding-bottom: 16px;
    position: relative;
    left: 0%;
  }

  .lp-6step-section-4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  ._6step-logo-marquee---container {
    width: 100%;
  }

  .freeguidebutton {
    padding-left: 40px;
    padding-right: 40px;
  }

  .xpert---container-6-copy {
    align-items: stretch;
  }

  .lp-6step-section-5 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  ._6step-section-5-container {
    align-items: stretch;
  }

  ._6step-section-5-title-wrapper, ._6step-form {
    width: auto;
  }

  ._6step---form-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  ._6step---form---text-field {
    margin-bottom: 20px;
  }

  .image-136 {
    top: 252px;
    left: 290px;
  }

  .webinars-hero-section {
    height: auto;
  }

  .webinar-study-card {
    max-width: 340px;
  }

  .popup-wrapper---webinar {
    padding-left: 24px;
    padding-right: 24px;
  }

  .new-pricing-card-content-wrapper {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 12px;
  }

  .container-79 {
    margin-bottom: 9px;
  }

  .text-block-37-copy {
    margin-bottom: 5px;
    font-size: 12px;
  }

  .text-block-61 {
    font-size: 12px;
  }

  .button-secondary-copy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .pricing-card-feature {
    margin-bottom: 4px;
  }

  .creator-pricing-card-fee-term {
    margin-left: 9px;
    font-size: 15px;
  }

  .lp_h2_300-copy {
    text-align: center;
    margin-left: 0;
    left: 3%;
  }

  .creator-pricing-text-wrapper-copy {
    box-shadow: none;
    background-color: #0000;
    width: auto;
    max-width: 540px;
    height: auto;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: none;
    position: relative;
  }

  .card-teams {
    display: none;
  }

  .card-basic {
    min-height: 50px;
  }

  .button-secondary-compare-t, .button-primary-compare {
    padding-left: 40px;
    padding-right: 40px;
  }

  .compare-features-dropdown {
    padding-left: 20px;
  }

  .compare-features-dropdown.no-left-padding-for-mobile {
    padding-left: 0;
  }

  .heading-67 {
    padding-left: 20px;
  }

  .comparison-heading {
    font-size: 12px;
  }

  .description-medium-copy {
    top: 366px;
    left: auto;
  }

  .pricing-card-para {
    font-size: 12px;
  }

  .modal_mthactivlearn {
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-287 {
    grid-column-gap: 3px;
    font-size: 12px;
  }

  .modal-link {
    margin-bottom: 5px;
    font-size: 12px;
  }

  .modal_creatorseat {
    padding-left: 24px;
    padding-right: 24px;
  }

  .paragraph-41 {
    font-size: 12px;
  }

  .modal_addons {
    padding-left: 24px;
    padding-right: 24px;
  }

  .htmaintenance-section-1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .htmaintenance-button-wrapper {
    flex-direction: row;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .growth-section-6-image-mobile {
    width: auto;
    height: auto;
    display: block;
    left: 0;
  }

  .slider-mask-pricing.about-images {
    max-width: 470px;
  }

  .slider-mask-pricing.slider-icon-cards {
    max-width: 380px;
  }

  .slider-mask-pricing.slider-icon-cards-copy {
    width: 100%;
    max-width: 440px;
  }

  .slide-nav-9 {
    margin-top: 20px;
  }

  .slider-copy {
    display: flex;
  }

  .arrow-link-circle-copy {
    width: 56px;
    height: 56px;
    font-size: 18px;
    line-height: 22px;
  }

  .arrow-link-circle-copy.slider-icon.right {
    inset: auto auto -14% 70px;
  }

  .arrow-link-circle-copy.slider-icon.right.icon-cards {
    display: none;
    inset: 0% 0% 0% auto;
  }

  .arrow-link-circle-copy.slider-icon.left {
    inset: auto auto -14% 0%;
  }

  .arrow-link-circle-copy.slider-icon.left.icon-cards {
    display: none;
    inset: 0% auto 0% 0%;
  }

  .paragraph-42 {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
  }

  .text-span-25 {
    font-size: 14px;
  }

  .heading-75 {
    text-align: center;
    width: 400px;
  }

  .creator-container-1-1268-copy {
    max-width: 1268px;
  }

  .paragraph-32-copy {
    font-size: 16px;
  }

  .button-primary-4 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .button-primary-4.cyan {
    display: none;
  }

  .button-primary-4.cyan.demo {
    display: block;
  }

  .lp_h2-3 {
    text-align: left;
    width: auto;
    font-size: 32px;
  }

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

  .section-76 {
    display: none;
  }

  .container-86 {
    border-radius: 0;
    max-width: none;
  }

  .subtitle-copy-2 {
    margin-right: 20px;
    font-size: 24px;
  }

  .container-87 {
    max-width: 90%;
  }

  .container-88 {
    max-width: 95%;
  }

  .grid-23 {
    grid-column-gap: 15px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .heading-78 {
    line-height: 56px;
  }

  .image-149 {
    display: block;
    overflow: visible;
  }

  .feature-bold {
    margin: 0;
    font-size: 12px;
  }

  .lp2-section-2-button-wrapper-copy {
    width: 100%;
    display: flex;
  }

  .link-20 {
    display: inline;
  }

  .signup-section {
    flex-direction: column-reverse;
    align-items: center;
    height: auto;
  }

  .signupimage {
    background-image: linear-gradient(#15152866, #15152866), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/650b99ee1e08efd4a7cd633a_64e6c9b68091e95a250e775e_signup_pro%20(1).jpg");
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-radius: 0;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-height: 200px;
    margin-left: 0;
    margin-right: 0;
  }

  .signup-form {
    margin-top: 66px;
  }

  .div-block-302 {
    justify-content: center;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
  }

  .caption-copy.no-margin {
    font-size: 12px;
  }

  .hc-wrap-home2 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .hc-wrap1 {
    max-width: 568px;
  }

  .hc-heading.align-left.white {
    margin-bottom: 20px;
    font-size: 52px;
    line-height: 68px;
  }

  .hc-heading.align-centre.color-white {
    font-size: 52px;
    line-height: 68px;
  }

  .home-teams-inner-card1 {
    max-width: 399px;
    margin-bottom: 20px;
    padding-bottom: 30px;
  }

  .all-from-a-single-platform-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .all-from-a-single-platform-cta-wrapper {
    width: 100%;
    display: flex;
  }

  .all-from-a-single-platform-cta-wrapper.align-centre {
    flex-direction: column;
    display: flex;
  }

  .learning-academy_button-wrapper {
    align-items: flex-end;
    width: 50%;
    display: flex;
  }

  .build-your-dream-section {
    padding-bottom: 60px;
  }

  .afasp-tab-wrapper-content-image {
    max-width: 450px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .afasp-tab-wrapper-content-image.align-centre {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .afasp-para-wrapper {
    font-size: 14px;
  }

  .afasp-wrapper {
    width: auto;
  }

  .home-card-para {
    font-size: 12px;
  }

  .home-hero-embed {
    height: 250px;
  }

  .home-hero-cards.align-centre {
    display: block;
  }

  .home---learning-academies---container {
    width: 100%;
  }

  .home---customertabs {
    margin-bottom: 10px;
  }

  .image-111-copy {
    width: 350px;
  }

  .div-block-313 {
    display: block;
  }

  .bookademo-mobile {
    padding-left: 40px;
    padding-right: 40px;
  }

  .bookademo-mobile.yellow.align-centre {
    display: flex;
  }

  .startafreetrial {
    padding-left: 40px;
    padding-right: 40px;
  }

  .startafreetrial.yellow {
    display: none;
  }

  .startafreetrial-secondary {
    padding-left: 40px;
    padding-right: 40px;
    display: none;
  }

  .bookademo-secondary {
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .bookademo-secondary.align-centre {
    display: none;
  }

  .byd-content {
    flex-direction: column;
  }

  .ai-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .learning-academy-primary, .afaspc-button {
    padding-left: 40px;
    padding-right: 40px;
  }

  .afaspc-button.yellow {
    width: 350px;
  }

  .afaspc-button-secondary {
    width: 350px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .learning-academy-secondary {
    align-self: flex-end;
    padding-left: 40px;
    padding-right: 40px;
  }

  .home-createyourlearningacademy-section {
    padding-top: 120px;
    padding-bottom: 0;
  }

  .div-block-315 {
    flex-direction: row;
    align-items: stretch;
  }

  .ai-cta-wrapper {
    flex-direction: row;
  }

  .academylist {
    align-self: center;
    width: 50%;
  }

  .list-item-4, .list-item-5 {
    font-size: 14px;
  }

  .learningacademygrid {
    grid-template-rows: minmax(0, 1fr) auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: .5fr;
    width: auto;
  }

  .bookademo-primary {
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .bookademo-primary.align-centre {
    display: flex;
  }

  .bookademodesktop-secondary {
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .bookademoprimary {
    padding-left: 40px;
    padding-right: 40px;
  }

  .tabs-content-3-copy {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-317 {
    width: 100%;
  }

  .lp2-tilt-background-1-copy {
    height: 350px;
    bottom: -20%;
    left: -11%;
  }

  .navbar-mobile-link-wrapper-demo {
    display: none;
  }

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

  .howtoo-pro-card-basic {
    min-height: 50px;
    display: none;
  }

  .getyourfreeconsult-primary {
    padding-left: 40px;
    padding-right: 40px;
  }

  .list-item-9 {
    font-size: 16px;
  }

  .button-primary-copy, .afaspc-button-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .afaspc-button-2.yellow {
    width: 350px;
  }

  .all-from-a-single-platform-section-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .align-centre-3 {
    flex-direction: column;
  }

  .home---customertabs-2 {
    margin-bottom: 10px;
  }

  .afaspc-button-secondary-2 {
    width: 350px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-319 {
    display: block;
  }

  .lp2-section-2-button-wrapper-councils {
    width: 100%;
    display: flex;
  }

  .button-primary-copy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .form-login {
    padding-top: 0;
    padding-bottom: 0;
  }

  .log-in-form {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    max-width: none;
    margin-top: auto;
    margin-left: 24px;
    margin-right: 24px;
    display: block;
  }

  .login-block {
    align-self: auto;
    width: auto;
    max-width: none;
    margin-top: 80px;
  }

  .login-section {
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: stretch;
  }

  .color-white-copy {
    text-align: center;
  }

  .list-item-11, .list-item-12 {
    text-align: left;
  }

  .sign-in-thank-you {
    width: auto;
    max-width: none;
  }

  .div-block-322 {
    align-self: auto;
  }

  .color-white-2 {
    text-align: center;
  }

  .loginimage {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/650b99ee1e08efd4a7cd633a_64e6c9b68091e95a250e775e_signup_pro%20(1).jpg");
    background-position: 50%;
    border-radius: 0;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-height: 300px;
    margin-top: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-side-bar-text {
    justify-content: center;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
  }

  .list-item-13 {
    text-align: left;
  }

  .scorm-creator-section-1 {
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .scorn-creator-section-container.align-centre {
    max-width: 568px;
  }

  .sc-wrap2 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    min-width: 0;
  }

  .sc-wrap1 {
    max-width: 568px;
    margin-left: 0;
  }

  .scorm-creator-button {
    padding-left: 40px;
    padding-right: 40px;
    display: none;
  }

  .sc-heading.align-left.white {
    margin-bottom: 20px;
    font-size: 52px;
    line-height: 68px;
  }

  .sc-heading.align-centre.color-white {
    font-size: 52px;
    line-height: 68px;
  }

  .thankyou-block {
    align-self: auto;
    width: auto;
    max-width: none;
    margin-top: 96px;
    margin-bottom: 40px;
  }

  .list-item-14, .list-item-15, .list-item-16 {
    text-align: left;
  }

  .send-reminder-block {
    align-self: auto;
    width: auto;
    max-width: none;
    margin-top: 96px;
    margin-bottom: 40px;
  }

  .para-back-to-login {
    margin-top: 16px;
  }

  .lp2-section-3-home {
    padding-top: 120px;
    padding-bottom: 40px;
  }

  .all-from-a-single--home {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .color-white-left, .color-white-left.createsharetrack_p {
    text-align: left;
  }

  .internal-training-section2 {
    display: block;
  }

  .internal-training-grid1 {
    margin-left: 0;
  }

  .logo-section {
    display: none;
  }

  .faq-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .growth-section-4-copy {
    padding-top: 60px;
    display: none;
  }

  .button-primary-card, .button-secondary-card {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-86-copy {
    border-radius: 0;
    max-width: none;
  }

  .container-86-copy.demo {
    display: none;
  }

  .demo-logos-courses {
    grid-column-gap: 32px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .demo-logos-courses.centered {
    margin-bottom: 0;
  }

  .freelancer-mob-pricing {
    display: block;
  }

  .freelancer-desktop-pricing {
    display: none;
  }

  .lp2-section-2-button-wrapper-tech {
    width: 100%;
    display: flex;
  }

  .signup-form-sp {
    margin-top: 40px;
    overflow: visible;
  }

  .form-step-1sp {
    padding-left: 16px;
    padding-right: 16px;
  }

  .form-4-sp {
    padding-left: 0;
    padding-right: 0;
  }

  .home-hero-embed-2 {
    height: 250px;
  }

  .body-hero.color-white.align-centre {
    width: auto;
    font-size: 18px;
  }

  .home-section-hero-upskill {
    min-height: 800px;
  }

  .hc-heading-upskill.align-left.white {
    margin-bottom: 20px;
    font-size: 52px;
    line-height: 68px;
  }

  .hc-heading-upskill.align-centre.color-white {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 52px;
    line-height: 56px;
  }

  .navbar-mobile-link {
    display: none;
  }

  .internal-training-tabs {
    display: block;
  }

  .div-block-internal-training-tab {
    width: 240px;
    padding-bottom: 40px;
  }

  .div-block-internal-training-tab.navi {
    align-items: center;
    width: 100%;
    max-width: none;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
  }

  .weve-got-the-solution {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .gradient-3-col-bg-container {
    display: block;
  }

  .body-text-container {
    width: auto;
  }

  .weve-got-sol-tabs {
    margin-bottom: 0;
  }

  .weve-got-solution-panel-container.councils {
    width: 100%;
  }

  .weve-got-sol-wrapper {
    width: auto;
  }

  .weve-got-sol-panel-text {
    text-align: center;
  }

  .section-choose-package {
    display: block;
  }

  .choose-package-card-para {
    font-size: 12px;
  }

  .choose-package-cards {
    padding-left: 32px;
    padding-right: 32px;
    font-size: 12px;
  }

  .section-ai {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .leading-way-text-container {
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .leading-way-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    position: static;
  }

  .leading-way-heading {
    text-align: left;
    max-width: 100%;
    margin: 0 0 8px;
    font-size: 24px;
  }

  .leading-way-text {
    width: auto;
  }

  .section-testimonials {
    padding-bottom: 60px;
  }

  .case-studies-quotes-wrapper-no-logo {
    width: 400px;
  }

  .section-call-out {
    display: flex;
  }

  .call-out-text {
    text-align: center;
    width: 90%;
    font-size: 24px;
  }

  .bold-text-17 {
    font-size: 24px;
    line-height: 32px;
  }

  .weve-got-slide-header, .align-centre-copy {
    flex-direction: column;
  }

  .home-hero-div {
    width: auto;
  }

  .hero-vid-div {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
    min-width: 200px;
  }

  .hero-vid-div.ai-animation-wrapper {
    margin-top: 0;
  }

  .ai-heading.at {
    text-align: left;
  }

  .ai-body-text {
    padding-left: 24px;
    padding-right: 24px;
  }

  .ai-animation {
    margin-top: 0;
    position: relative;
  }

  .ai-animation-wrapper.subscribe-hr {
    width: 100%;
  }

  .ai-cta {
    flex-direction: row;
    align-items: stretch;
  }

  .ai-cta-btn-wrapper {
    align-items: flex-end;
    display: flex;
    position: static;
  }

  .ai-cta-btn {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-solution {
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .solution-container {
    flex-direction: column-reverse;
    align-items: flex-end;
    padding-left: 32px;
  }

  .solution-text-container, .solutions-txt-bullet-wrapper {
    margin-left: 0;
  }

  .explore-btn {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .solution-heading {
    text-align: center;
    margin-top: auto;
    font-size: 32px;
  }

  .solution-text {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-why-howtoo {
    background-color: #000000d6;
    background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d6cf65ee980365a824b05b_why%20howtoo.jpg");
    background-position: 0 0, 50%;
    background-size: auto, cover;
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .why-howtoo-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .why-howtoo-text {
    padding-left: 0;
    padding-right: 0;
  }

  .why-howtoo-text-wrapper {
    width: 100%;
  }

  .section-leading-the-way {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .section-awards {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-how-we-rate.home-createyourlearningacademy-section {
    padding: 40px;
  }

  .why-heading {
    text-align: center;
    margin-top: 0;
    font-size: 32px;
  }

  .solution-container-2a {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .bold-text-21 {
    width: 500px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .start-upskilling-heading {
    text-align: center;
    margin-top: 0;
    font-size: 32px;
  }

  .choose-package-cards-pricing, .choose-package-cards-no-btn {
    padding-left: 32px;
    padding-right: 32px;
    font-size: 12px;
  }

  .choose-package-card-para-no-btn {
    font-size: 12px;
  }

  .section-create-engaging {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .ai-wrapper-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-ai-2 {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .ai-animation-2 {
    margin-top: 0;
    position: relative;
  }

  .section-brand-your-courses, .section-assessments {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .academy-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-academy {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .academy-animation {
    margin-top: 0;
    position: relative;
  }

  .section-track {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .xpert---form-create, .case-studies-xpert {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-vid-div-xpert {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
    min-width: 200px;
  }

  .hero-vid-div-xpert.ai-animation-wrapper {
    width: 90%;
  }

  .h2-heading {
    text-align: center;
    margin-top: 0;
    font-size: 32px;
  }

  .section-partner-2 {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .partner-img-1 {
    width: 100%;
  }

  .partner-img-1._2-billion._2 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6682355c668f32ddc35174a0_bg4.webp");
    background-position: 0%;
    background-size: cover;
  }

  .partner-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-partner-1 {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .partner-wrapper-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .partner-img-2, .partner-img-3, .partner-img-4 {
    width: 100%;
  }

  .partner-img-4._2-billion._2 {
    background-position: 100% 55%;
    background-repeat: no-repeat;
    background-size: 110%;
  }

  .lp2-tilt-background-1-home {
    height: 350px;
    bottom: -20%;
    left: -11%;
  }

  .nav-item-wrapper-copy {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .button-secondary-hide {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-testimonials-all {
    padding-bottom: 60px;
  }

  .creator-container-1268-faq-copy {
    flex-direction: column;
  }

  .call-out-text-copy {
    text-align: center;
    width: 90%;
    font-size: 24px;
  }

  .say-helllo-customer-ed {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-guide-form {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .case-study-cms-list-copy {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .book-a-demo {
    padding-top: 120px;
    padding-bottom: 0;
  }

  .section-awards-details {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-331 {
    grid-template-columns: 1fr;
  }

  .awards-text {
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .awards-body {
    width: auto;
  }

  .awards-h2 {
    text-align: left;
    max-width: 100%;
    margin: 0 0 8px;
    font-size: 24px;
  }

  .awards-subheading, .weve-got-slide-header-copy {
    flex-direction: column;
  }

  .awards-badge-small-copy {
    width: 50%;
  }

  .customer-ed-tabs {
    margin-bottom: 0;
  }

  .customer-ed-tabs-txt {
    font-size: 16px;
  }

  .heading-104 {
    margin-bottom: 0;
  }

  .body-text-container-copy-2, ._3-dot-pts-txt {
    width: auto;
  }

  .awards-details-col {
    grid-template-columns: 1fr;
  }

  .awards-text-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .awards-body-2 {
    width: auto;
  }

  .awards-div-3-xpert, .awards-div-4 {
    height: 80px;
  }

  .here-are-some-celebrated {
    flex-direction: column;
  }

  .awards-text-1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .customer-ed-form {
    width: 100%;
    padding-left: 0;
  }

  .customer-ed-txt {
    width: auto;
    padding-left: 0;
  }

  .section-say-hello-customer-ed {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  ._6step-sayhello_img-2 {
    object-fit: fill;
    width: 60%;
    margin-left: 0;
    padding-bottom: 16px;
    position: relative;
    left: 0%;
  }

  .designed-for-aa {
    width: 180px;
    padding-top: 40px;
    position: static;
    top: -200px;
    left: auto;
  }

  .awards-body-7-xpert {
    width: auto;
  }

  .cell-5 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .section-pricing-generic {
    display: block;
  }

  .section-hero-learning-strat {
    height: auto;
  }

  .capterrabutton {
    padding-left: 40px;
    padding-right: 40px;
    display: none;
  }

  .capterrabutton.yellow, .capterrabutton.yellow.demo, .capterrabutton.demo {
    display: block;
  }

  .tab-link-category.tab-toggle-button {
    min-height: 100px;
  }

  .tab-toggle-courses {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-content: stretch;
  }

  .faq-body-cont-3.no-left-padding-for-mobile, .faq-body-cont-3.no-left-padding-for-mobile-test {
    padding-left: 0;
  }

  .no-margin-3 {
    margin: 0;
    font-size: 12px;
  }

  .signupimage-2 {
    background-image: linear-gradient(#15152899, #15152899), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/650b99ee1e08efd4a7cd633a_64e6c9b68091e95a250e775e_signup_pro%20(1).jpg");
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-radius: 0;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-height: 200px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cyber-banner {
    background-position: 50% 100%;
    background-repeat: repeat-y;
    background-size: contain;
    justify-content: flex-start;
    align-items: flex-start;
    height: 130px;
  }

  .cyber-container {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    min-width: 100%;
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .cyber-banner-text {
    font-size: 12px;
  }

  .cyber-banner-text2 {
    font-size: 8px;
    font-weight: 500;
  }

  .div-content-enterprise {
    flex-flow: column;
    margin-top: 0;
  }

  .paragraph-enterprise {
    margin-bottom: 24px;
    margin-left: 0;
    margin-right: 20px;
    font-size: 12px;
  }

  .div-block-enterprise {
    flex-flow: column;
  }

  .div-chat-enterprise {
    justify-content: center;
    align-items: flex-start;
    width: 50%;
  }

  .div-text-enterprise {
    width: auto;
  }

  .paragraph-42-copy {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
  }

  .div-block-enterprise-text {
    flex-flow: column;
    width: 100%;
  }

  .div-enterprise {
    margin-top: 0;
  }

  .pricing-card-para-copy {
    font-size: 12px;
  }

  .slider-pricing {
    display: flex;
  }

  .button-primary-card-test, .button-secondary-card-test {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sc-wrap2-copy {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    min-width: 0;
  }

  .sc-wrap1-copy {
    max-width: 100%;
    margin-left: 0;
  }

  .ai-animation-copy {
    margin-top: 0;
    position: relative;
  }

  .ai-animation-wrapper-copy {
    width: 90%;
    margin-left: 0;
  }

  .div-block-317-copy {
    width: 100%;
  }

  .sc-heading-copy.align-left.white {
    margin-bottom: 20px;
    font-size: 52px;
    line-height: 68px;
  }

  .sc-heading-copy.align-centre.color-white {
    font-size: 52px;
    line-height: 68px;
  }

  .sc-heading-copy.align-centre._2-billion {
    font-size: 10vw;
    line-height: 12vw;
  }

  .sc-heading-copy.align-centre.subscribe-hr {
    font-size: 42px;
    line-height: 50px;
  }

  .scorm-creator-hero-copy {
    padding-right: 0;
  }

  .call-out-text-copy {
    text-align: center;
    width: 90%;
    padding-left: 0;
    padding-right: 0;
    font-size: 24px;
  }

  .call-out-text-copy._2billion {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-call-out-copy {
    display: flex;
  }

  .call-out-text-author {
    text-align: center;
    width: 90%;
    font-size: 16px;
  }

  .home-h2-copy {
    text-align: center;
    margin-top: 0;
    font-size: 32px;
  }

  .body-text-container-copy {
    width: auto;
  }

  .align-centre-copy {
    flex-direction: column;
  }

  .sc-heading-copy-m.align-left.white {
    margin-bottom: 20px;
    font-size: 52px;
    line-height: 68px;
  }

  .sc-heading-copy-m.align-centre {
    font-size: 10vw;
    line-height: 10vw;
  }

  .sc-heading-copy-m.align-centre.color-white {
    font-size: 52px;
    line-height: 68px;
  }

  .section-features-left, .section-feature-right {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .wrapper-feature {
    padding-left: 24px;
    padding-right: 24px;
  }

  .wrapper-feature.future {
    flex-flow: column;
  }

  .wrapper-text.ai {
    align-self: center;
    margin-left: 16px;
    margin-right: 16px;
  }

  .section-features-right, .section-features {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .section-features._2-billion._1 {
    margin-top: 0;
  }

  .featiure-animation {
    margin-top: 0;
    position: relative;
  }

  .feature-body-text {
    padding-left: 24px;
    padding-right: 24px;
  }

  .feature-body-text.ai {
    padding-left: 0;
    padding-right: 0;
  }

  .feature-heading-text {
    text-align: center;
    margin-top: 0;
    font-size: 32px;
  }

  .feature-heading-text.ai {
    text-align: left;
  }

  .section-partnership {
    padding-top: 120px;
    padding-bottom: 0;
  }

  .section-partnership.results {
    padding-top: 60px;
  }

  .section-feature-hero._2-billion {
    height: auto;
    padding-top: 24px;
    padding-bottom: 16px;
  }

  .wrapper-feature-hero {
    width: 100%;
  }

  .wrapper-hero-text {
    max-width: 100%;
    margin-left: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .wrapper-vid-hero {
    width: 95%;
    margin-left: 8px;
    margin-right: 8px;
  }

  .wrapper-logo-carousel {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .marquee-horizontal-large2 {
    height: 80px;
  }

  .image-partnership {
    width: 350px;
  }

  .wrapper-partnership {
    padding-left: 24px;
    padding-right: 24px;
  }

  .bg-blur-blue-hero {
    box-sizing: border-box;
    object-fit: fill;
    position: absolute;
    top: 54%;
  }

  .bg-blur-yellow-hero {
    top: 57%;
    right: 70%;
  }

  .bg-blur-pink-hero {
    top: 60%;
    right: 9%;
  }

  .section-ai-create {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .featiure-animation-academy, .featiure-animation-editor, .featiure-animation-reports {
    margin-top: 0;
    position: relative;
  }

  .section-txtandform {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .wrapper-hubspot-form {
    padding: 20px;
  }

  .section-speakers {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .wrapper-speaker {
    padding-left: 24px;
    padding-right: 24px;
  }

  .wrapper-speakers-all {
    width: auto;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-speaker {
    flex-direction: column;
  }

  .heading-speaker.date {
    font-size: 16px;
  }

  .section-date-time {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .heading-speaker-copy {
    flex-direction: column;
  }

  .section-what-to-expect {
    margin-top: 0;
    padding-top: 40px;
    display: block;
  }

  .wrapper-what-to-expect {
    flex-flow: column;
    display: flex;
  }

  .future-of-training-banner-mob {
    display: block;
  }

  .future-of-training-banner-desktop, .section-banner-future-of-training {
    display: none;
  }

  .wrapper-banner-date {
    justify-content: center;
    align-items: center;
    width: 30%;
  }

  .banner-img1-f-o-t {
    width: 30%;
  }

  .wrapper-banner-f-o-t2 {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    justify-content: center;
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .register-now-btn {
    justify-content: center;
    align-self: flex-end;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
  }

  .section-2-billion-in-skills {
    min-height: 800px;
  }

  .section-call-out-2-billion {
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
  }

  .wrapper-hero-text-2-billion {
    max-width: 100%;
    margin-left: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-txt-signup {
    justify-content: center;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
  }

  .div-trusted-by-signup {
    justify-content: center;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
    display: none;
  }

  .div-trusted-by-signup-copy {
    margin-bottom: 0;
    display: flex;
  }

  .demo-logos-wide {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .demo-logos-wide.centered {
    margin-bottom: 0;
  }

  .lp-section-2-text-wrapper-councils {
    width: auto;
  }

  .image-132-councils {
    width: 85%;
    margin-left: 0;
    position: relative;
    left: 0%;
  }

  .lp_council_section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .body-text-container-copy2 {
    width: auto;
  }

  .ai-heading-copy.at {
    text-align: left;
  }

  .body-text-container-copy3 {
    width: auto;
  }

  .partners-hero-section {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .partners-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .partners-wrapper {
    width: 60%;
  }

  .body-hero-partners, .heading-hero-partners, .partners-hero-button-wrapper {
    text-align: center;
  }

  .partners-cta-btn {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-partners-grad {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .section-partners-grad.results {
    padding-top: 60px;
  }

  .wrapper-partners {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .benefits-body-text {
    padding-left: 24px;
    padding-right: 24px;
  }

  .benefits-body-text.ai {
    padding-left: 0;
    padding-right: 0;
  }

  .benefits-body-text.left, .benefits-body-text.left.bold {
    padding-left: 0;
  }

  .benefits-body-text.left._50-width, .benefits-body-text.left._40-width {
    width: 70%;
    padding-left: 0;
    line-height: 24px;
  }

  .benefits-body-text.left._90 {
    width: 100%;
    line-height: 24px;
  }

  .benefits-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
    padding: 16px;
  }

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

  .partners-h2.at {
    text-align: left;
  }

  .wrapper-partners-heading {
    text-align: center;
    margin-top: 0;
    font-size: 32px;
  }

  .wrapper-partners-heading.ai {
    text-align: left;
  }

  .section-partners-dark {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .benefits-card-dark1 {
    padding: 16px;
  }

  .benefits-card-dark2 {
    background-position: 20%;
    padding: 16px;
  }

  .wrapper-partners-cards-horizontal {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .wrapper-partners-cards-vert {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
  }

  .benefits-card-dark3 {
    padding: 16px;
  }

  .benefits-card-dark4 {
    background-image: linear-gradient(#161429, #161429cc), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/67219b1b01bbcbc2423ab92c_avail-4.jpg");
    background-position: 0 0, 100% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
    width: 100%;
    padding: 16px;
    display: none;
  }

  .section-partners-light {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .program-cards {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
    padding: 20px 24px 24px;
  }

  .program-body-text {
    padding-left: 0;
    padding-right: 24px;
    line-height: 24px;
  }

  .program-body-text.ai {
    padding-left: 0;
    padding-right: 0;
  }

  .program-body-text.bold {
    font-size: 18px;
  }

  .program-cards-2 {
    width: 100%;
    padding: 20px 24px 24px;
  }

  .learn-more-btn {
    width: 150px;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .program-card-text-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .enablement-body-white {
    padding-left: 8px;
    padding-right: 8px;
  }

  .bold-text-27 {
    font-size: 14px;
  }

  .section-partners-faq {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .partners-faq-container {
    flex-direction: column;
  }

  .partners-modal-wrapper {
    display: none;
  }

  .partners-modal-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 24px;
  }

  .partners-modal-heading {
    padding-left: 24px;
    padding-right: 24px;
  }

  .partners-modal-heading.ai, .partners-modal-heading.bold {
    padding-left: 0;
    padding-right: 0;
  }

  .partners-modal-text {
    padding-left: 0;
    padding-right: 0;
    line-height: 24px;
  }

  .partners-modal-text.ai {
    padding-left: 0;
    padding-right: 0;
  }

  .partners-bullet-line-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    width: 100%;
  }

  .partners-modal-icons {
    width: 40px;
    height: 40px;
  }

  .partners-lines-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .partners-modal-h1 {
    text-align: center;
    margin-top: 0;
    font-size: 32px;
  }

  .partners-modal-h1.ai {
    text-align: left;
  }

  .partners-modal-h1-bold {
    width: 95%;
  }

  .partners-modal-h1-bold.at {
    text-align: left;
  }

  .partners-case1-line1 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .partners-case1-txt {
    padding-left: 0;
    padding-right: 0;
    line-height: 24px;
  }

  .partners-case1-txt.ai {
    padding-left: 0;
    padding-right: 0;
  }

  .partners-case1-img2-div {
    width: 100%;
  }

  .partners-case1-img3-div {
    width: 100%;
    height: 200px;
  }

  .partners-carousel-slides {
    vertical-align: top;
  }

  .icon-30 {
    margin-left: 0;
    margin-right: 0;
  }

  .partners-examples-heading {
    padding-left: 24px;
    padding-right: 24px;
  }

  .partners-examples-heading.ai {
    padding-left: 0;
    padding-right: 0;
  }

  .partners-modal-wrapper-2 {
    display: none;
  }

  .partners-case1-img2-div-copy {
    width: 100%;
    height: 210px;
  }

  .partners-case2-img-div {
    width: 100%;
    height: 200px;
  }

  .learn-more-btn-2 {
    width: 150px;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrapper-partners-cards-dark {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .wrapper-partners-cards-program {
    flex-flow: column;
  }

  .wrapper-partners-cards-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .partners-wrapper-hero {
    width: 100%;
  }

  .partners-wrapper-hero.subscribe-hr {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .partners-wrapper-hero-img {
    width: 100%;
  }

  .body-partners-2 {
    text-align: left;
  }

  .right-arrow-5 {
    justify-content: flex-end;
    align-items: center;
    display: block;
  }

  .icon-30-right {
    margin-left: 0;
    margin-right: 0;
    inset: 0% 0% 0% auto;
  }

  .left-arrow-5 {
    display: flex;
  }

  .benefits-card-dark4-mob {
    background-image: linear-gradient(#161429, #161429cc), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/67219b1b01bbcbc2423ab92c_avail-4.jpg");
    background-position: 0 0, 100% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
    width: 100%;
    padding: 16px;
    display: flex;
  }

  .wrapper-hero-text-subscribe {
    max-width: 100%;
    margin-left: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .subscribe-hr-list {
    padding-left: 24px;
  }

  .section-partners-list {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .wrapper-partners-logo {
    flex-flow: row;
  }

  .partners-logo-text {
    padding-left: 0;
    padding-right: 24px;
    line-height: 24px;
  }

  .partners-logo-text.ai {
    padding-left: 0;
    padding-right: 0;
  }

  .partners-logo-text.bold {
    font-size: 18px;
  }

  .div-partner-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .partners-hero-section-1 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 479px) {
  p {
    font-size: 13px;
    font-weight: 400;
  }

  .blog-section.post-hero-section {
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .blog-section.promo-section {
    height: 148vw;
  }

  .blog-section.template {
    padding-left: 0;
    padding-right: 0;
  }

  .button.small {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-top: 8px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .button.contact-button {
    align-self: stretch;
  }

  .button.cta {
    width: auto;
  }

  .no-margin {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
  }

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

  .footer-v1 {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .page-wrapper {
    overflow: visible;
  }

  .sg-button-block {
    width: 100%;
  }

  .sg-button-wrapper {
    padding-left: 20%;
    padding-right: 20%;
  }

  .sg-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .instagram-photos {
    flex-wrap: wrap;
  }

  .instagram-photo-wrapper {
    width: 33.33%;
  }

  .thumbnail-medium {
    height: 64vw;
  }

  .post-info.slider-v2-info {
    justify-content: center;
  }

  .post-v5 {
    width: 100%;
  }

  .post-rich-text blockquote {
    padding: 8px 0 8px 24px;
  }

  .up-button {
    display: none;
  }

  .sidebar {
    flex: 1;
    width: auto;
  }

  .slider-v2 {
    height: 120vw;
  }

  .slide-v2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .slider-arrow {
    display: none;
  }

  .post-v5-medium, .post-v5-small, .post-v5-big {
    min-height: 90vw;
  }

  .slide-v2-heading {
    font-size: 22px;
    line-height: 32px;
  }

  .search-result-thumbnail {
    width: 100%;
    height: 64vw;
  }

  .search-result-item {
    flex-direction: column;
  }

  .search-result-info {
    padding-top: 24px;
    padding-left: 0;
  }

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

  .subscribe-v1-grid {
    grid-template-columns: 100%;
  }

  .nav-link-5 {
    width: 100%;
  }

  .protected-card {
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
    padding: 48px;
  }

  .footer-v2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .footer-v2-social {
    margin-top: 20px;
  }

  .subscribe-v1 {
    padding: 32px;
  }

  .layouts {
    display: block;
  }

  .layout {
    margin-bottom: 40px;
  }

  .layout-thumb {
    max-height: 120vw;
  }

  .licence-item {
    flex-direction: column;
    padding-top: 48px;
  }

  .licence-info {
    text-align: center;
    margin-top: 16px;
    padding-left: 0;
  }

  .post-tags {
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-brand-v1 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .nav-brand-v1.w--current {
    flex: none;
  }

  .search-form-input:focus {
    width: 100%;
  }

  .nav-logo {
    height: 25px;
  }

  .nav-right {
    padding-left: 0;
  }

  .search-form {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-v1-brand.w--current {
    flex: none;
  }

  .footer-v1-column {
    padding-left: 8px;
    padding-right: 8px;
  }

  .thumbnail-small {
    height: 64vw;
  }

  .post-card-v2-big {
    height: 112vw;
    padding: 24px;
  }

  .post-card-v2-medium, .post-card-v2-small {
    height: 112vw;
  }

  .thumbnail-huge {
    height: 64vw;
  }

  .grid-v1 {
    grid-row-gap: 41px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .slider-v5 {
    height: 288px;
  }

  .slider-v5-wrapper {
    flex-wrap: wrap;
    display: block;
  }

  .slider-v5-header {
    border-bottom: 1px solid var(--grey-4);
    border-right-style: none;
    width: auto;
    height: 32px;
  }

  .slider-v5-arrow {
    display: none;
  }

  .slider-v5-nav {
    line-height: 12px;
    display: block;
  }

  .slide-v5-post {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 32px;
  }

  .slide-v5-post-content {
    padding-top: 16px;
    padding-left: 0;
  }

  .slider-v5-header-text {
    transform: none;
  }

  .post-v3-card {
    display: block;
  }

  .post-v3-thumbnail {
    width: auto;
    height: 64vw;
    display: block;
  }

  .post-v3-content {
    padding-left: 0;
  }

  .post-v3-heading {
    margin-top: 16px;
  }

  .connect {
    justify-content: flex-start;
  }

  .connect-link {
    flex: 0 auto;
  }

  .grid-small {
    grid-template-columns: repeat(auto-fit, minmax(80vw, 1fr));
  }

  .grid-medium {
    grid-row-gap: 32px;
    grid-template-columns: repeat(auto-fit, minmax(80vw, 1fr));
  }

  .post-hero-content {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .post-share {
    display: none;
  }

  .grid-mini {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }

  .post-body {
    display: block;
  }

  .post-subscribe {
    max-width: none;
    padding: 32px;
  }

  .slide-v3 {
    width: 100%;
  }

  .subscribe-v2 {
    padding: 40px 32px;
  }

  .subscribe-grid-v2 {
    grid-template-columns: repeat(auto-fit, 100%);
    grid-auto-flow: row dense;
  }

  .post-card-v2-max {
    height: 112vw;
    padding: 24px;
  }

  .grid-scroll-list {
    padding-left: 0;
    padding-right: 0;
  }

  .page-intro {
    max-width: none;
    padding-left: 8px;
    padding-right: 8px;
  }

  .contact-form {
    grid-template-columns: 1fr;
  }

  .grid-full-medium {
    grid-template-columns: repeat(auto-fit, 100%);
  }

  .post-card-v3-medium {
    height: 120vw;
    padding: 24px;
  }

  .slider-v4 {
    height: 336px;
    padding-top: 88px;
    padding-left: 0;
  }

  .slider-v4-info {
    text-align: center;
    width: 100%;
    height: 88px;
    inset: 0% 0% auto;
  }

  .slider-v4-arrow {
    display: none;
  }

  .slide-v4-info {
    padding-top: 16px;
    padding-left: 0;
  }

  .slide-v4-post {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .slider-v4-nav {
    line-height: 12px;
    display: block;
  }

  .team-grid {
    grid-template-columns: repeat(auto-fit, 100%);
  }

  .team-member-photo {
    height: 60vw;
  }

  .subscribe-popup-grid {
    grid-row-gap: 16px;
    grid-template-columns: 100%;
  }

  .search-results {
    margin-left: -8px;
    margin-right: -8px;
    padding: 56px 16px;
  }

  .slider-v1 {
    height: 136vw;
  }

  .slide-v1 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .slide-v1-heading {
    font-size: 22px;
    line-height: 32px;
  }

  .grid-v3-side-post {
    width: 100%;
    margin-top: 24px;
  }

  .grid-v3-column {
    margin-top: 0;
    padding-top: 0;
  }

  .floating-slider {
    width: 71vw;
    margin-top: 2vw;
    margin-left: -31vw;
  }

  .floating-author {
    width: 35vw;
    margin-right: -8vw;
  }

  .floating-post-small {
    width: 33vw;
    margin-top: 10vw;
    margin-left: 39vw;
  }

  .floating-post {
    width: 34vw;
  }

  .floating-subscribe {
    width: 45vw;
    margin-bottom: 8vw;
    margin-left: -9vw;
  }

  .floating-post-big {
    width: 47vw;
    margin-bottom: 2vw;
  }

  .floating-slider-list {
    width: 91vw;
    margin-top: 30vw;
    margin-right: -56vw;
  }

  .nav-brand-v2 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .nav-brand-v2.w--current {
    flex: none;
  }

  .nav-right-v2 {
    padding-left: 0;
  }

  .contact-v2-info {
    flex: 0 auto;
    width: 100%;
  }

  .promo-layout {
    width: 54%;
    margin-bottom: -15%;
  }

  .responsive-promo {
    padding-bottom: 0;
  }

  .iphone {
    width: 46vw;
    top: 12vw;
    left: 2vw;
  }

  .side-info-left {
    padding-left: 0%;
    padding-right: 0%;
  }

  .iphone-circle {
    width: 82vw;
    height: 82vw;
  }

  .post-layouts {
    margin-left: 0%;
    margin-right: 0%;
  }

  .post-layout-1 {
    width: 72%;
    margin-left: -11%;
  }

  .post-layout-2 {
    right: 0%;
  }

  .grid-tabs-menu {
    justify-content: center;
    display: flex;
  }

  .grid-previews {
    grid-column-gap: 20px;
  }

  .nav-brand-v3 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .nav-brand-v3.w--current {
    flex: none;
  }

  .nav-right-v3 {
    padding-left: 0;
  }

  .nav-layouts {
    margin-top: -40px;
    padding-left: 24px;
    padding-right: 24px;
    display: block;
  }

  .nav-layout {
    margin-top: 40px;
  }

  .nav-layout-heading {
    margin-bottom: 32px;
  }

  .nav-layout-gradient {
    height: 80px;
  }

  .testimonial-slide {
    width: 100%;
  }

  .testimonial {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 32px;
    display: block;
  }

  .testimonial-content {
    padding-top: 20px;
    padding-left: 0;
  }

  .testimonial-info {
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .testimonial-rating {
    justify-content: flex-start;
    width: 100%;
    margin-top: 4px;
    margin-left: -9px;
    margin-right: 0;
    position: relative;
  }

  .promo-layout-side {
    left: 3%;
  }

  .promo-layout-side.right {
    right: 3%;
  }

  .grid-full-big {
    grid-template-columns: repeat(auto-fit, 100%);
  }

  .post-card-v3-big {
    height: 120vw;
    padding: 24px;
  }

  .instagram-grid {
    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  }

  .big-image-section {
    height: 120vw;
  }

  .grid-sticky-info {
    max-width: none;
  }

  .pricing {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .pricing-bottom-text {
    max-width: none;
  }

  .pricing-card {
    padding: 41px 12%;
  }

  .question {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .faq-card {
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-2 {
    max-width: 100%;
  }

  .thumbnail-max {
    height: 64vw;
  }

  .dropdown-post-grid {
    grid-template-columns: repeat(auto-fit, minmax(80vw, 1fr));
  }

  .message-popup, .post-popup {
    width: auto;
    margin-right: 12px;
  }

  .cookies-popup {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .cookies-text {
    width: 100%;
    margin-left: 0;
    padding-bottom: 10px;
    padding-right: 0;
    display: block;
  }

  .cookie-div-block {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .button-cookie.small {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 8px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .button-cookie.contact-button {
    align-self: stretch;
  }

  .button-cookie.cta {
    width: auto;
  }

  .button-cookie.small-cookie {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 8px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .container-12 {
    max-width: 100%;
  }

  .h1 {
    max-width: 90%;
    font-size: 36px;
    line-height: 46px;
  }

  .subtitle {
    width: 90%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 20px;
    line-height: 32px;
  }

  .image-13 {
    width: 100%;
  }

  .link-block-2 {
    width: 50%;
  }

  .navbar-container-2 {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-2 {
    grid-column-gap: 3vh;
    grid-row-gap: 35px;
  }

  .image-7 {
    max-width: 100%;
  }

  .container-5 {
    max-width: 90%;
  }

  .heading-2 {
    font-size: 36px;
    line-height: 46px;
  }

  .icon-2, .icon {
    display: none;
  }

  .container-11 {
    max-width: 90%;
  }

  .grid-3 {
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .container-6 {
    justify-content: flex-start;
    max-width: 90%;
  }

  .container-13 {
    flex-direction: column;
    justify-content: center;
    max-width: 90%;
    display: block;
  }

  .check-icon-v-2 {
    margin-left: 10px;
  }

  .body-p {
    width: 100%;
    font-size: 16px;
    line-height: 26px;
  }

  .body-p.color-white.align-centre {
    font-size: 26px;
  }

  .heading-3 {
    width: 95%;
    font-size: 36px;
    line-height: 46px;
  }

  .small-feature.margin-top {
    justify-content: center;
    margin-right: 0;
  }

  .small-feature.margin-top.left {
    justify-content: flex-start;
  }

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

  .image-9 {
    max-width: 100%;
  }

  .section-11.dark {
    background-position: 30% 100%;
    background-size: cover;
    padding-top: 0;
  }

  .section-11.hero {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-11.dark {
    padding-top: 20px;
  }

  .title-container {
    max-width: 100%;
  }

  .h2.white {
    width: 90%;
    font-size: 36px;
    line-height: 46px;
  }

  .footer-2 {
    justify-content: center;
  }

  .footer-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    place-items: center;
  }

  .logo-icon-2 {
    text-align: center;
  }

  .h1-3 {
    max-width: 90%;
    font-size: 28px;
    line-height: 36px;
  }

  .container-14 {
    flex-direction: column;
    max-width: 95%;
  }

  .background-video-4 {
    object-fit: cover;
    justify-content: center;
    max-width: none;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .div-block {
    width: 90%;
  }

  .section-12 {
    flex-direction: column;
    display: flex;
  }

  .container-15 {
    flex-direction: column-reverse;
    align-items: center;
  }

  .h1-3-copy {
    max-width: 90%;
    font-size: 32px;
    line-height: 46px;
  }

  .paragraph-copy {
    width: 100%;
    font-size: 16px;
  }

  .paragraph-3 {
    width: 99.9998%;
  }

  .image-14 {
    object-fit: contain;
    width: 100%;
    max-width: 100%;
  }

  .image-16 {
    object-fit: contain;
  }

  .grid-3-copy {
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .container-17 {
    border-radius: 20px;
    flex-direction: column;
    max-width: 90%;
    height: 140px;
    max-height: 200px;
  }

  .grid-2-copy {
    grid-column-gap: 3vh;
    grid-row-gap: 35px;
  }

  .container-12-copy {
    max-width: 100%;
  }

  .primary-button-copy {
    height: 40px;
    margin-top: 10px;
    display: none;
  }

  .primary-button-copy.demo {
    align-self: center;
    height: auto;
  }

  .section-11-copy.dark, .section-11-copy.dark-copy {
    background-position: 30% 100%;
    background-size: cover;
  }

  .container-17-copy {
    border-radius: 20px;
    flex-direction: column;
    max-width: 90%;
  }

  .subtitle-copy {
    width: 75%;
    margin-top: 10px;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 20px;
    line-height: 32px;
  }

  .section-10-copy {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 60px;
    display: flex;
  }

  .image-11-copy {
    max-width: 95%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .heading-11 {
    font-size: 32px;
    line-height: 38px;
  }

  .brand-2 {
    width: 140px;
    padding-left: 0;
  }

  .nav-menu-2 {
    width: 100vw;
  }

  .footer-middle {
    grid-template-columns: 100px 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: space-between stretch;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .column-3 {
    padding-left: 0;
  }

  .container-default {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .lightbox-link-2 {
    top: -22px;
    left: 0;
  }

  .flex-container {
    max-width: 95%;
  }

  .lp_button_navi {
    width: 140px;
    height: 42px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 42px;
    display: inline-block;
  }

  .hero {
    margin-bottom: 30px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .button-copy-copy {
    margin-left: 0;
    display: inline-block;
    position: relative;
    top: 20px;
  }

  .subtitle-2 {
    width: 320px;
    margin: 10px auto 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .h1-4 {
    max-width: 100%;
    font-size: 36px;
    line-height: 46px;
  }

  .paragraph-4 {
    width: 100%;
    margin-right: 0;
    font-size: 16px;
  }

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

  .pricing-details-2 {
    width: 100%;
    margin-bottom: 0;
    position: relative;
    left: auto;
  }

  .container-22 {
    justify-content: flex-start;
    max-width: 90%;
    margin-top: 0;
  }

  .heading-13 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 32px;
  }

  .grid-5 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
    display: block;
  }

  .heading-14 {
    width: 100%;
    font-size: 24px;
    line-height: 32px;
  }

  .primary-button-2 {
    height: 40px;
  }

  .container-23 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-menu-3 {
    background-color: #fff;
  }

  .button-copy-3, .button-6 {
    justify-content: center;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .submit-button-2 {
    clear: none;
    width: 80%;
    min-width: 80%;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .small-container.hero {
    width: 100%;
  }

  .h1-5 {
    min-width: 100%;
    max-width: 100%;
    font-size: 32px;
    line-height: 42px;
  }

  .form-block-2 {
    width: 300px;
    height: 450px;
  }

  .container-24 {
    width: 95%;
    min-width: 95%;
    max-width: 95%;
    padding-left: 0;
    padding-right: 0;
  }

  .growth-video-form {
    min-width: 100%;
    max-width: 100%;
    height: 460px;
    padding-top: 3px;
    padding-left: 0;
    padding-right: 0;
  }

  .two-col-grid.max-width {
    min-width: 100%;
    max-width: 100%;
  }

  .form-2-copy, .form-2-copy-copy {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .creator-video-form {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .section-11-copy.dark {
    background-position: 30% 100%;
    background-size: cover;
  }

  .section-11-copy.hero, .section-11-copy.hero-copy, .section-11-copy.hero-copy-copy, .section-11-copy.hero-copy-copy {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .creator {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .creator-bg.dark {
    background-position: 30% 100%;
    background-size: cover;
  }

  .creator-bg.hero, .creator-bg.hero-copy {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ceator-form {
    min-width: 100%;
    max-width: 100%;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .h2-copy.white {
    width: 90%;
    font-size: 36px;
    line-height: 46px;
  }

  .section-11-copy-copy.hero, .section-11-copy-copy.hero-copy {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .two-col-grid-copy.max-width {
    min-width: 100%;
    max-width: 100%;
  }

  .h3.white {
    width: 90%;
    font-size: 36px;
    line-height: 46px;
  }

  .h1-6 {
    min-width: 100%;
    max-width: 100%;
    font-size: 42px;
    line-height: 46px;
  }

  .container-25 {
    width: 95%;
    min-width: 95%;
    max-width: 95%;
    padding-left: 0;
    padding-right: 0;
  }

  .form-2 {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .h1-7 {
    min-width: 100%;
    max-width: 100%;
    font-size: 24px;
    line-height: 32px;
  }

  .container-26 {
    padding-left: 0;
    padding-right: 0;
  }

  .button-secondary-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 19px;
  }

  .button-secondary-2.button-white {
    width: 48%;
    padding-left: 20px;
  }

  .careers---page-wrapper {
    overflow: hidden;
  }

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

  .button-row.center.left-mobile {
    align-items: center;
  }

  .section-20 {
    padding-top: 116px;
    padding-bottom: 116px;
  }

  .section-20.logos-strip-section {
    padding-top: 49px;
    padding-bottom: 49px;
  }

  .mg-top-48px {
    overflow: auto;
  }

  .button-primary {
    width: 100%;
  }

  .button-primary.button-white {
    padding-left: 32px;
    padding-right: 32px;
  }

  .button-primary.yellow {
    justify-content: space-between;
    width: auto;
    height: auto;
    padding-left: 24px;
    padding-right: 24px;
    display: block;
  }

  .button-primary.yellow.demo {
    width: 100%;
  }

  .color-white {
    align-self: center;
    margin-left: 0;
    margin-right: 0;
  }

  .color-white.align-centre {
    text-align: center;
    margin-bottom: 10px;
  }

  .color-white.align-centre.councils {
    width: auto;
    font-size: 36px;
    line-height: 42px;
  }

  .color-white.createsharetrack_p {
    margin-left: 0;
    margin-right: 0;
  }

  .color-white.signup_bullets {
    width: 100%;
  }

  .post-detail {
    font-size: 16px;
    line-height: 18px;
  }

  .grid-4-columns.blog-post-details {
    grid-column-gap: 20px;
  }

  .grid-4-columns.card-table {
    grid-template-columns: 1fr .6fr;
  }

  .arrow-link-circle.slide {
    display: none;
  }

  .image-19 {
    margin-bottom: 30px;
  }

  .heading-15 {
    margin-top: -30px;
    font-size: 17px;
  }

  .banner-text {
    min-width: auto;
  }

  .slide-nav {
    margin-bottom: 30px;
  }

  .list {
    font-size: 14px;
    line-height: 20px;
  }

  .container-28 {
    max-width: 90%;
    display: block;
  }

  .section-23 {
    margin-top: 20px;
    display: block;
  }

  .section-24 {
    padding-top: 20px;
  }

  .paragraph-10 {
    font-size: 17px;
    line-height: 27px;
  }

  .grid-7-laptop-copy {
    margin-top: 0;
  }

  .pricing-details-2-copy {
    width: 100%;
    margin-bottom: 0;
    position: relative;
    left: auto;
  }

  .flex-container-2 {
    max-width: 9095%;
  }

  .div-block-7 {
    align-items: center;
    max-width: 80%;
    margin-right: 0;
  }

  .heading-19 {
    margin-bottom: 20px;
  }

  .grid-8 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .paragraph-4-copy {
    width: 100%;
    margin-right: 0;
    font-size: 16px;
  }

  .p-button {
    width: 100%;
  }

  .container-33 {
    max-width: 95%;
  }

  .container-34 {
    max-width: 100%;
  }

  .div-block-9 {
    margin-bottom: 0;
  }

  .video-3 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .div-block-10 {
    flex-direction: column;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    display: flex;
  }

  .paragraph-4-copy-copy {
    width: 100%;
    margin-right: 0;
    font-size: 16px;
  }

  .section-11-copy-copy.dark {
    background-position: 30% 100%;
    background-size: cover;
  }

  .section-11-copy-copy.hero, .section-11-copy-copy.hero-copy, .section-11-copy-copy.hero-copy-copy, .section-11-copy-copy.hero-copy-copy {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-12, .div-block-13 {
    padding: 20px;
  }

  .heading-23 {
    font-size: 21px;
    line-height: 28px;
  }

  .div-block-17 {
    padding: 20px;
  }

  .paragraph-13 {
    font-size: 21px;
    line-height: 28px;
  }

  .div-block-20 {
    max-width: 90%;
  }

  .button-copy-5 {
    display: inline-block;
  }

  .grid-8-copy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .h2_new {
    font-size: 20px;
    line-height: 30px;
  }

  .h2_new._100 {
    text-align: center;
    width: 100%;
  }

  .gradient-stripe {
    width: 100%;
    height: 100px;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 0;
  }

  .lp_hero-image {
    width: auto;
    height: 200px;
    margin-top: 40px;
    display: none;
  }

  .section-37 {
    padding: 20px 10px;
  }

  .lp_h1 {
    width: 320px;
    max-width: 100%;
    font-size: 24px;
    line-height: 30px;
  }

  .lp_h2 {
    font-size: 32px;
    line-height: 42px;
  }

  .lp_h2.align-centre {
    font-size: 32px;
    display: none;
  }

  .lp_h2.align-centre.color-white.lp2 {
    margin-bottom: 24px;
    display: block;
  }

  .lp_h2.white {
    margin-bottom: 0;
  }

  .lp_h2.lp2-gradient {
    text-align: center;
  }

  .div-block-26 {
    grid-column-gap: 10px;
    grid-template-columns: minmax(40px, .25fr) 1.75fr;
    width: auto;
    max-width: 330px;
  }

  .image-33 {
    width: 32px;
    height: 32px;
  }

  .heading-28 {
    font-size: 16px;
  }

  .lp_paragraph {
    font-size: 14px;
    line-height: 20px;
  }

  .div-block-27 {
    min-width: auto;
  }

  .section-38 {
    padding: 40px 10px;
    display: none;
  }

  .section-38-copy {
    padding: 20px 10px;
  }

  .lp_h2-centre {
    font-size: 24px;
    line-height: 30px;
  }

  .div-block-30 {
    margin-top: 20px;
  }

  .image-35 {
    width: 40px;
    height: 40px;
  }

  .heading-29 {
    align-self: center;
    font-size: 14px;
    line-height: 20px;
  }

  .section-39 {
    height: 480px;
    padding: 20px 10px;
  }

  .div-block-33 {
    width: 400px;
    top: 151px;
    left: 8px;
  }

  .heading-30, .heading-31 {
    font-size: 16px;
    line-height: 24px;
  }

  .paragraph-17 {
    font-size: 14px;
    line-height: 20px;
  }

  .image-37 {
    width: auto;
  }

  .section-40 {
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .div-block-36 {
    grid-column-gap: 11px;
    flex: 1;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-top: 20px;
  }

  .div-block-37 {
    width: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-37.navi {
    width: 140px;
    padding-top: 40px;
  }

  .div-block-38 {
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-37-copy {
    width: 140px;
    padding-top: 10px;
  }

  .heading-29-copy {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .lp_h2_300 {
    width: auto;
    margin-top: 20px;
    margin-left: 0;
    font-size: 24px;
    line-height: 30px;
    position: static;
    top: 34px;
    left: 0%;
  }

  .link-block-4 {
    max-width: 50%;
    margin-left: 10px;
  }

  .section-41 {
    padding: 20px 10px;
  }

  .div-block-40 {
    width: 314px;
  }

  .div-block-41 {
    width: 320px;
  }

  .lp_button_navi-copy {
    display: block;
  }

  .div-block-41-copy, .div-block-41-copy.viking, .div-block-40-copy {
    width: 320px;
  }

  .lp_button_line-copy {
    display: block;
  }

  .section-42 {
    padding: 40px 10px 60px;
  }

  .lp_h1-form {
    max-width: 100%;
    font-size: 24px;
    line-height: 30px;
  }

  .lp_hero {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-44 {
    width: 294px;
    height: 454px;
  }

  .image-39 {
    margin-left: 10px;
  }

  .div-block-45 {
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-38-copy-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .subtitle-2-copy {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 0;
    font-size: 17px;
    line-height: 32px;
  }

  .subtitle-icon {
    font-size: 14px;
    line-height: 20px;
  }

  .lp_h2_absolute {
    width: 160px;
    font-size: 24px;
    line-height: 30px;
    top: auto;
    left: 48%;
  }

  .lightbox-link-6 {
    width: 140px;
    height: 42px;
    left: 53%;
  }

  .link-block-5 {
    width: 140px;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .div-block-46 {
    width: auto;
    left: 0;
  }

  .growth-video-form-copy {
    min-width: 100%;
    padding: 10px;
  }

  .form-block-2-copy {
    width: 300px;
    height: 450px;
  }

  .growth-video-form-creator {
    min-width: 100%;
    padding: 10px;
  }

  .cs_painchek_section {
    height: auto;
  }

  .cs_painchek_section.cs_painchek_section_display {
    align-items: center;
  }

  .div-block-49 {
    padding-bottom: 0;
    display: block;
  }

  .div-block-51 {
    width: auto;
    margin-left: auto;
  }

  .paragraph-23 {
    width: auto;
  }

  .cs_painchek_button {
    width: 140px;
    height: 42px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 42px;
    display: block;
  }

  .div-block-58 {
    min-width: auto;
    height: auto;
  }

  .div-block-59 {
    margin-left: 0;
  }

  .div-block-60 {
    max-width: 90%;
  }

  .h1_new.align_centre {
    font-size: 42px;
    line-height: 50px;
  }

  .image-42 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-61 {
    margin-top: 0;
    top: 0;
  }

  .section-43 {
    height: auto;
    padding: 10px;
    position: static;
    top: 1148px;
  }

  .div-block-62 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-content: center;
  }

  .text-block-12 {
    font-size: 14px;
    display: inline-block;
  }

  .cs_painchek_stats_h1 {
    font-size: 48px;
  }

  .cs_painchek_stats_h2 {
    font-size: 28px;
  }

  .case-studies-read-more-content-wrapper {
    height: 360px;
  }

  .button-11 {
    margin-left: 20px;
  }

  .cs_painchek_button_watch-video {
    width: 140px;
    height: 42px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 42px;
    display: inline-block;
  }

  .section-44 {
    height: 0;
  }

  .div-block-68 {
    margin-bottom: 0;
  }

  .div-block-69 {
    width: 333.778px;
    height: 200px;
    display: none;
  }

  .heading-41 {
    font-size: 16px;
  }

  .lp_paragraph-2 {
    font-size: 14px;
    line-height: 20px;
  }

  .lp_h2-2 {
    font-size: 24px;
    line-height: 30px;
  }

  .lp_h1-form-2 {
    max-width: 100%;
    font-size: 24px;
    line-height: 30px;
  }

  .p-button-2 {
    width: 100%;
  }

  .section-45 {
    padding: 40px 10px 60px;
  }

  .div-block-71 {
    margin-top: 60px;
  }

  .section-46 {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .nunito-300-36px {
    text-align: left;
    margin-bottom: 0;
    font-size: 32px;
  }

  .body-big.color-white.align-centre {
    font-size: 16px;
  }

  .div-block-72 {
    margin-right: 0;
  }

  .nunito-300-58px {
    font-size: 42px;
    line-height: 50px;
  }

  .courses-button {
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    display: inline-block;
  }

  .professional-cards {
    padding-left: 20px;
    padding-right: 20px;
  }

  .courses---sticky-banner-wrapper {
    background-image: none;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 0;
    margin-top: 0;
    padding: 0;
  }

  .grid-9 {
    grid-template-columns: minmax(max-content, max-content) 3.5fr;
  }

  .nunito-sans-600-21px {
    font-size: 18px;
  }

  .grid-10 {
    grid-template-rows: minmax(max-content, 1fr) auto;
    justify-content: stretch;
    justify-items: center;
  }

  .image-47 {
    height: 36px;
  }

  .caption {
    text-align: center;
    font-size: 11px;
  }

  .footer-tilt-line-content-wrapper {
    width: auto;
    display: flex;
  }

  .section-courses-page-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .courses---section-2-wrapper {
    height: auto;
  }

  .div-block-93 {
    padding-left: 20px;
  }

  .div-block-74-copy {
    width: auto;
  }

  .grid-12 {
    grid-template-rows: minmax(auto, min-content) minmax(auto, min-content) minmax(auto, min-content) minmax(auto, min-content) minmax(auto, min-content);
  }

  .richtext_body-p {
    width: 100%;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .image-52 {
    display: none;
  }

  .section-courses-posts-template-banner {
    padding-bottom: 20px;
  }

  .image-52-copy {
    display: none;
  }

  .navbar-website {
    justify-content: space-around;
    align-items: center;
  }

  .navbar-main-section-wrapper {
    display: block;
  }

  .grid-2-columns-2.big-links-footer {
    grid-template-columns: .6fr;
  }

  .grid-2-columns-2.contact-links.v2 {
    grid-template-columns: 1fr;
  }

  .button_login {
    width: 280px;
    display: none;
  }

  .nunito-sans-600-14px {
    font-size: 18px;
  }

  .body_small {
    width: 100%;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

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

  .cards-grid-container {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .collection-list {
    grid-template-columns: minmax(320px, 1fr);
  }

  .grid-medium_course {
    grid-row-gap: 32px;
    grid-template-columns: repeat(auto-fit, minmax(80vw, 1fr));
  }

  .controls {
    margin-bottom: -47px;
    font-size: 10px;
  }

  .slider.mg-top-56px {
    margin-top: 0;
    overflow: hidden;
  }

  .slider-mask.about-images {
    max-width: 370px;
  }

  .slider-item {
    width: 320px;
  }

  .hero-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tilt-background {
    height: 950px;
  }

  .grid-mini-copy {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }

  .courses-cms-list {
    grid-row-gap: 32px;
    grid-template-columns: repeat(auto-fit, minmax(80vw, 1fr));
  }

  .button_login-copy, .button-4-copy {
    width: 280px;
    display: block;
  }

  .div-block-122 {
    display: none;
  }

  .d-31-card {
    width: 275px;
  }

  .lp_section {
    padding: 40px 20px;
  }

  .lp_section.display-2-vertical {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lp_section.display-2-vertical.max-100 {
    height: 300px;
  }

  .lp_body-b.white {
    font-size: 16px;
    line-height: 26px;
  }

  .lp_button {
    display: flex;
  }

  .lp_grid {
    margin-top: 20px;
  }

  .lp_grid-2 {
    grid-template-columns: 3.5fr;
  }

  .div-block-124 {
    grid-column-gap: 0px;
    width: auto;
    margin-top: 20px;
  }

  .image-63 {
    width: 67.5px;
    height: 56.25px;
  }

  .image-64 {
    width: 67.5px;
    height: 56.25px;
    margin-top: -20px;
  }

  .image-65 {
    width: 67.5px;
    height: 56.25px;
  }

  .image-66 {
    width: 67.5px;
    height: 56.25px;
    margin-top: -20px;
  }

  .image-67 {
    width: 93.75px;
    height: 78.75px;
  }

  .courses-completed {
    width: 122.625px;
    height: 37.5px;
    top: 71%;
  }

  .main-device {
    width: 328.875px;
    height: 187.875px;
  }

  .andrew-card {
    width: 75px;
    height: 97.5px;
    top: 5%;
    left: 82%;
  }

  .andrew-complete-course {
    width: 108px;
    height: 15.75px;
    top: 61%;
  }

  .panel {
    width: 84px;
    height: 87.375px;
    top: 37%;
    left: 2%;
  }

  .image-71 {
    margin-top: -10px;
  }

  .lp_hero-onboarding {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .growth-video-block {
    width: 100%;
  }

  .div-block-128 {
    width: 36px;
    height: 36px;
  }

  .div-block-132 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .color-primary-grid, .color-neutral-grid {
    grid-template-columns: 1fr;
  }

  .style-guide-subheader {
    padding-left: 20px;
    padding-right: 20px;
  }

  .icons-grid {
    grid-template-columns: repeat(auto-fit, 60px);
  }

  .header-logo {
    width: 114px;
    margin-right: 21px;
  }

  .section-styleguide {
    padding-top: 118px;
    padding-bottom: 32px;
  }

  .menu-button-4 {
    margin-left: 13px;
    font-size: 26px;
  }

  .hamburger-menu-line {
    width: 34px;
  }

  .style-guide-header {
    padding: 40px 20px;
  }

  .grid-3-columns.dropdown {
    grid-template-columns: auto;
  }

  .style-guide-content-wrapper {
    padding: 60px 20px;
  }

  .container-default-2 {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .paragraph-large {
    font-size: 16px;
    line-height: 28px;
  }

  .footer-middle-2 {
    grid-template-columns: auto;
  }

  .glossary-menu-grid {
    grid-column-gap: 2px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
  }

  .alphabetical-menu, .alphabetical-menu.w--current {
    padding-left: 4px;
    padding-right: 4px;
  }

  .div-block-134 {
    padding-top: 20px;
    padding-bottom: 20px;
    top: 240px;
  }

  .paragraph-29 {
    font-size: 16px;
  }

  .glossary-subheader {
    padding-left: 20px;
    padding-right: 20px;
    top: 182px;
  }

  .glossary-section_number {
    margin-top: -180px;
    padding-top: 180px;
  }

  .glossary-content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    top: -240px;
  }

  .glossary-sidebar-copy {
    background-color: var(--white);
  }

  .section-glossary {
    padding-top: 20px;
    padding-bottom: 32px;
  }

  .div-block-easily-create-online-training {
    flex-direction: row;
    justify-content: center;
  }

  .gradient-stripe-easilly-create-online-training {
    width: 100%;
    height: 100px;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    top: 0;
    overflow: hidden;
  }

  .video-lightbox-icon {
    height: 20px;
  }

  .hero-video-lightbox {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .hero-description-title {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 20px;
  }

  .about-us.hero-container {
    max-width: 90%;
    padding: 20px;
  }

  .video-lightbox-button {
    width: 50px;
    height: 50px;
    padding-top: 13px;
  }

  .video-lightbox-button.large-color {
    width: 60px;
    height: 60px;
    padding-top: 17px;
  }

  .hero-block-overlay {
    padding: 90px 25px 40px;
  }

  .hero-block-overlay.business {
    object-fit: contain;
    object-position: 100% 100%;
    padding: 420px 0 20px;
    display: none;
  }

  .large-hero-title {
    font-size: 23px;
    line-height: 26px;
  }

  .nunito-300-58px-white {
    font-size: 42px;
    line-height: 50px;
  }

  .body-big-white {
    min-width: 70%;
    min-height: 70%;
  }

  .section-50 {
    padding: 25px 0;
  }

  .section-title {
    font-size: 25px;
    line-height: 26px;
  }

  .button-13 {
    margin-top: 10px;
    padding-left: 19px;
    padding-right: 19px;
    font-size: 11px;
    line-height: 21px;
  }

  .section-description {
    margin-top: 14px;
    font-size: 15px;
    line-height: 23px;
  }

  .section-description.in-column {
    margin-bottom: 10px;
    font-size: 17px;
  }

  .overall-video-lightbox {
    height: 140px;
  }

  .image-section-overlay {
    object-fit: cover;
    object-position: 100% 50%;
    overflow: visible;
  }

  .image-section-overlay-block {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .image-section-overlay-title {
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
  }

  .image-section-overlay-title.subtitle {
    width: 100%;
    margin-top: 16px;
    font-size: 14px;
    line-height: 23px;
  }

  .container-40-copy {
    max-width: 100%;
  }

  .body-p-oxfod-blue {
    width: 100%;
    min-width: 90%;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .nunito-300-24px {
    text-align: left;
    font-size: 32px;
  }

  .section-title-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }

  .section-title-wrapper.full {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .section-title-wrapper.full.info {
    text-align: center;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .home-mockup-column {
    height: 100%;
    padding: 0;
  }

  .section-51 {
    padding: 25px;
  }

  .section-51.overflow-none {
    padding-top: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .section-51.dark {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620db7bb4ad6f53522a0601f_Rectangle%205238-min%20(1).png");
    background-position: 50% 30%;
    background-size: cover;
    padding: 300px 10px 0;
  }

  .container-41 {
    max-width: 95%;
  }

  .long-feature-block {
    padding-left: 55px;
    padding-right: 10px;
  }

  .long-feature-title {
    margin-bottom: 7px;
  }

  .home-mockup {
    height: 160px;
  }

  .home-mockup.ipad {
    height: 120px;
    top: 30px;
    right: -115px;
  }

  .home-mockup.iphone {
    height: 100px;
    top: 52px;
    right: -61px;
  }

  .description-paragraph {
    font-size: 12px;
    line-height: 19px;
  }

  .columns-5 {
    max-height: 100%;
  }

  .color-block-2 {
    padding: 0 20px 0 0;
  }

  .nunito-300-18px {
    text-align: left;
    font-size: 32px;
  }

  .div-block-137 {
    margin-right: 20px;
  }

  .info-block-left {
    width: 100%;
  }

  .info-block-left.ui {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .container-42 {
    max-width: 90%;
  }

  .image-section.ui-section {
    background-image: linear-gradient(86deg, #eee 39%, #eeec), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/620c7f9027a6c92573e845f1_Frame%205447-min.png");
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-left: 0;
    padding-right: 0;
  }

  .image-77 {
    object-fit: cover;
    max-height: 100%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .nunito-300-24px-centre {
    text-align: left;
    font-size: 32px;
  }

  .div-block-138 {
    width: 100%;
  }

  .div-block-139 {
    width: 100%;
    height: 340px;
  }

  .body-p-2 {
    width: 100%;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .h1_new-2 {
    font-size: 40px;
    line-height: 45px;
  }

  .h1_new-2.align_centre {
    font-size: 42px;
    line-height: 50px;
  }

  .button-14:hover {
    background-color: #6e7385;
  }

  .heading-43 {
    overflow: visible;
  }

  .cs_painchek_section-copy {
    height: auto;
    padding: 20px 10px;
  }

  .cs_painchek_section-copy.cs_painchek_section_display-copy {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-title-wrapper-copy {
    width: 100%;
    margin-bottom: 30px;
  }

  .section-title-wrapper-copy.full {
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .section-title-wrapper-copy.full.info {
    text-align: center;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .section-title-wrapper-copy-copy {
    width: 100%;
    margin-bottom: 30px;
  }

  .section-title-wrapper-copy-copy.full {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .section-title-wrapper-copy-copy.full.info {
    text-align: center;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .nunito-300-36px-copy {
    text-align: left;
    font-size: 32px;
  }

  .section-title-wrapper-2 {
    width: 100%;
    margin-bottom: 30px;
  }

  .logos-row {
    margin-bottom: 0;
  }

  .client-logo {
    height: 28px;
    margin-bottom: 40px;
  }

  .small-section-title {
    font-size: 11px;
    line-height: 21px;
  }

  .logo-column {
    padding-left: 5px;
    padding-right: 5px;
  }

  .body-p-white {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .container-45 {
    justify-content: center;
    display: flex;
  }

  .homepage-link-block {
    margin-bottom: 20px;
  }

  .nunito-300-36px-white {
    text-align: left;
    width: 100%;
    font-size: 32px;
  }

  .team-wrapper {
    margin-bottom: 10px;
  }

  .team-image {
    width: 60px;
    height: 50px;
    margin-bottom: 0;
    margin-right: 20px;
  }

  .team-title.title {
    margin-bottom: 10px;
  }

  .body-p-copy {
    width: 100%;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .team-wrapper-copy {
    margin-bottom: 10px;
  }

  .team-image-copy, .jas {
    width: 60px;
    height: 50px;
    margin-bottom: 0;
    margin-right: 20px;
  }

  .grey-icon-wrapper {
    padding-top: 0;
    display: block;
  }

  .nunito-300-18px-centre {
    text-align: center;
    font-size: 32px;
  }

  .body-p-centre {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .container-47 {
    max-width: 90%;
  }

  .nunito-300-36px-middle {
    text-align: center;
    width: 100%;
    font-size: 32px;
  }

  .column-10 {
    padding-right: 10px;
  }

  .nunito-300-16p {
    text-align: left;
    font-size: 16px;
  }

  .nunito-300-18px-copy {
    text-align: left;
    font-size: 18px;
  }

  .image-78 {
    object-fit: contain;
  }

  .color-block-2-copy {
    padding: 0 20px 0 0;
  }

  .nunito-300-18px-mobile {
    text-align: left;
    font-size: 18px;
  }

  .nunito-300-36px-white-middle {
    text-align: center;
    width: 100%;
    font-size: 32px;
  }

  .nunito-300-18px-mobile-middle {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
  }

  .nunito-300-18px-mobile-copy {
    text-align: center;
    font-size: 18px;
  }

  .div-block-137-pink, .div-block-137-blue {
    margin-right: 20px;
  }

  .div-block-66-ccc-copy-copy {
    object-fit: cover;
    padding-top: 80px;
  }

  .nunito-300-18px-mobile-copy-copy {
    text-align: left;
    font-size: 18px;
  }

  .body-big-white-copy {
    min-width: 70%;
    min-height: 70%;
    font-size: 18px;
    line-height: 24px;
  }

  .heading-43-copy {
    height: 60px;
    overflow: visible;
  }

  .nunito-300-36px-middle-2 {
    text-align: center;
    width: 100%;
    font-size: 32px;
  }

  .nunito-300-36px-copy-copy {
    text-align: center;
    text-align: left;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 38px;
  }

  .nunito-300-24px-mobile {
    text-align: left;
    font-size: 24px;
    line-height: 24px;
  }

  .nunito-300-24px-mobile-middle {
    text-align: center;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 34px;
  }

  .div-block-149 {
    margin-bottom: 40px;
  }

  .nunito-300-24px-mobile-middle-white {
    color: var(--white);
    text-align: center;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 34px;
  }

  .div-block-150 {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .image-section-overlay-copy {
    object-fit: cover;
    object-position: 100% 50%;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 40px 500px 20px;
    overflow: visible;
  }

  .div-block-151 {
    margin-top: 40px;
    display: none;
    overflow: visible;
  }

  .image-81 {
    display: block;
  }

  .div-block-153 {
    margin-top: 40px;
    display: block;
  }

  .div-block-139-copy {
    width: 100%;
    height: 340px;
  }

  .div-block-137-bluenavy-copy {
    margin-right: 20px;
  }

  .nunito-300-24px-mobile-middle-white-copy {
    color: var(--white);
    text-align: center;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 34px;
  }

  .background-video-9 {
    justify-content: center;
    height: 550px;
    padding-top: 260px;
  }

  .div-block-156 {
    width: 90%;
    margin-left: 0;
    padding: 20px;
  }

  .slide-15 {
    background-position: 100% 0;
    background-size: cover;
  }

  .mask-7 {
    height: 500px;
  }

  .slide-16, .slide-17 {
    background-size: cover;
  }

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

  .nunito-300-58px-copy {
    font-size: 42px;
    line-height: 50px;
  }

  .left-arrow-2 {
    justify-content: center;
    width: 90%;
    margin-left: 0;
    padding-top: 220px;
  }

  .nunito-300-24px-mobile-left {
    text-align: left;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 24px;
  }

  .div-block-161 {
    margin-left: 10px;
    padding: 10px 20px;
    display: block;
  }

  .nunito-300-36px-copy {
    text-align: left;
    margin-bottom: 0;
    font-size: 32px;
  }

  .div-block-161-copy {
    margin-left: 10px;
    padding: 15px 20px;
    display: block;
  }

  .image-75 {
    margin-bottom: 0;
  }

  .body-p-copy {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .body-p-2-copy {
    width: 100%;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .body-p-copyquote-name {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .body-p-copy-text {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .body-p-3 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .nunito-300-58px-aboutus {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 42px;
    line-height: 50px;
  }

  .body-p-copyquote-name-copy {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .section-50-copy {
    padding: 25px 0;
    display: block;
  }

  .pro-2col {
    padding: 60px 0;
    display: block;
  }

  .lp_page-wrapper {
    overflow: visible;
  }

  .section-55 {
    height: auto;
  }

  .hero-text {
    min-width: 300px;
  }

  .lp.white {
    font-size: 42px;
    line-height: 50px;
  }

  .slider-8 {
    margin-bottom: 40px;
  }

  .section-59 {
    height: auto;
    margin-top: 40px;
    padding-bottom: 40px;
  }

  .diagnal-background {
    margin-top: 1vh;
    margin-left: -4%;
  }

  .aligned-copy {
    padding-top: 106px;
    padding-left: 33px;
    padding-right: 53px;
    font-size: 12px;
  }

  .section-61 {
    height: 2100px;
  }

  .gradient-diagnal-background-copy {
    margin-top: 0;
    margin-left: -4%;
  }

  .lp_main-button.line, .lp_main-button.line.white {
    margin-top: 20px;
    margin-left: 0;
  }

  .lp_main-button.white {
    align-self: flex-start;
    display: inline-block;
  }

  .button-block.top-margin-10, .button-block.top-margin-24 {
    flex-direction: column;
    align-items: flex-start;
  }

  .container-58 {
    margin-top: 60px;
  }

  .image-88 {
    margin-bottom: 20px;
  }

  .image-89 {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .paragraph-30 {
    color: var(--oxford-blue);
    text-align: center;
    margin-bottom: 20px;
    font-family: Nunito Sans, sans-serif;
    font-size: 20px;
    font-weight: 700;
    display: block;
  }

  .image-90 {
    margin-bottom: 20px;
  }

  .column-11 {
    margin-top: 32px;
  }

  .popupcontentwrapper_brix {
    border-radius: 24px;
  }

  .subscribe-button---brix {
    text-align: center;
    background-position: 247px;
    padding: 15px 34px 16px 38px;
  }

  .dummy-hero-button---brix {
    padding: 15px 34px 16px;
  }

  .popup-wrapper---brix {
    padding-left: 16px;
    padding-right: 16px;
  }

  .popup-wrapper---brix.preview-page {
    overflow: auto;
  }

  .dummy-hero-wrapper---brix.preview-page---brix {
    max-width: 100%;
  }

  .popup-1-illustration---brix {
    max-width: 40%;
    height: auto;
    display: none;
  }

  .section-62 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-193 {
    background-size: cover;
    height: 200px;
  }

  .div-block-civics-grid {
    justify-content: center;
  }

  .text-block-civics {
    width: 120px;
    font-size: 14px;
  }

  .lightbox-link-8 {
    width: 60px;
    height: 60px;
  }

  .text-block-18 {
    font-size: 24px;
  }

  .grid-15 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-auto-columns: minmax(300px, 1fr);
  }

  .section-65 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .button-133, .button-12-copy {
    margin-left: 20px;
  }

  .main_button {
    display: flex;
  }

  .div-block-196 {
    margin-left: 20px;
  }

  .align-centre {
    flex-direction: column;
    line-height: 24px;
  }

  .align-centre.color-white.t-c {
    line-height: 50px;
  }

  .align-centre.bottom-margin-40 {
    font-size: 26px;
    line-height: 32px;
  }

  .align-centre.thankyou {
    line-height: 50px;
  }

  .case-studies-tilt-background {
    margin-top: -66%;
  }

  .case-studies-quotes {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 17px;
  }

  .case-studies-quotes-wrapper {
    width: 340px;
  }

  .left-arrow-4, .right-arrow-3 {
    display: none;
  }

  .nav-menu-2-copy {
    width: 100vw;
  }

  .lp_nav-button {
    display: none;
  }

  .case-study-generic-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .case-study-civics-academy-hero, .case-study-cambelttown-council-hero {
    background-size: cover;
    height: 200px;
  }

  .popup-wrapper---inquire {
    padding-left: 16px;
    padding-right: 16px;
  }

  .popup-wrapper---inquire.preview-page {
    overflow: auto;
  }

  .popup-content-wrapper---inquire {
    border-radius: 24px;
  }

  .popup-content-wrapper---inquire.popup-1-content-wrapper---inquire {
    border-radius: 16px;
    margin-top: 40px;
    left: 16px;
    right: 16px;
  }

  .popup-1---inquire {
    padding: 40px 16px 32px;
  }

  .case-study-transurban-council-hero {
    background-size: cover;
    height: 200px;
  }

  .div-block-202 {
    width: 100%;
  }

  .div-block-campbelltown-council-grid-copy {
    grid-auto-columns: minmax(200px, 1fr);
  }

  .case-study-button-wrapper {
    display: flex;
  }

  .pricing-container-1268 {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-card-wrapper.pricing-growth.mobile {
    display: block;
  }

  .pricing-card-wrapper.pricing-creator.mobile {
    display: none;
  }

  .pricing-section-2 {
    display: flex;
  }

  .pricing-comparison-grid-top {
    grid-template-rows: repeat(auto-fit, 75px);
    grid-template-columns: 3fr .75fr .75fr .75fr;
    height: auto;
  }

  .pricing-comparison-grid-1 {
    aspect-ratio: auto;
  }

  .pricing-comparison-grid-bottom {
    grid-template-rows: repeat(auto-fit, 75px);
    grid-template-columns: 3fr .75fr .75fr .75fr;
  }

  .description-medium {
    width: 170px;
    top: 10px;
    left: -40px;
  }

  .pricing-switch-wrapper {
    border-radius: 20px;
    flex-direction: column;
    align-items: stretch;
    width: auto;
    height: auto;
  }

  .pricing-billed-monthly {
    grid-template-columns: 1fr;
    display: block;
  }

  .pricing-billed-yearly {
    grid-template-columns: 1fr;
  }

  .accordion-heading {
    font-size: 18px;
  }

  .pricing-comparison-grid-title {
    grid-template-columns: 3fr .75fr .75fr .75fr;
  }

  .pricing-grid-title-sticky-nva {
    z-index: 100;
  }

  .pricing-popup-wrapper {
    padding-left: 16px;
    padding-right: 16px;
    display: none;
  }

  .pricing-popup-wrapper.preview-page {
    overflow: auto;
  }

  .pricing-popup-content-wrapper {
    border-radius: 24px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .pricing-popup-content-wrapper.popup-1-content-wrapper---inquire {
    border-radius: 16px;
    margin-top: 40px;
    left: 16px;
    right: 16px;
  }

  .pricing-popup-1 {
    padding: 40px 16px 32px;
  }

  .pricing-popup-1.version-3 {
    display: none;
  }

  .pricing-section-1-mobile {
    display: block;
  }

  .pricing-price-switch-nav-bar {
    margin-bottom: 40px;
  }

  .faq-body {
    position: relative;
  }

  .faq-img {
    display: none;
  }

  .pricing-more-features-drop-down {
    margin-bottom: 0;
  }

  .secondary-button {
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    display: inline-block;
  }

  .nunito-sans-600-21px-nap-gap {
    font-size: 18px;
  }

  .div-block-217 {
    min-height: 120px;
  }

  .body-p-card-spacing {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 26px;
  }

  .nunito-sans-600-21px-nap-gap-24pd {
    font-size: 18px;
  }

  .container-69 {
    padding-left: 10px;
    padding-right: 0;
  }

  .container-70 {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-16 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 570px;
    min-height: 570px;
    max-height: 570px;
  }

  .procard-shad-high {
    box-shadow: 1px 1px 6px #00256414;
  }

  .section-50-copy {
    padding: 25px 0;
  }

  .section-50-copy-copy {
    padding: 25px 0;
    display: none;
  }

  .pro-collabcontainer {
    max-width: 90%;
  }

  .pro-rightcolimage {
    margin-bottom: 0;
  }

  .pro-2col-copy {
    padding: 60px 0;
    display: block;
  }

  .about-ourstorysection {
    padding-top: 60px;
    padding-bottom: 60px;
    display: block;
  }

  .about-ourstorycontainer {
    max-width: 81000%;
  }

  .pro-logos-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pro-logoscontainer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pro-logosgrid {
    grid-column-gap: 8vh;
    grid-row-gap: 43px;
    grid-template: ". Area"
                   ". ."
                   ". ."
                   / 1fr;
  }

  .pro-container-worldclass {
    max-width: 90%;
    padding-left: 0;
    padding-right: 0;
  }

  .pro-signupfree {
    padding: 60px 0;
    display: block;
    overflow: hidden;
  }

  .div-block-82-copy, .pro-div-signupfree {
    width: auto;
    display: flex;
  }

  .pro-blueslant {
    height: 180px;
    overflow: hidden;
  }

  .section-title-wrapper-3 {
    width: 100%;
    margin-bottom: 30px;
  }

  .process-tab-pane {
    padding-top: 20px;
  }

  .process-tab-button {
    border-width: 1px;
    border-color: #0000001a;
    width: 60px;
    height: 60px;
    margin-top: 19px;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 9px;
    display: inline-block;
  }

  .container-71 {
    max-width: 90%;
  }

  .section-description-2 {
    margin-top: 14px;
    font-size: 15px;
    line-height: 23px;
  }

  .process-tab-icon {
    height: 13px;
  }

  .top-line-block {
    margin-top: 20px;
    padding-top: 20px;
  }

  .pro-themedesigner-grid {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .pro-themedesigner-steps {
    min-height: 460px;
    max-height: 500px;
  }

  .card.feature {
    padding-top: 0;
  }

  .card.offices-contact-v2 {
    padding-left: 27px;
    padding-right: 27px;
  }

  .card.testimonial-v1 {
    padding: 32px 20px;
  }

  .button-row-last {
    margin-top: 16px;
    margin-left: 0;
  }

  .slider-item-2 {
    width: 100%;
    margin-right: 20px;
  }

  .pro-2col-large {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/625e4c0b9258fe969141efd1_dasdas-min.png");
    background-position: 50% 40%;
    background-size: auto;
    background-attachment: scroll;
    padding: 60px 0 220px;
    display: block;
  }

  .body-p-copy-text-copy {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .div-block-217-copy {
    min-height: 120px;
  }

  .nunito-sans-600-21px-nap-gap-24pd-copy {
    font-size: 18px;
  }

  .pro-discontent {
    padding: 20px;
  }

  .pro-2col-large-2 {
    padding: 60px 0;
    display: block;
  }

  .body-p-card-no-space-copy, .body-p-card-no-space-copy-copy {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .pro-grey-slant {
    padding: 60px 0;
    display: block;
  }

  .pro-whiteslant {
    height: 180px;
  }

  .columns-9 {
    height: 100px;
  }

  .column-15 {
    height: 100px;
    min-height: 100px;
    max-height: 100px;
  }

  .background-video-16 {
    height: 320px;
    position: relative;
  }

  .pro-pageheadersection {
    height: 300px;
  }

  .pro-header-text {
    margin-right: 0;
  }

  .course-savethousands {
    padding-left: 20px;
    padding-right: 20px;
  }

  .html-embed-2 {
    min-width: 100%;
    max-width: 100%;
  }

  .div-block-224 {
    margin-top: 20px;
    padding-top: 100%;
  }

  .pro-webcamvid {
    margin-top: 0;
    padding-top: 54%;
  }

  .creator-pricing-card-content-wrapper {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .main_button-2 {
    display: flex;
  }

  .main_button-2.line.left-margin-24 {
    margin-left: 0;
    display: block;
  }

  .main_button-2.left-margin-40 {
    display: block;
  }

  .main_button-2.left-margin-40.mobile-left-margin-0 {
    margin-left: 0;
  }

  .creator-pricing-card-fee {
    align-self: auto;
    align-items: center;
    font-size: 30px;
    line-height: 12px;
    display: flex;
  }

  .text-block-37 {
    display: block;
  }

  .creator-tilt-background-3 {
    width: 100%;
    margin-top: -40px;
    margin-left: 0;
    inset: 0%;
    transform: rotate(0);
  }

  .pro-pricing-secition {
    padding-top: 100px;
  }

  .pro-pricecontainer.flex {
    height: 998px;
  }

  .pro-price-bulletpoints {
    padding: 40px 20px 100px;
  }

  .process-tab-button-copy {
    border-width: 1px;
    border-color: #0000001a;
    width: 60px;
    height: 60px;
    margin-top: 19px;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 9px;
    display: inline-block;
  }

  .unselected {
    font-size: 18px;
  }

  .pro-pricecard-navy {
    height: 700px;
    max-height: 688px;
  }

  .creator-tilt-background-2 {
    margin-left: 2vw;
  }

  .creator-section-3.no-bottom-padding.no-top-padding {
    padding-top: 0;
  }

  .creator-tilt-background-1 {
    margin-top: 100px;
    margin-left: 2vw;
  }

  .creator-button-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .faq-3.no-left-padding-for-mobile, .faq-3.no-left-padding-for-mobile-test {
    height: auto;
  }

  .div-block-225 {
    flex-direction: column;
    align-items: center;
  }

  .creator-section-5-content {
    text-align: center;
  }

  .creator-logo-holder-grid {
    grid-template-columns: 1fr 1fr;
  }

  .creator-video-2-wrapper.mobile {
    width: 100%;
    min-width: auto;
    min-height: auto;
    padding-top: 100%;
  }

  .creator-section-3-grid {
    grid-template-columns: 1fr;
  }

  .creator-video-1-mobile-wrapper {
    width: 100%;
  }

  .creator-partner-logos {
    height: 45px;
  }

  .creator-section-1 {
    align-items: flex-end;
  }

  .creator-video-2 {
    min-width: 320px;
    min-height: 320px;
  }

  .creator-video-2.creator-mobile-only {
    display: none;
  }

  .faq-body-cont-2.no-left-padding-for-mobile, .faq-body-cont-2.no-left-padding-for-mobile-test {
    font-size: 12px;
  }

  .growth-section-6-list-wrapper {
    width: 100%;
  }

  .growth-video-1-embed-absolute {
    margin-left: auto;
    margin-right: auto;
  }

  .growth-section-1 {
    align-items: center;
  }

  .growth-section-6-title-wrapper {
    width: auto;
    min-width: 0;
  }

  .growth-logo-holder-grid {
    grid-template-columns: 1fr 1fr;
  }

  .growth-pricing-card-content-wrapper {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .growth-pricing-card-wrapper {
    height: 830px;
  }

  .growth-button-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .growth-video-1-mobile-wrapper {
    justify-content: center;
    align-self: auto;
    width: 100%;
    height: 300px;
  }

  .growth-tilt-background-3 {
    margin-left: 2vw;
  }

  .growth-section-3-list-wrapper {
    margin-bottom: 24px;
  }

  .growth-partner-logos {
    height: 45px;
  }

  .growth-section-4 {
    display: none;
  }

  .growth-section-5 {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .growth-section-5-content-grid {
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    justify-items: center;
    margin-left: 10px;
    margin-right: 10px;
  }

  .growth-hero-text-wrapper {
    align-items: center;
  }

  .growth-container-6-1268 {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .growth-section-6 {
    flex-direction: row;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .about-us-section-8 {
    height: auto;
    padding: 20px 10px;
  }

  .about-us-section-8.cs_painchek_section_display-copy {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .navbar-mobile-overlay {
    display: none;
  }

  .navbar-mobile-header-wrapper {
    margin-top: 0;
  }

  .howtoo-main-nav-menu {
    width: 100%;
    padding: 20px;
  }

  .navbar-main-wrapper {
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px;
  }

  .menu-button-open {
    align-items: center;
    display: flex;
  }

  .navbar_button_sign-up {
    display: none;
  }

  .navbar-content-wrapper {
    width: 100%;
  }

  .nunito-sans-600-14px-nav {
    font-size: 18px;
  }

  .growth-tilt-background-1 {
    margin-top: -60px;
    margin-left: 2vw;
  }

  .pro-header-video {
    width: 100%;
  }

  .pro-section-headernew {
    align-items: flex-end;
  }

  .pro-container-1-126 {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .pro-video-1-mobile-wrapper-copy, .themedesign-tabs {
    width: 100%;
  }

  .videocontent {
    border-radius: 4px;
  }

  .themedsign-tabs-menu {
    object-fit: contain;
    justify-content: center;
    width: 100%;
    overflow: hidden;
  }

  .tablink, .tablink.w--current {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }

  .tab-link-tab-2, .tab-link-tab-3-2 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .body-p-selected {
    width: 100%;
    font-size: 16px;
    line-height: 26px;
  }

  .body-p-selected.align-centre {
    text-align: center;
  }

  .body-p-selected-yellow-bold {
    width: 100%;
    font-size: 16px;
    line-height: 26px;
  }

  .pro-webcamvid-copy {
    margin-top: 20px;
    padding-top: 100%;
  }

  .heading-46 {
    margin-bottom: 0;
  }

  .pro-div-signupfree-copy {
    width: auto;
    display: flex;
  }

  .column-16 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-226 {
    display: block;
  }

  .pro-themtab1.mobile {
    width: 100%;
    min-width: auto;
    min-height: auto;
    padding-top: 100%;
  }

  .main_button-2-icon {
    display: flex;
  }

  .main_button-2-icon.line.left-margin-24 {
    margin-left: 0;
    display: block;
  }

  .main_button-2-icon.left-margin-40 {
    display: block;
  }

  .main_button-2-icon.left-margin-40.mobile-left-margin-0 {
    margin-left: 0;
  }

  .pro-video-form-copy-copy {
    min-width: 100%;
    padding: 10px;
  }

  .div-block-7-copy {
    align-items: center;
    max-width: 80%;
    margin-right: 0;
  }

  .flex-container-2-copy {
    max-width: 9095%;
  }

  .pro-logosgrid-copy {
    grid-column-gap: 8vh;
    grid-row-gap: 43px;
    grid-template: ". Area"
                   ". ."
                   ". ."
                   / 1fr;
  }

  .glossary-container {
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
  }

  .section-courses-hero {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .courses-hero-text-wrapper {
    margin-right: 0;
  }

  .case-studies-section-read-more {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .case-studies-section-read-more.feature {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grwothbg.dark {
    background-position: 30% 100%;
    background-size: cover;
  }

  .grwothbg.hero, .grwothbg.hero-copy, .grwothbg.hero-copy-copy, .grwothbg.hero-copy-copy {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .proupgrade-container {
    width: 95%;
    min-width: 95%;
    max-width: 95%;
    padding-left: 0;
    padding-right: 0;
  }

  .columns-upgradpro.max-width {
    min-width: 100%;
    max-width: 100%;
  }

  .upgradepro-fromcontaner {
    min-width: 100%;
    padding: 10px;
  }

  .pro-pg.dark {
    background-position: 30% 100%;
    background-size: cover;
  }

  .pro-pg.hero, .pro-pg.hero-copy, .pro-pg.hero-copy-copy, .pro-pg.hero-copy-copy {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pro-pricing-card-fee-desktop {
    display: none;
  }

  .lp2-section-hero {
    padding-top: 60px;
  }

  .lp2-t1.align-centre.white {
    font-size: 36px;
    line-height: 50px;
  }

  .lp2-hero-quote-wrapper {
    flex-direction: column;
  }

  .lp2-hero-quote {
    width: 100%;
  }

  .lp2-hero-quote-person {
    margin-top: 10px;
    margin-left: 0;
  }

  .lp2-container-hero-device {
    max-width: none;
    margin-top: 40px;
  }

  .lp2-hero-device-nav-wrapper {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    flex-direction: column;
    display: flex;
  }

  .lp2-hero-device {
    border-bottom-left-radius: 4px;
  }

  .lp2-tilt-background-1 {
    width: 120vw;
    height: 220px;
    margin-top: 0;
    margin-left: -5vw;
    top: 90%;
    bottom: -5%;
  }

  .lp2-button, .lp2-section-3-button {
    display: flex;
  }

  .lp2-testimonial {
    height: auto;
  }

  .slide-nav-6 {
    margin-top: 10px;
    position: relative;
  }

  .lp2-testimonial-name {
    margin-top: 20px;
  }

  .lp2-section-6-text-wrapper {
    min-width: auto;
  }

  .lp2-section-6-button {
    display: flex;
  }

  .capterra1-section-2 {
    overflow: hidden;
  }

  .lp2-section-2-content-wrapper {
    margin-top: 13px;
  }

  .tabs-menu-5 {
    flex-direction: column;
    justify-content: center;
    min-width: auto;
  }

  .tabs-2 {
    display: none;
  }

  .weve-got-solution-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lp2-section-2-tab {
    padding-left: 10px;
    padding-right: 10px;
  }

  .lp2-tab-device-wrapper {
    border-radius: 4px;
  }

  .lp2-tab-device-element-wrapper {
    height: 30px;
  }

  .lp2-section-2-button, .lp2-hero-quote-mark-wrapper {
    display: flex;
  }

  .lp2-section-2-slider {
    background-color: #0000;
    width: 100%;
    height: 56%;
    display: block;
  }

  .mask-11 {
    overflow: visible;
  }

  .lp2-section-2-slides {
    margin-left: 0;
    margin-right: 10px;
  }

  .slide-nav-7 {
    font-size: 8px;
    position: relative;
  }

  .icon-20, .icon-21 {
    display: none;
  }

  .lp2-section-2-slides-title-wrapper {
    min-height: 60px;
  }

  .contact-us_section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container-default-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .faq-item.v2.top, .faq-item.v3.top {
    padding-top: 0;
  }

  .form-wrapper {
    padding: 38px 24px;
  }

  .fom-grid {
    grid-column-gap: 30px;
    grid-template-columns: 1fr;
  }

  .security-section-3 {
    padding-top: 116px;
    padding-bottom: 116px;
  }

  .security-container-3, .container-default-4 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-wrapper-border-bottom {
    padding-bottom: 32px;
  }

  .black-section-contained.home-v1-about, .card-featured-text {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card-feature-text {
    padding-left: 23px;
    padding-right: 23px;
  }

  .media-section-1.post-hero-section {
    height: 250px;
    padding-left: 16px;
    padding-right: 16px;
  }

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

  .media-section-1.promo-section {
    height: 148vw;
  }

  .mg-top-56px-2 {
    margin-top: 20px;
  }

  .card-media-kit.feature {
    padding-top: 0;
  }

  .card-media-kit.offices-contact-v2 {
    padding-left: 27px;
    padding-right: 27px;
  }

  .card-media-kit.testimonial-v1 {
    padding: 32px 20px;
  }

  .media-container-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .media-section-0.post-hero-section {
    height: 250px;
    padding-left: 16px;
    padding-right: 16px;
  }

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

  .media-section-0.promo-section {
    height: 148vw;
  }

  .media-section-2 {
    padding-top: 60px;
  }

  .media-section-2.post-hero-section {
    height: 250px;
    padding-left: 16px;
    padding-right: 16px;
  }

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

  .media-section-2.promo-section {
    height: 148vw;
  }

  .t-c-section-1.post-hero-section {
    height: 250px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .t-c-section-1.no-padding {
    padding: 0;
  }

  .t-c-section-1.promo-section {
    height: 148vw;
  }

  .media-tab-link-button {
    padding-left: 30px;
    padding-right: 30px;
  }

  ._404-title {
    font-size: 100px;
    line-height: 98px;
  }

  .utility-page-wrap-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  ._404-title-2 {
    font-size: 100px;
    line-height: 98px;
  }

  .t-c-section-2-copy.post-hero-section {
    height: 250px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .t-c-section-2-copy.no-padding {
    padding: 0;
  }

  .t-c-section-2-copy.promo-section {
    height: 148vw;
  }

  .button-404 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 19px;
  }

  .button-404.small {
    font-size: 14px;
    line-height: 16px;
  }

  .howtoo-main-nav-menu-home {
    width: 100%;
    padding: 20px;
  }

  .home-section-2-tab {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-section-2-button, .home-section-3-button {
    display: flex;
  }

  .home-h2 {
    text-align: center;
    margin-top: -49px;
    font-size: 26px;
    line-height: 32px;
  }

  .home-h2.color-white.align-centre.gradient-lime {
    max-width: none;
    font-size: 24px;
    line-height: 32px;
  }

  .demo-section-1-button-wrapper {
    align-self: stretch;
  }

  .demo-hero-text-1, .demo-hero-text-2 {
    padding: 20px;
  }

  .demo-logos {
    grid-column-gap: 32px;
    grid-row-gap: 16px;
  }

  .demo-logos.centered {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
  }

  .demo-hero-image-mobile {
    width: 314.88px;
    margin-top: 180px;
  }

  .demo-hero-image-mobile.small {
    width: 227.84px;
    margin-top: 250px;
    left: 160px;
  }

  .demo-container-0 {
    height: 340px;
  }

  .demo-button {
    display: flex;
  }

  .watch-demo-button-container {
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .watch-demo-button-wrapper {
    margin-left: 0;
  }

  .popup-wrapper---demo-chat {
    padding-left: 16px;
    padding-right: 16px;
  }

  .popup-wrapper---demo-chat.preview-page {
    overflow: auto;
  }

  .popup-2---demo-chat {
    padding: 40px 16px 32px;
  }

  .popup-wrapper---demo-cha {
    padding-left: 16px;
    padding-right: 16px;
  }

  .popup-wrapper---demo-cha.preview-page {
    overflow: auto;
  }

  .popup-content-wrapper---demo-chat {
    border-radius: 24px;
  }

  .popup-content-wrapper---demo-chat.popup-1-content-wrapper---brix-copy {
    border-radius: 16px;
    margin-top: 40px;
    left: 16px;
    right: 16px;
  }

  .popup-1---demo-chat {
    padding: 40px 16px 32px;
  }

  .demo-tilt-background-1 {
    margin-top: -60px;
    margin-left: 2vw;
  }

  .sign-up-section-2-text-wrapper {
    padding: 20px;
  }

  .sign-up-section-2-grid {
    grid-template-columns: 1fr;
  }

  .sign-up-testimonial-name {
    margin-top: 20px;
  }

  .demo-watch-button, .demo-watch-button-2 {
    display: flex;
  }

  .watch-demo-button-1-wrapper {
    margin-right: 0;
  }

  .ebook---section-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .ebook---card-wrapper {
    height: 420px;
  }

  .ebook---card-button {
    display: flex;
  }

  .ebook---section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .ebook---section-3---content-wrapper {
    width: auto;
    left: 0;
  }

  .ebook---featured-card {
    height: 300px;
    padding: 20px;
  }

  .ebook---featured-ebook-title {
    margin-bottom: 20px;
  }

  .ebook---featured-card-button {
    height: 48px;
    font-size: 16px;
    display: flex;
  }

  .media-load-more {
    width: 100%;
  }

  .about---our-team-grid {
    grid-template-columns: 1fr;
  }

  .xpert---section-4---badge {
    width: 45%;
  }

  .xpert---section-4---grid {
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }

  .xpert---section-2---card {
    flex-direction: column;
    padding: 20px 10px 0;
  }

  .xpert---section-3---hero-card {
    background-color: #0000;
    background-image: none;
    background-size: auto;
  }

  .xpert---section-3--grid {
    grid-template-columns: 1fr;
  }

  .xpert---section-logo {
    padding-bottom: 60px;
  }

  .xpert---hero---body-big {
    margin-bottom: 8px;
  }

  .xpert---hero---body-big.universities {
    font-size: 19px;
  }

  .xpert---section-3---title-wrapper {
    margin-bottom: 0;
  }

  .xpert---hero-title {
    text-align: left;
    width: auto;
  }

  .xpert---section-cta---button {
    min-height: 48px;
    margin-top: 0;
  }

  .xpert-testimonial-name {
    margin-top: 20px;
  }

  .xpert---hero-bg-grid---area {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-areas: "Area ."
                         "Area Area-2"
                         "Area-3 Area-2"
                         "Area-3 Area-4"
                         "Area-5 Area-4"
                         "Area-5 Area-6"
                         "Area-7 Area-6"
                         "Area-7 Area-8"
                         "Area-9 Area-8"
                         "Area-9 Area-10"
                         "Area-11 Area-10"
                         "Area-11 Area-12"
                         "Area-13 Area-12"
                         "Area-13 Area-14"
                         "Area-15 Area-14"
                         "Area-15 .";
  }

  .xpert---section-1---sticky-header {
    height: auto;
    position: relative;
    top: 0;
  }

  .xpert---section-2---card-paragraph {
    text-align: center;
  }

  .xpert---section-2---card-content-wrapper {
    margin-top: 20px;
    margin-left: 0;
  }

  .xpert---section-3---hero-text-wrapper {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 0;
  }

  .xpert---card-title {
    text-align: center;
  }

  .ambassador---seciton-2---grid {
    grid-template-columns: 1fr;
  }

  .pricing---xpert-banner---button-holder {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .pricing---xpert-banner-button {
    width: 100%;
    display: flex;
  }

  .ambassador-info---rewards-text-wrapper {
    height: auto;
  }

  .ambassador-info---tab {
    width: 100%;
  }

  .ambassador---tab-menu {
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   / 1fr;
  }

  .case-study-sticky-card {
    min-width: auto;
  }

  .case-study-sticky-card-text-wrapper {
    margin-bottom: 0;
  }

  .case-study-cms-list {
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .case-study-stats {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .case-study-stats-grid {
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .xpert-thank-you-button-wrapper {
    flex-direction: column;
  }

  .xpert-thank-you-section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .xpert-hero-button-wrapper {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .lightbox-link-9 {
    width: 100%;
  }

  .courses-container-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .courses-template-cta {
    display: flex;
  }

  .partnership-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .partnership-section-2-tick-grid {
    grid-row-gap: 6px;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
  }

  .partnership-section-4-block-wrapper {
    margin-bottom: 60px;
  }

  .partner---form-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
  }

  .style-guide-header-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-styleguide-2 {
    padding-top: 118px;
    padding-bottom: 32px;
  }

  .button-primary-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 19px;
  }

  .button-primary-2.small {
    font-size: 14px;
    line-height: 16px;
  }

  .container-default-5 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-secondary, .courses-cms-load-more {
    width: 100%;
  }

  .courses-cms-load-more.small {
    font-size: 14px;
    line-height: 16px;
  }

  .xpert-carousel-section {
    overflow: hidden;
  }

  .grid-22 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .lp-uni-tag-text {
    width: 100%;
    margin-bottom: 24px;
    font-size: 24px;
  }

  .lp-uni-tag {
    display: none;
  }

  .lp-uni-section-2-banner {
    background-color: var(--yellow-80);
    flex-flow: column;
    padding: 40px 24px;
    display: flex;
  }

  .lp-uni-s2-button-wrapper {
    display: none;
  }

  .cookie-modal_content-wrap.is-small {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cookie-modal_closebutton {
    margin-top: 1rem;
    margin-right: 1rem;
  }

  .cookie-modal_component {
    max-width: 100%;
  }

  .cookie-modal_button-wrap.is-small {
    justify-content: space-between;
    padding: 1.25rem;
  }

  .cookie-modal_button {
    flex: auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .ck-cookie-w {
    max-width: 100%;
    inset: auto 0% 0%;
  }

  .marketplace-video-button {
    width: 100%;
  }

  .about-us-quote {
    text-align: left;
    font-size: 18px;
  }

  .capterra1-section-1 {
    height: auto;
  }

  .lp2-section-2 {
    overflow: hidden;
  }

  .capterra1-hero-text {
    min-width: 300px;
  }

  .capterra2-section-1, .test-section-1 {
    height: auto;
  }

  .test-hero-text {
    min-width: 300px;
  }

  .advertising1-section-1 {
    height: auto;
  }

  .advertising1-section-4 {
    overflow: hidden;
  }

  .advertising_page-wrapper {
    overflow: visible;
  }

  .advertising1-section-6 {
    display: none;
  }

  .advertising1-text-wrapper-6 {
    min-width: auto;
  }

  .advertising1-image-6 {
    min-width: 100%;
    max-width: 100%;
  }

  .advertising1-try-free-6 {
    min-width: auto;
  }

  .advertising1-mobile-carousel-6 {
    background-image: linear-gradient(60deg, #54c6d740, #fff);
    display: block;
    overflow: hidden;
  }

  .lp2-tab-device-nav-2 {
    display: none;
  }

  .home-h2-copy {
    text-align: left;
  }

  .home-h2-copy.align-centre {
    text-align: center;
  }

  .lp2-tab-device-wrapper-2 {
    box-shadow: none;
    border-radius: 4px;
  }

  .home-section-2-tab-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-primary-3 {
    width: 100%;
  }

  .advertising1-content-wrapper-7 {
    margin-bottom: 20px;
  }

  .align-centre-admin, .align-centre-copy {
    flex-direction: column;
    width: 100%;
  }

  .lp_6step_section-2 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/6463294a942400c6863e093f_Frame%2047245.png");
    background-position: 50% 40%;
    background-size: auto;
    background-attachment: scroll;
    padding: 60px 0 220px;
    display: block;
  }

  .lp-6step-section-3-container {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  ._6step-sayhello_img {
    aspect-ratio: auto;
    object-fit: fill;
    width: 80%;
  }

  .freeguidebutton {
    width: 100%;
  }

  .freeguidebutton.yellow {
    height: 100%;
    line-height: 24px;
  }

  ._6step---form-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .webinar-study-card {
    width: 300px;
  }

  .heading-57 {
    max-width: 176px;
  }

  .tab-toggle, .tabs-3, .tab-pane-on-demand {
    padding-right: 0;
  }

  .popup-wrapper---webinar {
    padding-left: 16px;
    padding-right: 16px;
  }

  .popup-wrapper---webinar.preview-page {
    overflow: auto;
  }

  .new-pricing-card-content-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-79 {
    flex-direction: column;
    display: block;
  }

  .text-block-37-copy {
    font-size: 14px;
    display: block;
  }

  .card-strip-viking {
    width: 100vw;
    top: -40px;
    left: -20px;
  }

  .container-80 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-secondary-copy {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 15px;
    display: flex;
  }

  .card-strip-yellow {
    width: 100vw;
    top: -40px;
    left: -20px;
    overflow: visible;
  }

  .card-strip-blue {
    top: -40px;
    left: -20px;
  }

  .text-block-62 {
    left: auto;
    right: 0;
  }

  .creator-pricing-card-fee-term {
    white-space: normal;
    align-items: center;
    min-height: auto;
    font-size: 20px;
    line-height: 20px;
    display: flex;
  }

  .div-block-254 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .rich-text-block-5 {
    font-size: 12px;
  }

  .section-74 {
    margin-top: 0;
  }

  .container-81 {
    flex-direction: column;
  }

  .heading-61 {
    text-align: center;
    width: 270px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-257 {
    text-align: center;
    align-self: center;
  }

  .heading-63 {
    line-height: 100px;
  }

  .lp_h2_300-copy {
    width: auto;
    margin-top: 20px;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 24px;
    line-height: 30px;
    position: static;
    top: 0;
    left: 0%;
  }

  .html-embed-5 {
    height: auto;
  }

  .tab-pill, .tab-pill.w--current {
    width: auto;
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .tabs-4 {
    overflow: hidden;
  }

  .tabs-content-3 {
    margin-top: 0;
    margin-bottom: 60px;
  }

  .tab-pane-monthly {
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-pane-annually {
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
    overflow: visible;
  }

  .div-block-267, .div-block-268, .div-block-269, .card-pro, .card-teams {
    display: none;
  }

  .heading-66 {
    margin-left: 12px;
    margin-right: 12px;
  }

  .button-secondary-compare-t {
    width: 100%;
  }

  .div-block-271 {
    padding-left: 0;
    padding-right: 0;
  }

  .button-primary-compare {
    width: 100%;
  }

  .button-primary-compare.yellow {
    height: 56px;
  }

  .pricing-comparison-grid-middle {
    grid-template-columns: 3fr .75fr .75fr .75fr;
  }

  .compare-features-dropdown {
    z-index: auto;
  }

  .heading-67 {
    display: none;
  }

  .comparison-heading {
    font-size: 14px;
    position: static;
  }

  .heading-67-copy {
    display: block;
  }

  .description-medium-copy {
    width: 170px;
    top: 502px;
    left: auto;
    right: auto;
  }

  .div-block-283 {
    width: 100%;
    margin-top: 0;
  }

  .div-block-284 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .modal_mthactivlearn {
    padding-left: 16px;
    padding-right: 16px;
  }

  .modal_mthactivlearn.preview-page {
    overflow: auto;
  }

  .modal-link {
    font-size: 14px;
    display: block;
  }

  .modal_creatorseat {
    padding-left: 16px;
    padding-right: 16px;
    display: none;
  }

  .modal_creatorseat.preview-page {
    overflow: auto;
  }

  .div-block-288 {
    margin-left: 0;
    margin-right: 0;
  }

  .modal_addons {
    padding-left: 16px;
    padding-right: 16px;
  }

  .modal_addons.preview-page {
    overflow: auto;
  }

  .htmaintenance-section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .htmaintenance-button-wrapper {
    flex-direction: column;
  }

  .slider-mask-pricing.about-images {
    max-width: 370px;
  }

  .slider-mask-pricing.slider-icon-cards-copy {
    align-self: center;
    width: 80%;
    min-width: auto;
    max-width: none;
    margin-left: 0;
  }

  .slider-item-2-copy {
    margin-right: 20px;
  }

  .slider-copy {
    width: 100%;
    overflow: visible;
  }

  .slider-copy.mg-top-56px {
    margin-top: 0;
    overflow: hidden;
  }

  .arrow-link-circle-copy.slide {
    display: none;
  }

  .heading-71 {
    text-align: center;
    align-self: auto;
    margin-bottom: 0;
  }

  .paragraph-42 {
    font-size: 15px;
  }

  .paragraph-42._100 {
    text-align: center;
    width: 100%;
  }

  .text-span-25 {
    font-size: 13px;
  }

  .paragraph-44 {
    font-size: 12px;
  }

  .heading-74 {
    text-align: center;
    font-size: 40px;
    line-height: 45px;
  }

  .paragraph-45, .heading-76 {
    text-align: center;
  }

  .paragraph-32-copy {
    font-size: 15px;
  }

  .home-teams-inner-card2 {
    justify-content: flex-start;
    align-items: stretch;
  }

  .image-144 {
    width: 100%;
  }

  .capterra1-section-6 {
    height: auto;
  }

  .button-primary-4 {
    width: 100%;
  }

  .lp_h2-3 {
    text-align: center;
    font-size: 32px;
    line-height: 42px;
  }

  .lp_h2-3.centre {
    margin-bottom: 8px;
  }

  .heading-77 {
    font-size: 16px;
  }

  .section-75 {
    padding: 20px 10px;
  }

  .lp_paragraph-3 {
    font-size: 14px;
    line-height: 20px;
  }

  .div-block-300 {
    grid-column-gap: 10px;
    grid-template-columns: minmax(40px, .25fr) 1.75fr;
    width: auto;
    max-width: 330px;
  }

  .div-block-301 {
    flex-direction: column;
    align-items: center;
    min-width: auto;
    display: flex;
  }

  .image-148 {
    width: 32px;
    height: 32px;
  }

  .container-86 {
    flex-direction: column;
    height: 140px;
    max-height: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .subtitle-copy-2 {
    width: 75%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 20px;
    line-height: 32px;
  }

  .pricing-details-3 {
    min-width: 320px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-77 {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .container-87 {
    flex-direction: column;
    justify-content: center;
    max-width: 90%;
    margin-bottom: 0;
    display: block;
  }

  .container-88 {
    justify-content: flex-start;
    max-width: 90%;
  }

  .grid-23 {
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .heading-78 {
    width: 95%;
    font-size: 36px;
    line-height: 46px;
  }

  .image-149 {
    max-width: 100%;
  }

  .feature-bold {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
  }

  .lp2-section-2-content-wrapper-copy {
    margin-top: 13px;
  }

  .link-20 {
    display: inline;
  }

  .signup-section {
    flex-direction: column-reverse;
    height: auto;
  }

  .signupimage {
    max-width: 100%;
    min-height: 350px;
    max-height: 0;
  }

  .signup-form {
    flex-direction: row;
    display: flex;
    position: static;
  }

  .container-89 {
    width: auto;
    max-width: 472px;
  }

  .div-block-302 {
    margin-left: 20px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .form-4 {
    object-fit: scale-down;
    position: static;
    overflow: auto;
  }

  .form-step-1, .form-step-3 {
    display: flex;
  }

  .caption-copy {
    text-align: center;
    font-size: 11px;
  }

  .text-span-33 {
    display: block;
  }

  .div-block-137-yellow {
    margin-right: 20px;
  }

  .createsharetrackheading.color-white {
    text-align: left;
  }

  .home-container_fuel {
    padding-bottom: 0;
  }

  .hc-wrap-home2 {
    aspect-ratio: 16 / 9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    flex-direction: column;
    min-width: 0;
    margin-bottom: 40px;
    display: flex;
  }

  .hc-wrap1 {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hc-heading.align-left.white {
    font-size: 36px;
    line-height: 50px;
  }

  .hc-heading.align-centre.color-white {
    font-size: 36px;
    line-height: 42px;
  }

  .home-section-hero {
    padding-top: 60px;
  }

  .home-teamspro-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .home-teamspro-container.align-centre {
    margin-bottom: 0;
  }

  .all-from-a-single-platform-section {
    overflow: hidden;
  }

  .all-from-a-single-platform-content-wrapper {
    margin-top: 13px;
  }

  .all-from-a-single-platform-tabs {
    display: none;
  }

  .learning-academy_button-wrapper {
    width: auto;
    margin-top: 20px;
  }

  .learning-academy-wrapper {
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .build-your-dream-section {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .all-from-a-single-platform-tabs-menu {
    flex-direction: column;
    justify-content: center;
    min-width: auto;
  }

  .all-from-a-single-platform-tabs-menu.align-centre {
    width: 100%;
  }

  .afasp-tab-wrapper-content {
    border-radius: 10px;
    min-height: 0;
    padding: 20px;
  }

  .afasp-tab-wrapper-content-image {
    border-radius: 4px;
  }

  .afasp-device-element-wrapper {
    height: 30px;
  }

  .home-hero-embed {
    height: auto;
  }

  .card-strip-grey {
    width: 100vw;
    top: -40px;
    left: -20px;
  }

  .dream-academy-image-wrapper.align-centre {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }

  .home---customertabs {
    width: auto;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .bookademo-mobile {
    width: 100%;
  }

  .bookademo-mobile.yellow {
    height: 56px;
    display: flex;
  }

  .bookademo-mobile.yellow.align-centre {
    width: auto;
  }

  .startafreetrial {
    width: 100%;
  }

  .startafreetrial.yellow {
    height: 56px;
    display: none;
  }

  .startafreetrial-secondary, .bookademo-secondary {
    width: 100%;
  }

  .bookademo-secondary.align-centre {
    width: auto;
    display: none;
  }

  .byd-content {
    margin-top: 60px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .byd-content-img {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .navbar_button_demo_mobile {
    display: flex;
  }

  .ai-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .learning-academy-primary {
    width: 100%;
  }

  .learning-academy-primary.yellow {
    height: 56px;
  }

  .afaspc-button {
    width: 100%;
  }

  .afaspc-button.yellow {
    width: 100%;
    height: 56px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .afaspc-button-secondary, .learning-academy-secondary {
    width: 100%;
  }

  .home-createyourlearningacademy-section {
    padding-top: 40px;
  }

  .div-block-315 {
    flex-direction: column;
  }

  .ai-cta-wrapper {
    width: 100%;
  }

  .academylist {
    width: auto;
  }

  .learningacademygrid {
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    justify-items: center;
    margin-left: 10px;
    margin-right: 10px;
  }

  .home-la-grid-content {
    text-align: center;
    margin-bottom: 40px;
  }

  .home-la-grid-contenticon {
    width: 50px;
  }

  .bookademo-primary {
    width: 100%;
  }

  .bookademo-primary.align-centre {
    width: auto;
    font-size: 18px;
    display: flex;
  }

  .bookademodesktop-secondary {
    width: 100%;
    display: none;
  }

  .bookademodesktop-secondary.align-centre {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .bookademoprimary {
    width: 100%;
    display: none;
  }

  .bookademoprimary.yellow {
    height: 56px;
  }

  .tabs-4-copy {
    width: 100%;
    overflow: hidden;
  }

  .tabs-content-3-copy {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .tab-pane-monthly-copy {
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-317 {
    width: 100%;
  }

  .lp2-tilt-background-1-copy {
    background-color: var(--white);
    width: 120vw;
    height: 200px;
    margin-top: 0;
    margin-left: auto;
    top: 680px;
    bottom: -5%;
  }

  .navbar-mobile-link-wrapper-demo {
    display: none;
  }

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

  .getyourfreeconsult-primary {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .getyourfreeconsult-primary.yellow {
    width: auto;
    height: 56px;
  }

  .list-item-9, .list-item-10 {
    font-size: 16px;
  }

  .all-from-a-single-platform-slider {
    background-color: #0000;
    width: 100%;
    height: auto;
    display: block;
  }

  .all-from-a-single-platform-slides {
    margin-left: 0;
    margin-right: 10px;
  }

  .all-from-a-single-platform-slider-title-wrapper {
    min-height: 0;
    margin-bottom: 0;
  }

  .all-from-a-single-platform-slider-device-wrapper {
    border-radius: 4px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .icon-28 {
    display: none;
  }

  .afaspc-button-2 {
    width: 100%;
  }

  .afaspc-button-2.yellow {
    width: 100%;
    height: 56px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .all-from-a-single-platform-section-2 {
    overflow: hidden;
  }

  .align-centre-3 {
    flex-direction: column;
    width: 100%;
  }

  .home---customertabs-2 {
    width: auto;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .icon-29 {
    display: none;
  }

  .slide-nav-10 {
    font-size: 8px;
    position: relative;
  }

  .afaspc-button-secondary-2 {
    width: 100%;
  }

  .mask-14 {
    overflow: visible;
  }

  .lp2-section-2-content-wrapper-councils {
    margin-top: 13px;
  }

  .all-from-a-single-platform-container-councils {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .button-primary-copy {
    width: 100%;
  }

  .button-primary-copy.yellow {
    width: auto;
    height: 56px;
  }

  .form-login {
    object-fit: scale-down;
    position: static;
    overflow: auto;
  }

  .log-in-form {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    max-width: none;
    margin-top: auto;
    margin-left: 16px;
    margin-right: 16px;
    display: block;
    position: static;
  }

  .login-block {
    align-self: auto;
    width: auto;
    max-width: 472px;
    margin-top: 96px;
    margin-bottom: 40px;
    margin-left: auto;
    display: block;
  }

  .form-block-6-login {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .form-step-1-login {
    display: flex;
  }

  .login-section {
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: stretch;
    height: auto;
    min-height: auto;
    display: flex;
  }

  .form-step-2-login {
    display: flex;
  }

  .color-white-copy {
    align-self: center;
    margin-left: 0;
    margin-right: 0;
  }

  .color-white-copy.align-centre {
    text-align: center;
    margin-bottom: 10px;
  }

  .color-white-copy.createsharetrack_p {
    margin-left: 0;
    margin-right: 0;
  }

  .color-white-copy.signup_bullets, .color-white-copy.signup_bullets-copy {
    width: 100%;
  }

  .sign-in-thank-you {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block-322 {
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .color-white-2 {
    align-self: center;
    margin-left: 0;
    margin-right: 0;
  }

  .color-white-2.align-centre {
    text-align: center;
    margin-bottom: 10px;
  }

  .color-white-2.createsharetrack_p {
    margin-left: 0;
    margin-right: 0;
  }

  .color-white-2.signup_bullets, .color-white-2.signup_bullets-2 {
    width: 100%;
  }

  .loginimage {
    background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/650b99ee1e08efd4a7cd633a_64e6c9b68091e95a250e775e_signup_pro%20(1).jpg");
    justify-content: center;
    max-width: 100%;
    min-height: 350px;
    max-height: 0;
    margin-top: auto;
  }

  .div-block-side-bar-text {
    margin-left: 20px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .scorm-creator-section-1 {
    align-items: center;
  }

  .scorm-creator-hero {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 60px;
    padding-right: 0;
  }

  .paragraph-57._2-billion {
    width: 100%;
    line-height: 24px;
  }

  .image-153 {
    width: 100%;
  }

  .scorn-creator-section-container {
    padding-bottom: 0;
  }

  .sc-wrap2 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    flex-direction: column;
    min-width: 0;
    margin-bottom: 40px;
    display: flex;
  }

  .sc-wrap1 {
    min-width: 0;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .scorm-creator-button {
    width: 100%;
    display: none;
  }

  .scorm-creator-button.yellow {
    width: auto;
    height: 56px;
  }

  .sc-heading.align-left.white {
    font-size: 36px;
    line-height: 50px;
  }

  .sc-heading.align-centre {
    font-size: 42px;
    line-height: 48px;
  }

  .sc-heading.align-centre.color-white {
    font-size: 36px;
    line-height: 42px;
  }

  .email-remind-me {
    display: flex;
  }

  .thankyou-block {
    justify-content: space-around;
    align-self: auto;
    width: auto;
    max-width: 472px;
    height: auto;
    margin: 96px auto 40px;
    display: none;
  }

  .paragraph-61 {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .list-item-17, .list-item-18, .list-item-19, .list-item-20 {
    text-align: left;
  }

  .send-reminder-block {
    align-self: auto;
    width: auto;
    max-width: 472px;
    margin-top: 96px;
    margin-bottom: 40px;
    margin-left: auto;
    display: block;
  }

  .capterra-mobile-learning-image, .image-153-copy {
    width: 100%;
  }

  .lp2-section-3-home {
    padding-top: 100px;
  }

  .all-from-a-single--home {
    padding-top: 60px;
    overflow: hidden;
  }

  .home-h2-copy {
    text-align: center;
    margin-top: -49px;
  }

  .color-white-left {
    align-self: center;
    margin-left: 0;
    margin-right: 0;
  }

  .color-white-left.align-centre {
    text-align: center;
    margin-bottom: 10px;
  }

  .color-white-left.createsharetrack_p {
    margin-left: 0;
    margin-right: 0;
  }

  .color-white-left.signup_bullets {
    width: 100%;
  }

  .home-h2-lg-copy {
    text-align: left;
  }

  .home-h2-lg-copy.align-centre {
    text-align: center;
  }

  .internal-training-section2 {
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .div-block-283-copy {
    flex-direction: column;
    align-self: center;
    align-items: stretch;
    width: 100%;
    margin: 0 0 32px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .internal-training-list {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-85-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    align-items: stretch;
  }

  .temp-1a {
    width: 100%;
    margin-top: 0;
  }

  .temp-html-embed {
    height: auto;
  }

  .section-74-copy {
    margin-top: 0;
  }

  .color-white-8-copy {
    margin-bottom: 16px;
  }

  .html-embed-5-cover {
    height: auto;
  }

  .growth-section-4-copy {
    display: none;
  }

  .button-primary-card {
    vertical-align: baseline;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 15px;
    text-decoration: none;
    display: flex;
  }

  .button-primary-card.yellow {
    width: auto;
    height: 56px;
  }

  .html-embed-5-copy {
    height: auto;
  }

  .button-secondary-card {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: auto;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 15px;
    display: flex;
  }

  .container-86-copy {
    flex-direction: column;
    align-items: center;
    height: 160px;
    max-height: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar_button_book_demo, .navbar_button_book_demo2 {
    display: none;
  }

  .demo-logos-courses {
    grid-column-gap: 32px;
    grid-row-gap: 16px;
  }

  .demo-logos-courses.centered {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
  }

  .div-block-327 {
    position: static;
  }

  .lp2-section-2-content-wrapper-scratch {
    margin-top: 13px;
  }

  .heading-100 {
    font-size: 16px;
  }

  .tabs-menu-copy {
    flex-direction: column;
    justify-content: center;
    min-width: auto;
  }

  .capterra1-section-1-copy {
    height: auto;
  }

  .signup-form-sp {
    flex-direction: row;
    display: flex;
    position: static;
  }

  .container-sp {
    width: auto;
    max-width: 472px;
  }

  .form-4-copy {
    object-fit: scale-down;
    position: static;
    overflow: auto;
  }

  .form-step-1sp {
    display: flex;
    overflow: visible;
  }

  .form-4-sp {
    object-fit: scale-down;
    position: static;
    overflow: visible;
  }

  .hc-wrap-home {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .home-hero-embed-2 {
    height: auto;
  }

  .body-hero.color-white.align-centre {
    font-size: 16px;
  }

  .home-container_upskill {
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .home-section-hero-upskill {
    min-height: 700px;
    padding-top: 60px;
  }

  .hc-heading-upskill.align-left.white {
    font-size: 36px;
    line-height: 50px;
  }

  .hc-heading-upskill.align-centre.color-white {
    padding-left: 0;
    padding-right: 0;
    font-size: 36px;
    line-height: 42px;
  }

  .navbar-mobile-link {
    display: none;
  }

  .nav-dropdown-h1 {
    font-size: 18px;
  }

  .youtube-2 {
    aspect-ratio: auto;
  }

  .internal-training-tabs {
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .div-block-internal-training-tab {
    width: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-internal-training-tab.navi {
    width: 140px;
    padding-top: 40px;
  }

  .full-width-container-internal-training {
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .weve-got-the-solution {
    padding-top: 60px;
    overflow: hidden;
  }

  .gradient-3-col-bg-container {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .weve-got-solution-cols-container {
    display: none;
  }

  .weve-got-solution-tabs {
    flex-direction: column;
    justify-content: center;
    min-width: auto;
  }

  .weve-got-solution-tabs.align-centre {
    width: 100%;
  }

  .weve-got-sol-tabs {
    width: auto;
    height: 56px;
    margin-left: 0;
    padding: 4px;
  }

  .weve-got-sol-tabs.w--current {
    height: 56px;
  }

  .section-choose-package {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .choose-package-container {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 15px;
    padding-right: 15px;
  }

  .choose-package-card-heading, .choose-package-card-para {
    text-align: left;
  }

  .choose-package-image {
    aspect-ratio: 1;
    object-fit: cover;
  }

  .choose-package-image-container {
    width: 90px;
    margin-left: 0;
    margin-right: 0;
  }

  .choose-package-cards {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    padding: 0 16px 16px;
  }

  .weve-got-sollution-text-container, .choose-your-level-text-container-copy {
    margin-top: 13px;
  }

  .choose-your-level-text-container-copy.align-centre {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-ai {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .leading-way-text-container {
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin-top: 0;
  }

  .leading-way-text-container.align-centre {
    padding-left: 24px;
    padding-right: 24px;
  }

  .leading-way-container {
    flex-wrap: nowrap;
    align-items: flex-start;
    width: auto;
    max-width: none;
    height: auto;
    margin-top: 13px;
  }

  .leading-way-container.align-centre {
    padding-left: 24px;
    padding-right: 24px;
  }

  .leading-way-heading {
    text-align: left;
    width: auto;
    max-width: none;
    margin-top: 0;
  }

  .leading-way-col-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .leading-way-tick {
    width: 24px;
  }

  .case-studies-quotes-wrapper-no-logo {
    width: 340px;
  }

  .section-call-out {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d60e0094c0116935ccab9f_callout-bg.jpg"), linear-gradient(#0000, #0000);
    background-position: 50%, 0 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .call-out-text {
    text-align: center;
    margin-top: 0;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 18px;
    line-height: 27px;
  }

  .mask-weve-got-solution {
    height: auto;
  }

  .weve-got-solution-slider {
    background-color: #0000;
    width: auto;
    height: auto;
    display: block;
  }

  .weve-got-sol-slides {
    margin-left: 0;
    margin-right: 10px;
  }

  .weve-got-slide-text {
    text-align: center;
    min-height: 0;
    margin-bottom: 0;
  }

  .weve-got-slide-header {
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
  }

  .weve-got-slider-image {
    border-radius: 4px;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .home-hero-div {
    width: auto;
  }

  .hero-vid-div {
    aspect-ratio: 16 / 9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    flex-direction: column;
    min-width: 0;
    margin-bottom: 40px;
    display: flex;
  }

  .hero-vid-div.ai-animation-wrapper {
    border-width: 8px;
    border-radius: 8px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .hero-cta-div {
    width: 100%;
  }

  .ai-heading.ai {
    font-size: 16px;
  }

  .ai-body-text {
    padding-left: 0;
    padding-right: 0;
  }

  .ai-animation {
    margin-left: auto;
    margin-right: auto;
  }

  .ai-animation-wrapper {
    border-width: 8px;
    border-radius: 8px;
  }

  .ai-cta {
    flex-direction: column;
  }

  .ai-cta-btn-wrapper {
    margin-top: 20px;
  }

  .ai-cta-btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .ai-cta-btn.yellow {
    height: 56px;
  }

  .ai-cta-btn.billion {
    width: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-solution {
    padding-top: 40px;
  }

  .solution-container {
    align-items: flex-end;
    margin-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .solution-text-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .solutions-txt-bullet-wrapper {
    margin-bottom: 24px;
  }

  .explore-btn {
    width: 100%;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .explore-btn.yellow {
    height: 56px;
  }

  .solution-stat-container {
    width: 300px;
    height: 300px;
  }

  .solution-quote-fext {
    text-align: center;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 24px;
    line-height: 30px;
  }

  .solution-quote-text-hilight {
    text-align: center;
  }

  .solution-stat-container-2 {
    align-items: center;
    width: 300px;
    height: 300px;
  }

  .solution-heading {
    text-align: center;
    margin-top: 0;
    font-size: 26px;
    line-height: 32px;
  }

  .solution-heading.color-white.align-centre.gradient-lime {
    max-width: none;
    font-size: 24px;
    line-height: 32px;
  }

  .solution-text {
    margin-bottom: 0;
    padding-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .section-why-howtoo {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    display: none;
  }

  .why-howtoo-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .why-howtoo-text {
    padding-left: 0;
    padding-right: 0;
  }

  .section-leading-the-way {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-how-we-rate.home-createyourlearningacademy-section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-328 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .solution-quote-text-hilight-2 {
    text-align: center;
  }

  .why-heading {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 26px;
    line-height: 32px;
  }

  .why-heading.color-white.align-centre.gradient-lime {
    max-width: none;
    font-size: 24px;
    line-height: 32px;
  }

  .solution-container-2a {
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
  }

  .bold-text-21 {
    width: auto;
  }

  .start-upskilling-heading {
    text-align: center;
    margin-top: 0;
    font-size: 26px;
    line-height: 32px;
  }

  .start-upskilling-heading.color-white.align-centre.gradient-lime {
    max-width: none;
    font-size: 24px;
    line-height: 32px;
  }

  .bold-text-22 {
    font-size: 26px;
    line-height: 28px;
  }

  .bold-text-23 {
    font-size: 22px;
    line-height: 26px;
  }

  .solution-quote-fext-copy {
    text-align: center;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 24px;
    line-height: 30px;
  }

  .choose-package-cards-pricing, .choose-package-cards-no-btn {
    margin-left: 0;
    margin-right: 0;
    padding: 0 32px 32px;
  }

  .choose-package-card-para-no-btn {
    text-align: left;
  }

  .div-block-329 {
    justify-content: space-around;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-create-engaging {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .ai-wrapper-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ai-animation-wrapper2 {
    border-width: 8px;
    border-radius: 8px;
  }

  .section-ai-2 {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .ai-animation-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .section-brand-your-courses, .section-assessments {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .academy-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-academy {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .academy-animation-wrapper {
    border-width: 8px;
    border-radius: 8px;
  }

  .academy-animation {
    margin-left: auto;
    margin-right: auto;
  }

  .section-track {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .div-block-330 {
    align-self: stretch;
  }

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

  .case-studies-xpert {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-vid-div-xpert {
    aspect-ratio: 16 / 9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    flex-direction: column;
    min-width: 0;
    margin-bottom: 40px;
    display: flex;
  }

  .hero-vid-div-xpert.ai-animation-wrapper {
    border-width: 8px;
    border-radius: 8px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .h2-heading {
    text-align: center;
    margin-top: 0;
    font-size: 26px;
    line-height: 32px;
  }

  .h2-heading.color-white.align-centre.gradient-lime {
    max-width: none;
    font-size: 24px;
    line-height: 32px;
  }

  .section-partner-2 {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .partner-img-1 {
    width: 60%;
  }

  .partner-img-1._2-billion._2 {
    margin-top: 16px;
  }

  .partner-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .partner-txt-wrapper-left {
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .section-partner-1 {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .partner-wrapper-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .partner-img-2 {
    background-position: 76%;
    width: 60%;
  }

  .partner-txt-wrapper-right {
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .partner-img-3 {
    background-position: 50%;
    width: 60%;
  }

  .partner-img-4 {
    width: 60%;
  }

  .partner-img-4._2-billion {
    margin-top: 16px;
  }

  .partner-img-4._2-billion._2 {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/668234eb0464430a7b9ee536_bg3.webp");
    background-position: 67% 60%;
    background-repeat: no-repeat;
    background-size: 150%;
    margin-top: 16px;
  }

  .lp2-tilt-background-1-home {
    background-color: var(--white);
    width: 120vw;
    height: 200px;
    margin-top: 0;
    margin-left: auto;
    top: 680px;
    bottom: -5%;
  }

  .button-secondary-hide {
    width: 100%;
  }

  .link-block-21 {
    width: 100%;
    min-width: 280px;
    height: 100%;
    min-height: 280px;
  }

  .creator-container-1268-faq-copy {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-call-out-copy {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d60e0094c0116935ccab9f_callout-bg.jpg"), linear-gradient(#0000, #0000);
    background-position: 50%, 0 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .weve-got-solution-tabs-copy {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    justify-content: center;
    min-width: auto;
  }

  .weve-got-solution-tabs-copy.align-centre {
    width: 100%;
  }

  .say-helllo-customer-ed {
    padding-top: 40px;
    padding-bottom: 32px;
  }

  .bottom-margin-10-copy {
    font-size: 26px;
    line-height: 32px;
  }

  .case-study-cms-list-copy {
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .book-a-demo {
    padding-top: 40px;
  }

  .awards-text {
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin-top: 0;
  }

  .awards-text.align-centre {
    padding-left: 24px;
    padding-right: 24px;
  }

  .awards-h2 {
    text-align: left;
    width: auto;
    max-width: none;
    margin-top: 0;
  }

  .awards-subheading {
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
  }

  .xpert---section-4---badge-copy {
    width: 48%;
  }

  .weve-got-slide-header-copy {
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
  }

  .customer-ed-cols-container {
    display: block;
  }

  .customer-ed-tabs {
    width: auto;
    height: 56px;
    margin-left: 0;
    padding: 4px;
  }

  .customer-ed-tabs.w--current, .customer-ed-tabs.councils, .customer-ed-tabs.councils.w--current {
    height: 56px;
  }

  .customer-ed-tabs-txt {
    font-size: 14px;
  }

  .heading-104 {
    font-size: 26px;
    line-height: 32px;
  }

  ._3-dot-pts-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-bottom: 24px;
  }

  .awards-text-2 {
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin-top: 0;
  }

  .awards-text-2.align-centre {
    padding-left: 24px;
    padding-right: 24px;
  }

  .awards-div-3-xpert {
    width: 140px;
    height: 80px;
  }

  .awards-div-4 {
    height: 80px;
  }

  .here-are-some-celebrated {
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .awards-text-1 {
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin-top: 0;
  }

  .awards-text-1.align-centre {
    padding-left: 24px;
    padding-right: 24px;
  }

  .customer-ed-form {
    max-width: 100%;
  }

  .section-say-hello-customer-ed {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  ._6step-sayhello_img-2 {
    aspect-ratio: auto;
    object-fit: fill;
    width: 80%;
  }

  .cell-5 {
    flex-flow: wrap;
  }

  .quick-stack-2 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .learning-academy-wrapper-copy {
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .choose-pack-card-top-half {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    direction: rtl;
    align-items: center;
    padding-bottom: 16px;
    display: flex;
  }

  .choose-pack-text-div {
    align-self: center;
    width: 100%;
    margin-right: 0;
  }

  .paragraph-70 {
    text-align: left;
    line-height: 20px;
  }

  .section-pricing-generic {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .growth-tilt-background-1-copy {
    margin-top: -60px;
    margin-left: 2vw;
  }

  .capterrabutton {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .capterrabutton.yellow {
    justify-content: space-between;
    width: 100%;
    height: auto;
    display: block;
  }

  .capterrabutton.yellow.demo {
    width: 100%;
  }

  .capterrabutton.demo {
    justify-content: center;
    display: flex;
  }

  .navbar-mobile-link-wrapper-copy {
    display: none;
  }

  .heading-105, .heading-106 {
    text-align: center;
  }

  .tab-toggle-courses {
    grid-template-columns: 1fr 1fr;
  }

  .tab-pane-all-courses {
    padding-right: 0;
  }

  .rich-text-block-9, .faq-body-cont-3.no-left-padding-for-mobile, .faq-body-cont-3.no-left-padding-for-mobile-test {
    font-size: 12px;
  }

  .no-margin-3 {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
  }

  .signupimage-2 {
    background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/650b99ee62f5ee59584a7593_6503c834dfdaeabff76983cf_signup_pro_tablet%20(1).png");
    background-position: 0 0, 50% 30%;
    max-width: 100%;
    min-height: 200px;
    max-height: 0;
  }

  .cyber-banner {
    background-position: 17%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
  }

  .cyber-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 50%;
    min-width: 50%;
    height: 100%;
    padding-bottom: 24px;
    display: flex;
  }

  .cyber-banner-text {
    line-height: 18px;
  }

  .register {
    display: none;
  }

  .navbar_button_register {
    text-align: center;
    text-decoration: none;
    display: flex;
  }

  .cyber-register-div {
    flex-flow: column;
  }

  .pricing-switch-wrapper-hide {
    border-radius: 20px;
    flex-direction: column;
    align-items: stretch;
    width: auto;
    height: auto;
  }

  .div-content-enterprise {
    padding: 24px;
  }

  .heading-enterprise {
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-enterprise {
    font-size: 15px;
  }

  .div-block-enterprise {
    margin-bottom: 0;
  }

  .paragraph-42-copy {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    font-size: 15px;
  }

  .div-block-enterprise-text {
    margin-left: 0;
    margin-right: 0;
  }

  .div-enterprise {
    padding: 24px 0;
  }

  .card-strip-enterprise {
    width: 100vw;
    top: -40px;
    left: -20px;
  }

  .slider-pricing {
    width: 100%;
    overflow: visible;
  }

  .slider-pricing.mg-top-56px {
    margin-top: 0;
    overflow: hidden;
  }

  .button-primary-card-test {
    vertical-align: baseline;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 15px;
    text-decoration: none;
    display: flex;
  }

  .button-primary-card-test.yellow {
    width: auto;
    height: 56px;
  }

  .button-secondary-card-test {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 15px;
    display: flex;
  }

  .div-block-277-copy {
    margin-bottom: 0;
    margin-left: 16px;
    margin-right: 16px;
  }

  .sc-wrap2-copy {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    flex-direction: column;
    min-width: 0;
    margin-bottom: 40px;
    display: flex;
  }

  .sc-wrap1-copy {
    min-width: 0;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ai-animation-copy {
    margin-left: auto;
    margin-right: auto;
  }

  .ai-animation-wrapper-copy {
    border-width: 8px;
    border-radius: 8px;
    margin-bottom: 16px;
  }

  .div-block-317-copy {
    width: 100%;
  }

  .sc-heading-copy.align-left.white {
    font-size: 36px;
    line-height: 50px;
  }

  .sc-heading-copy.align-centre {
    font-size: 42px;
    line-height: 48px;
  }

  .sc-heading-copy.align-centre.color-white {
    font-size: 36px;
    line-height: 42px;
  }

  .sc-heading-copy.align-centre.invert {
    letter-spacing: 0;
    font-size: 28px;
  }

  .sc-heading-copy.align-centre._2-billion {
    font-size: 42px;
    line-height: 48px;
  }

  .scorm-creator-hero-copy {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 60px;
    padding-right: 0;
  }

  .call-out-text-copy {
    text-align: center;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 24px;
    line-height: 32px;
  }

  .call-out-text-copy._2billion {
    margin-top: 16px;
  }

  .section-call-out-copy {
    background-image: url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667bdb1f91fa19b97fcd3247_quotemarks2.png"), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/667bd976609972945f403e0f_quotemarks.png"), linear-gradient(#151528, #15152880), url("https://cdn.prod.website-files.com/620c7f9027a6c92857e843c6/65d60e0094c0116935ccab9f_callout-bg.jpg"), linear-gradient(#0000, #0000);
    background-position: 90% 90%, 10% 10%, 0 0, 50%, 0 0;
    background-repeat: no-repeat, no-repeat, repeat, no-repeat, repeat;
    background-size: 16%, 15%, auto, cover, auto;
    background-attachment: scroll, scroll, scroll, fixed, scroll;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .call-out-text-author {
    text-align: center;
    margin-top: 0;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 27px;
  }

  .home-h2-copy {
    text-align: center;
    margin-top: -49px;
    font-size: 26px;
    line-height: 32px;
  }

  .home-h2-copy.color-white.align-centre.gradient-lime {
    max-width: none;
    font-size: 24px;
    line-height: 32px;
  }

  .choose-your-level-text-container-copy-copy {
    margin-top: 13px;
  }

  .choose-your-level-text-container-copy-copy.align-centre {
    padding-left: 24px;
    padding-right: 24px;
  }

  .align-centre-copy {
    flex-direction: column;
    width: 100%;
    font-size: 26px;
    line-height: 32px;
  }

  .align-centre-copy.bottom-margin-40 {
    font-size: 26px;
    line-height: 32px;
  }

  .sc-heading-copy-m.align-left.white {
    font-size: 36px;
    line-height: 50px;
  }

  .sc-heading-copy-m.align-centre {
    font-size: 42px;
    line-height: 48px;
  }

  .sc-heading-copy-m.align-centre.color-white {
    font-size: 36px;
    line-height: 42px;
  }

  .section-features-left, .section-feature-right {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .wrapper-feature {
    grid-column-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrapper-text {
    min-width: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .wrapper-vid-right {
    border-width: 8px;
    border-radius: 8px;
  }

  .section-features-right {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .wrapper-vid-left {
    border-width: 8px;
    border-radius: 8px;
  }

  .section-features {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 24px;
  }

  .section-features._2-billion, .section-features._2-billion._1 {
    margin-top: 0;
  }

  .featiure-animation {
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .wrapper-vid {
    border-width: 8px;
    border-radius: 8px;
  }

  .feature-body-text {
    padding-left: 0;
    padding-right: 0;
    line-height: 24px;
  }

  .feature-heading-text {
    text-align: center;
    margin-top: auto;
    font-size: 26px;
    line-height: 32px;
  }

  .feature-heading-text.color-white.align-centre.gradient-lime {
    max-width: none;
    font-size: 24px;
    line-height: 32px;
  }

  .section-partnership {
    margin-top: 0;
    padding-top: 40px;
    position: static;
  }

  .section-partnership.results {
    position: relative;
  }

  .wrapper-text-2 {
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .wrapper-feature-hero {
    width: 100%;
    margin-bottom: 40px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .wrapper-hero-text {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: auto;
    min-width: 0;
  }

  .wrapper-vid-hero {
    border-width: 8px;
    border-radius: 8px;
    margin-bottom: 16px;
  }

  .section-features-all {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .wrapper-logo-carousel {
    padding-top: 100px;
  }

  .image-partnership._2-billion {
    clear: none;
    width: 85%;
    display: block;
    position: static;
  }

  .wrapper-text-partnership {
    min-width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .wrapper-partnership {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bg-blur-blue-hero {
    top: 42%;
  }

  .section-ai-create {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper-2btns {
    flex-flow: column;
  }

  .featiure-animation-academy, .featiure-animation-editor, .featiure-animation-reports {
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .section-txtandform {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 24px;
  }

  .wrapper-hubspot-form {
    border-width: 8px;
    border-radius: 8px;
  }

  .section-speakers {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 24px;
    display: flex;
  }

  .wrapper-speaker {
    grid-column-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrapper-speakers-all {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .heading-speaker {
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
    font-size: 18px;
  }

  .heading-speaker.date {
    text-align: center;
  }

  .section-date-time {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 24px;
  }

  .wrapper-date-time {
    flex-flow: column;
  }

  .heading-speaker-copy {
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
  }

  .section-what-to-expect {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 24px;
  }

  .ai-img {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .wrapper-banner-date {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 80%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  .banner-img1-f-o-t {
    width: 80%;
  }

  .wrapper-banner-f-o-t2 {
    flex-flow: column;
    height: auto;
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .register-now-btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .register-now-btn.yellow {
    height: 56px;
  }

  .section-2-billion-in-skills {
    min-height: 700px;
    padding-top: 60px;
  }

  .section-call-out-2-billion {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper-hero-text-2-billion {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: auto;
    min-width: 0;
  }

  .div-txt-signup, .div-trusted-by-signup {
    margin-left: 20px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .demo-logos-wide {
    grid-column-gap: 0px;
    grid-row-gap: 24px;
  }

  .demo-logos-wide.centered {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
  }

  .lp-council-hero-container {
    margin-top: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .body-text-container-copy2 {
    margin-bottom: 32px;
  }

  .ai-heading-copy {
    margin-top: 32px;
  }

  .ai-heading-copy.ai {
    font-size: 16px;
  }

  .body-text-container-copy3 {
    margin-bottom: 0;
  }

  .heading-107 {
    font-size: 26px;
    line-height: 32px;
  }

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

  .partners-hero-section {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .partners-wrapper {
    width: 75%;
  }

  .body-hero-partners {
    line-height: 24px;
  }

  .partners-cta-btn {
    width: 100%;
    margin-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .partners-cta-btn.yellow {
    height: 56px;
  }

  .partners-cta-btn.billion {
    width: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-partners-grad {
    margin-top: 0;
    padding-top: 24px;
    position: static;
  }

  .section-partners-grad.results {
    position: relative;
  }

  .wrapper-partners {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .wrapper-partners-cards {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .wrapper-text-partners {
    min-width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .benefits-body-text {
    text-align: left;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 24px;
  }

  .benefits-body-text.left._50-width {
    width: 60%;
  }

  .benefits-body-text.left._90 {
    width: 101%;
  }

  .benefits-body-text.bold {
    font-size: 14px;
  }

  .benefits-body-text.bold.dark {
    text-align: center;
  }

  .benefits-card {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    padding-right: 8px;
    display: flex;
  }

  .image-165 {
    width: 32px;
    height: 32px;
  }

  .partners-h2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .partners-h2.ai {
    font-size: 16px;
  }

  .partners-h2.fit {
    text-align: left;
  }

  .wrapper-partners-heading {
    text-align: center;
    margin-top: auto;
    font-size: 26px;
    line-height: 32px;
  }

  .wrapper-partners-heading.color-white.align-centre.gradient-lime {
    max-width: none;
    font-size: 24px;
    line-height: 32px;
  }

  .wrapper-partners-heading.left {
    text-align: center;
  }

  .section-partners-dark {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .benefits-card-dark2 {
    background-position: 50%;
  }

  .benefits-card-dark4 {
    display: none;
  }

  .section-partners-light {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .program-body-text {
    padding-left: 0;
    padding-right: 0;
    line-height: 24px;
  }

  .learn-more-btn {
    width: 100%;
  }

  .partners-wrapper-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .enablement-card-dark1, .enablement-card-dark3 {
    height: 180px;
  }

  .bold-text-27 {
    font-size: 14px;
  }

  .enablement-card-dark4, .enablement-card-dark2, .enablement-card-dark5, .enablement-card-dark6 {
    height: 180px;
  }

  .enablement-blur {
    top: -73px;
  }

  .partners-modal-wrapper {
    display: none;
  }

  .partners-modal-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
  }

  .partners-modal-heading, .partners-modal-text {
    padding-left: 0;
    padding-right: 0;
    line-height: 24px;
  }

  .partners-bullet-line-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .partners-modal-icons {
    width: 48px;
    height: 48px;
  }

  .partners-modal-h1 {
    text-align: center;
    margin-top: auto;
    font-size: 26px;
    line-height: 32px;
  }

  .partners-modal-h1.color-white.align-centre.gradient-lime {
    max-width: none;
    font-size: 24px;
    line-height: 32px;
  }

  .partners-modal-h1-bold.ai {
    font-size: 16px;
  }

  .partners-modal-left-column {
    padding-bottom: 16px;
  }

  .partners-case1-txt, .partners-examples-heading {
    padding-left: 0;
    padding-right: 0;
    line-height: 24px;
  }

  .partners-modal-wrapper-2 {
    display: none;
  }

  .partners-case1-img2-div-copy, .partners-case2-img-div {
    height: 120px;
  }

  .learn-more-btn-2 {
    width: 100%;
  }

  .wrapper-partners-cards-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 16px;
    padding-right: 16px;
  }

  .partners-wrapper-hero-img.subscribe-hr {
    height: auto;
  }

  .partners-wrapper-hero-img.howtoo {
    width: 100%;
  }

  .body-partners-2 {
    line-height: 24px;
  }

  .benefits-card-dark4-mob {
    display: flex;
  }

  .wrapper-hero-text-subscribe {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: auto;
    min-width: 0;
  }

  .section-partners-list {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .div-partner-learn-more {
    width: 50%;
  }

  .div-partner-logos {
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 50%;
    height: 50px;
  }

  .partners-logo-text {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    line-height: 24px;
  }

  .div-partner-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-partner-list-top {
    justify-content: flex-start;
    align-items: center;
  }

  .partners-hero-section-1 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

#w-node-_3bbf0ca4-8e31-adbb-28c4-71c5de00b247-492218aa, #w-node-b2506e40-6a44-b705-bab1-d5af39864a54-492218aa, #w-node-_42c7830a-d8c3-b12b-65b9-1ff6baa9d5af-06d670d8, #w-node-_220d3fb7-4a40-1d96-2add-77c97ece1a71-06d670d8, #w-node-_396ba3c6-e263-feeb-cf3d-81cd22db136c-c2366ade, #w-node-e28c5dc7-d2be-937c-fc92-95b30e7b9a66-06d670dd, #w-node-e28c5dc7-d2be-937c-fc92-95b30e7b9a6c-06d670dd, #w-node-e28c5dc7-d2be-937c-fc92-95b30e7b9a72-06d670dd, #w-node-e28c5dc7-d2be-937c-fc92-95b30e7b9a78-06d670dd, #w-node-e28c5dc7-d2be-937c-fc92-95b30e7b9a7e-06d670dd, #w-node-e28c5dc7-d2be-937c-fc92-95b30e7b9a84-06d670dd, #w-node-e28c5dc7-d2be-937c-fc92-95b30e7b9a8a-06d670dd, #w-node-e28c5dc7-d2be-937c-fc92-95b30e7b9a90-06d670dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#how_too_site_url_.w-node-_03fa5114-1bc5-ea91-bae3-5ac61d0bf23b-06d670e3, #message.w-node-_03fa5114-1bc5-ea91-bae3-5ac61d0bf23c-06d670e3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_41359bf8-2d97-f017-69d9-cb6088bea34f-06d670e3, #w-node-d68c8998-c521-43f4-b173-9e7c29d55d73-06d670e3, #w-node-_0e76913c-0531-f91c-2402-c7b2ec08df14-06d670e3, #w-node-_3847fe36-58fa-19b2-7d6d-9912a1149273-06d670e3, #w-node-b0d3475b-ba0e-a3c2-fabc-9e2c571e2364-06d670e3, #w-node-b0d3475b-ba0e-a3c2-fabc-9e2c571e236a-06d670e3, #w-node-b0d3475b-ba0e-a3c2-fabc-9e2c571e2370-06d670e3, #w-node-b0d3475b-ba0e-a3c2-fabc-9e2c571e2376-06d670e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#how_too_site_url_.w-node-_33e38aa2-215d-8c8f-f606-65f28f0ba01b-06d670e3, #message.w-node-_33e38aa2-215d-8c8f-f606-65f28f0ba01c-06d670e3, #how_too_site_url_.w-node-_5658104b-24b7-7259-880a-2f761087ddb5-06d670e4, #message-4.w-node-_5658104b-24b7-7259-880a-2f761087ddb6-06d670e4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c4037f9-d2a9-4454-6118-5cbee334895f-06d670e4 {
  grid-area: Area;
}

#w-node-_5c4037f9-d2a9-4454-6118-5cbee3348962-06d670e4 {
  grid-area: Area-2;
}

#w-node-_5c4037f9-d2a9-4454-6118-5cbee3348965-06d670e4 {
  grid-area: Area-3;
}

#w-node-_2bc2fa79-1c5d-09d9-0495-a46acfc4ecc5-06d670e4, #w-node-_9ad93387-6eb1-3a30-084c-1fd3ba82c398-06d670e4, #w-node-af8e6411-46c1-edfb-89ca-5bce0c3940f2-06d670e4, #w-node-af8e6411-46c1-edfb-89ca-5bce0c3940f7-06d670e4, #w-node-_2771140c-25c3-4d19-cc49-4b309a9b3bdd-06d670e4, #w-node-_2771140c-25c3-4d19-cc49-4b309a9b3be2-06d670e4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_893ffd98-05be-4b9a-90fc-a17706e85c76-06d670e4 {
  grid-area: Area;
  align-self: center;
}

#w-node-ac454167-b2a3-ffc0-3ba5-42f6fd9f06e0-06d670e4 {
  grid-area: Area-2;
  align-self: center;
}

#how_too_site_url_.w-node-f970960b-ed3a-5271-6e8f-58121c605e70-06d670e4, #message-3.w-node-f970960b-ed3a-5271-6e8f-58121c605e71-06d670e4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_517387e6-abc8-41f4-64a9-9251cf09c006-cf09bffa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3a6d75b8-c251-940d-8ed9-73c31209ac7d-98a3acca {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f15b2a74-3e93-0a98-6944-39c84cd2d661-4c308d4d {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-f15b2a74-3e93-0a98-6944-39c84cd2d663-4c308d4d, #w-node-f15b2a74-3e93-0a98-6944-39c84cd2d664-4c308d4d, #w-node-f15b2a74-3e93-0a98-6944-39c84cd2d665-4c308d4d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f15b2a74-3e93-0a98-6944-39c84cd2d666-4c308d4d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-da52ea51-fe7e-6159-d33d-6ee3901787b9-901787b5, #w-node-da52ea51-fe7e-6159-d33d-6ee3901787ba-901787b5, #w-node-da52ea51-fe7e-6159-d33d-6ee3901787bb-901787b5, #w-node-ee6bc9e8-aea9-c9a1-cd49-6b2af17583fd-06d67136 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ee6bc9e8-aea9-c9a1-cd49-6b2af1758402-06d67136 {
  place-self: end;
}

#w-node-c5eb05cc-5c8d-cef9-e2db-ad4df75d8827-06d67136 {
  justify-self: stretch;
}

#w-node-c5eb05cc-5c8d-cef9-e2db-ad4df75d8836-06d67136 {
  justify-self: end;
}

#w-node-_3ad740af-5249-2c51-3bb9-f68da43f17e1-06d67170, #w-node-_46fd1abe-61d0-cc5c-ecb2-b5f47100bdd2-06d67170 {
  align-self: center;
}

#w-node-_8aee8ff9-7806-6c40-df32-3d463b52d865-06d67196 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c720fd01-8736-3c16-5d72-3c2f6ba54f78-06d67196 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-c720fd01-8736-3c16-5d72-3c2f6ba54f7a-06d67196, #w-node-c720fd01-8736-3c16-5d72-3c2f6ba54f7b-06d67196, #w-node-c720fd01-8736-3c16-5d72-3c2f6ba54f7c-06d67196 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c720fd01-8736-3c16-5d72-3c2f6ba54f7d-06d67196 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-c05bcdbb-802c-f961-0861-ee18eed6972c-eed69717 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 2.75fr 1fr;
}

#w-node-c05bcdbb-802c-f961-0861-ee18eed6972d-eed69717, #w-node-c05bcdbb-802c-f961-0861-ee18eed69731-eed69717, #w-node-c05bcdbb-802c-f961-0861-ee18eed69735-eed69717, #w-node-c05bcdbb-802c-f961-0861-ee18eed69738-eed69717, #w-node-c05bcdbb-802c-f961-0861-ee18eed6973b-eed69717, #w-node-c05bcdbb-802c-f961-0861-ee18eed6973e-eed69717, #w-node-c05bcdbb-802c-f961-0861-ee18eed69741-eed69717, #w-node-c05bcdbb-802c-f961-0861-ee18eed69744-eed69717, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb7-06d671ab, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb8-06d671ab, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb9-06d671ab, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbba-06d671ab, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbb-06d671ab, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbc-06d671ab, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbd-06d671ab, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbe-06d671ab, #w-node-_898e1925-8141-9e31-a66c-c097fafc52e7-06d671ab, #w-node-_898e1925-8141-9e31-a66c-c097fafc52ed-06d671ab, #w-node-_898e1925-8141-9e31-a66c-c097fafc52f4-06d671ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4eaa77f-0e0b-f038-d27e-4a0997f3f9f6-06d671ab {
  place-self: center end;
}

#w-node-a4eaa77f-0e0b-f038-d27e-4a0997f3fa11-06d671ab {
  justify-self: center;
}

#w-node-_4a4abee8-5340-386d-2f01-836650b432de-ed21f4c3, #w-node-_7f9d9acc-496f-8ece-20d9-8eefc04aac3d-06d671b2, #w-node-_7f9d9acc-496f-8ece-20d9-8eefc04aac40-06d671b2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3a6a4a73-a1d7-b00b-9c6f-7be3bb864e3e-06d671b2, #w-node-_3a6a4a73-a1d7-b00b-9c6f-7be3bb864e43-06d671b2 {
  align-self: auto;
}

#w-node-_3a6a4a73-a1d7-b00b-9c6f-7be3bb864e48-06d671b2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_3a6a4a73-a1d7-b00b-9c6f-7be3bb864e4d-06d671b2, #w-node-_3a6a4a73-a1d7-b00b-9c6f-7be3bb864e52-06d671b2 {
  align-self: auto;
}

#w-node-_9405cb46-0ddb-8ee7-b70e-0fd44dffc560-06d671b3, #w-node-b100ac2a-db91-7264-926d-0ac5875fb6d1-06d671b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6d20c1b5-a5e9-201e-76a2-5f81aacf3859-06d671b3, #w-node-_5428d105-578a-3c86-dd5f-0708d38ce427-06d671b3 {
  align-self: auto;
}

#w-node-_52394318-8656-fb1a-8513-2b95b1309fde-06d671b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_38b328f0-4789-c235-82db-c0d4b3779383-06d671b3, #w-node-dee332cf-81c3-b2ae-975a-74729dc0b66b-06d671b3 {
  align-self: auto;
}

#w-node-_584f128e-5fb8-14b2-f168-ec7eeaee8747-06d671b6 {
  justify-self: stretch;
}

#w-node-_584f128e-5fb8-14b2-f168-ec7eeaee8756-06d671b6 {
  justify-self: end;
}

#w-node-_218513aa-559c-8b58-a475-f8ea82bf36f3-06d671dd, #w-node-_42c7830a-d8c3-b12b-65b9-1ff6baa9d5af-06d671df, #w-node-_6717bcdb-f111-2c8d-aba2-7a11f416fc9c-06d671df, #w-node-d5bf9fac-d0e9-078c-4349-af405cfc6d87-06d671df, #w-node-_32c7ee40-7d1d-e2f1-7ec5-f4ab03c08f77-06d671df, #w-node-_2fa5231c-0ef3-5b43-1136-63ccf34e5f70-06d671df, #w-node-_9fa62ed3-389a-0231-8389-7deb09ce1eaa-06d671df, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe153-06d671df, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe15a-06d671df, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe161-06d671df {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9872495e-0f05-2558-a9a6-710cb27fe174-06d671df {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_9872495e-0f05-2558-a9a6-710cb27fe182-06d671df, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe189-06d671df, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe190-06d671df, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe197-06d671df, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe19e-06d671df, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe1a5-06d671df, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe1ac-06d671df, #w-node-_830619d2-6a0d-85eb-9e7d-1735e821b8bc-06d671e2, #w-node-_80f6c161-2cd4-aaec-ab64-0a7be71a4fbe-06d671e2, #w-node-_3242c35c-d657-622d-1753-c0be7570c850-06d671e2, #w-node-_967356b9-c78f-bbe3-030c-55f1d04142f8-06d671e2, #w-node-b968f0f3-d185-de12-01d3-12e88767e648-06d671e2, #w-node-deba2c8f-fd93-c90f-79be-747fc5478913-06d671e2, #w-node-c371e820-b2ba-abdd-fcde-7a0a8ccb58d7-06d671e2, #w-node-_8b76e064-eb0b-b03f-c74c-5e2e6104bd22-06d671e2, #w-node-_104c6f20-ed4f-48ce-2b62-ab8cfe53cf17-06d671e3, #w-node-_104c6f20-ed4f-48ce-2b62-ab8cfe53cf1b-06d671e3, #w-node-_104c6f20-ed4f-48ce-2b62-ab8cfe53cf1f-06d671e3, #w-node-_104c6f20-ed4f-48ce-2b62-ab8cfe53cf23-06d671e3, #w-node-_104c6f20-ed4f-48ce-2b62-ab8cfe53cf27-06d671e3, #w-node-_104c6f20-ed4f-48ce-2b62-ab8cfe53cf2b-06d671e3, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb7-06d67256, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb8-06d67256, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb9-06d67256, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbba-06d67256, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbb-06d67256, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbc-06d67256, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbd-06d67256, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbe-06d67256, #w-node-_898e1925-8141-9e31-a66c-c097fafc52e7-06d67256, #w-node-_898e1925-8141-9e31-a66c-c097fafc52ed-06d67256, #w-node-_898e1925-8141-9e31-a66c-c097fafc52f4-06d67256 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4eaa77f-0e0b-f038-d27e-4a0997f3f9f6-06d67256 {
  place-self: center end;
}

#w-node-a4eaa77f-0e0b-f038-d27e-4a0997f3fa11-06d67256 {
  justify-self: center;
}

#w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc902-06d67257 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0d9f196f-1ffc-0cac-039d-980e4f233336-06d67257, #w-node-_31affae7-a1bb-3905-1ae0-457cfcfdb81d-06d67257 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c45ffcf4-093a-675a-248c-7d440f6aecaf-06d67257 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-_86a821f3-1d5c-cdfe-d6cd-64b78a3af3c8-06d67257, #w-node-_86a821f3-1d5c-cdfe-d6cd-64b78a3af3c9-06d67257, #w-node-_86a821f3-1d5c-cdfe-d6cd-64b78a3af3ca-06d67257 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_86a821f3-1d5c-cdfe-d6cd-64b78a3af3cb-06d67257 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_8e3898ba-d5e2-8771-8368-5ed1973c7536-06d67259 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8e3898ba-d5e2-8771-8368-5ed1973c7539-06d67259 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8e3898ba-d5e2-8771-8368-5ed1973c753c-06d67259 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_8e3898ba-d5e2-8771-8368-5ed1973c753f-06d67259 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_8e3898ba-d5e2-8771-8368-5ed1973c7542-06d67259 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_8e3898ba-d5e2-8771-8368-5ed1973c7545-06d67259 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_39afaab1-144d-60f9-e6bd-d1d28fc99416-06d6725d, #w-node-_39afaab1-144d-60f9-e6bd-d1d28fc99417-06d6725d {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_39afaab1-144d-60f9-e6bd-d1d28fc99420-06d6725d, #w-node-_39afaab1-144d-60f9-e6bd-d1d28fc99429-06d6725d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_39afaab1-144d-60f9-e6bd-d1d28fc9942a-06d6725d {
  align-self: start;
}

#w-node-_39afaab1-144d-60f9-e6bd-d1d28fc99432-06d6725d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_39afaab1-144d-60f9-e6bd-d1d28fc99433-06d6725d {
  align-self: start;
}

#w-node-d09a4bf9-1aaf-ac16-2372-4b7c1da9ffef-06d67278, #w-node-_213b2de6-acfb-ce62-a242-5974f644abdd-06d67278, #w-node-_2fa9c960-d6a6-955d-e6af-86f6c57af597-06d67278, #w-node-ce4e0a67-af24-681c-7824-6553b95c9a31-06d67278, #w-node-e6ae9c73-951c-ef1b-a831-390005eea729-06d67278, #w-node-aed20f33-5f57-fdd0-29ac-b93c7ce12aa8-06d67278 {
  align-self: auto;
}

#message-2.w-node-a76dc4a6-dc5e-da48-dc53-42b1d91d432d-06d67278 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4be34903-0dde-2154-0efd-60e970bb35e8-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb35e9-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb35ed-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb35ee-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb35f1-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb35f2-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb35f5-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb35f6-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb35f9-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb35fa-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb35fd-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb35fe-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb3608-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb3609-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb360d-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb360e-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb3611-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb3612-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb3615-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb3616-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb3619-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb361a-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb361d-ccff4f0f, #w-node-_4be34903-0dde-2154-0efd-60e970bb361e-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4f81-ccff4f0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6d657abb-b6d0-13fa-47e9-283accff4f84-ccff4f0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_6d657abb-b6d0-13fa-47e9-283accff4f8a-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4f90-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fa0-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4faa-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fac-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fae-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fb1-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fbb-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fbd-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fbf-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fc2-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fcc-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fce-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fd0-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fd3-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fdd-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fdf-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fe1-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fe4-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fee-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4ff0-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4ff2-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4ff5-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fff-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5001-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5003-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5006-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5010-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5012-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5014-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5017-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5021-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5023-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5025-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5028-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5032-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5034-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5036-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5039-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5043-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5045-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5047-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff504a-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5054-ccff4f0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6d657abb-b6d0-13fa-47e9-283accff5055-ccff4f0f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6d657abb-b6d0-13fa-47e9-283accff5062-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff506c-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff506e-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5070-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5073-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff507d-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff507f-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5081-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5084-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff508e-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff508f-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5090-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5093-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff509d-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff509e-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff509f-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50a2-ccff4f0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6d657abb-b6d0-13fa-47e9-283accff50ac-ccff4f0f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6d657abb-b6d0-13fa-47e9-283accff50af-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50b2-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50bc-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50bd-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50be-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50c8-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50d2-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50d4-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50d6-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50d9-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50e3-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50e5-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50e7-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50ea-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50f4-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50f6-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50f8-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50fb-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5107-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5108-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff510a-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5114-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff511e-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff511f-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5121-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5124-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff512e-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff512f-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5131-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5134-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff513e-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff513f-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5141-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5144-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff514e-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff514f-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5151-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5154-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff515e-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff515f-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5161-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff516b-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5175-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5177-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5179-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff517c-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5186-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5188-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff518a-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff518d-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5197-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5198-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff519a-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff519d-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff51a7-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff51a8-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff51aa-ccff4f0f, #w-node-_2303e23d-9718-0884-5559-c00de9f2d515-ccff4f0f, #w-node-_2303e23d-9718-0884-5559-c00de9f2d51f-ccff4f0f, #w-node-_2303e23d-9718-0884-5559-c00de9f2d521-ccff4f0f, #w-node-_2303e23d-9718-0884-5559-c00de9f2d523-ccff4f0f, #w-node-_2303e23d-9718-0884-5559-c00de9f2d547-ccff4f0f, #w-node-_2303e23d-9718-0884-5559-c00de9f2d551-ccff4f0f, #w-node-_2303e23d-9718-0884-5559-c00de9f2d552-ccff4f0f, #w-node-_2303e23d-9718-0884-5559-c00de9f2d554-ccff4f0f, #w-node-ea8985ea-ed07-1fa4-417f-fc4ff0947850-f094783a, #w-node-ea8985ea-ed07-1fa4-417f-fc4ff0947851-f094783a, #w-node-_48566bac-9ebc-94bd-b289-c3218ce35087-f094783a, #w-node-_48566bac-9ebc-94bd-b289-c3218ce35088-f094783a, #w-node-_288f46a0-580f-b42f-7488-4358e2987a41-f094783a, #w-node-_288f46a0-580f-b42f-7488-4358e2987a42-f094783a, #w-node-ceeb9b0c-c437-f2bc-0cb2-307c307321c5-f094783a, #w-node-ceeb9b0c-c437-f2bc-0cb2-307c307321c6-f094783a, #w-node-ef12c1e8-9511-73ea-e85d-c1a166477741-f094783a, #w-node-ef12c1e8-9511-73ea-e85d-c1a166477742-f094783a, #w-node-_54c6a98c-3b67-7ff6-8703-aef67a9fb5f8-f094783a, #w-node-_54c6a98c-3b67-7ff6-8703-aef67a9fb5f9-f094783a, #w-node-a575cd06-c907-ec0f-5200-3f59ad25ed8a-e7194d43, #w-node-a575cd06-c907-ec0f-5200-3f59ad25ed8b-e7194d43, #w-node-a575cd06-c907-ec0f-5200-3f59ad25ed8f-e7194d43, #w-node-a575cd06-c907-ec0f-5200-3f59ad25ed90-e7194d43, #w-node-a575cd06-c907-ec0f-5200-3f59ad25ed93-e7194d43, #w-node-a575cd06-c907-ec0f-5200-3f59ad25ed94-e7194d43, #w-node-a575cd06-c907-ec0f-5200-3f59ad25ed97-e7194d43, #w-node-a575cd06-c907-ec0f-5200-3f59ad25ed98-e7194d43, #w-node-a575cd06-c907-ec0f-5200-3f59ad25ed9b-e7194d43, #w-node-a575cd06-c907-ec0f-5200-3f59ad25ed9c-e7194d43, #w-node-a575cd06-c907-ec0f-5200-3f59ad25ed9f-e7194d43, #w-node-a575cd06-c907-ec0f-5200-3f59ad25eda0-e7194d43, #w-node-_0ba07a1b-5bd9-b59c-686f-339d2422af90-e7194d43, #w-node-_0ba07a1b-5bd9-b59c-686f-339d2422af91-e7194d43, #w-node-_0ba07a1b-5bd9-b59c-686f-339d2422af95-e7194d43, #w-node-_0ba07a1b-5bd9-b59c-686f-339d2422af96-e7194d43, #w-node-_0ba07a1b-5bd9-b59c-686f-339d2422af99-e7194d43, #w-node-_0ba07a1b-5bd9-b59c-686f-339d2422af9a-e7194d43, #w-node-_0ba07a1b-5bd9-b59c-686f-339d2422af9d-e7194d43, #w-node-_0ba07a1b-5bd9-b59c-686f-339d2422af9e-e7194d43, #w-node-_0ba07a1b-5bd9-b59c-686f-339d2422afa1-e7194d43, #w-node-_0ba07a1b-5bd9-b59c-686f-339d2422afa2-e7194d43, #w-node-_0ba07a1b-5bd9-b59c-686f-339d2422afa5-e7194d43, #w-node-_0ba07a1b-5bd9-b59c-686f-339d2422afa6-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194dab-e7194d43 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3e8a1c89-b623-d604-7fac-41fee7194dae-e7194d43 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_3e8a1c89-b623-d604-7fac-41fee7194db4-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194dba-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194dca-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194dd4-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194dd6-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194dd8-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ddb-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194de5-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194de7-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194de9-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194dec-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194df6-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194df8-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194dfa-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194dfd-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e07-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e09-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e0b-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e0e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e18-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e1a-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e1c-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e1f-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e29-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e2b-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e2d-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e30-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e3a-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e3c-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e3e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e41-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e4b-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e4d-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e4f-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e52-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e5c-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e5e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e60-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e63-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e6d-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e6f-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e71-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e74-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e7e-e7194d43 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3e8a1c89-b623-d604-7fac-41fee7194e7f-e7194d43 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3e8a1c89-b623-d604-7fac-41fee7194e8c-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e96-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e98-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e9a-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e9d-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ea7-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ea9-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194eab-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194eae-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194eb8-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194eb9-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194eba-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ebd-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ec7-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ec8-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ec9-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ecc-e7194d43 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3e8a1c89-b623-d604-7fac-41fee7194ed6-e7194d43 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3e8a1c89-b623-d604-7fac-41fee7194ed9-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194edc-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ee6-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ee7-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ee8-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ef2-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194efc-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194efe-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f00-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f03-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f0d-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f0f-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f11-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f14-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f1e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f20-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f22-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f25-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f31-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f32-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f34-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f3e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f48-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f49-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f4b-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f4e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f58-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f59-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f5b-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f5e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f68-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f69-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f6b-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f6e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f78-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f79-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f7b-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f7e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f88-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f89-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f8b-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f95-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f9f-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fa1-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fa3-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fa6-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fb0-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fb2-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fb4-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fb7-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fc1-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fc2-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fc4-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fc7-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fd1-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fd2-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fd4-e7194d43, #w-node-_70bfe513-6270-6c30-b4e6-5db65fdc0498-e7194d43, #w-node-_70bfe513-6270-6c30-b4e6-5db65fdc04a2-e7194d43, #w-node-_70bfe513-6270-6c30-b4e6-5db65fdc04a3-e7194d43, #w-node-_70bfe513-6270-6c30-b4e6-5db65fdc04a4-e7194d43, #w-node-_70bfe513-6270-6c30-b4e6-5db65fdc04a7-e7194d43, #w-node-_70bfe513-6270-6c30-b4e6-5db65fdc04b1-e7194d43, #w-node-_70bfe513-6270-6c30-b4e6-5db65fdc04b2-e7194d43, #w-node-_70bfe513-6270-6c30-b4e6-5db65fdc04b3-e7194d43, #w-node-_87e581d4-96f7-8ef8-dc49-f15c3c95fe34-06d672d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ae744d90-f55f-35aa-5ccd-8a9b6ea020e9-06d672fd, #w-node-ae744d90-f55f-35aa-5ccd-8a9b6ea020f1-06d672fd, #w-node-ae744d90-f55f-35aa-5ccd-8a9b6ea020f9-06d672fd, #w-node-c0caf575-6a46-b0da-d1f5-429b72162afe-06d672fd, #w-node-_01fb1116-e826-14c6-ae74-a2982d206b05-06d672fd, #w-node-_91b3593e-9065-8b59-47a5-74742f81defa-06d672fd, #w-node-_58f5ee4d-38ad-361a-f520-522f5b4e9610-06d672fd, #w-node-_1efb5cc0-66da-6849-023b-924730552b5d-06d672fd, #w-node-_6911656a-8e16-391d-ffba-2e6e1eff89c6-06d672fd, #w-node-_19c7084c-6cec-2f31-5899-f7b5964e52e3-06d672fd, #w-node-ae744d90-f55f-35aa-5ccd-8a9b6ea02109-06d672fd, #w-node-ae744d90-f55f-35aa-5ccd-8a9b6ea02111-06d672fd, #w-node-ae744d90-f55f-35aa-5ccd-8a9b6ea02101-06d672fd, #w-node-_8be36865-dfce-e10d-a085-a9c95efa6007-06d672fd, #w-node-_629f3bd6-1b02-2a7b-8673-bc3289a09074-06d672fd, #w-node-aee43c95-7ed3-ec23-dd03-9623155e231c-06d672fd, #w-node-a4a5f924-53e5-2f1c-dde6-d16b02dc5332-06d672fd, #w-node-_6144b047-160c-bc07-4ba2-8e4c3d8cde08-06d672fd, #w-node-_3334b794-bc5f-564e-8ba4-edbc05d89271-06d672fd, #w-node-_81401ef2-2b53-306d-f166-24f6c7b9259d-06d672fd, #w-node-b98aaf0f-4feb-9ee2-d02a-dc637819ec4a-06d672fd, #w-node-d2c08632-150a-63fe-f961-c4b0f26a05f3-06d672fd, #w-node-d2c08632-150a-63fe-f961-c4b0f26a05f9-06d672fd {
  align-self: end;
}

#w-node-c85963e7-301e-1997-478c-fcac90f44530-06d67326, #w-node-c85963e7-301e-1997-478c-fcac90f44531-06d67326, #w-node-c85963e7-301e-1997-478c-fcac90f44534-06d67326, #w-node-c85963e7-301e-1997-478c-fcac90f44535-06d67326, #w-node-c85963e7-301e-1997-478c-fcac90f44538-06d67326, #w-node-c85963e7-301e-1997-478c-fcac90f44539-06d67326, #w-node-c85963e7-301e-1997-478c-fcac90f4453c-06d67326, #w-node-c85963e7-301e-1997-478c-fcac90f4453d-06d67326, #w-node-c85963e7-301e-1997-478c-fcac90f44540-06d67326, #w-node-c85963e7-301e-1997-478c-fcac90f44541-06d67326, #w-node-c85963e7-301e-1997-478c-fcac90f44544-06d67326, #w-node-c85963e7-301e-1997-478c-fcac90f44545-06d67326, #w-node-dfee7b00-fc7e-415b-8000-18f856681ca3-06d67326 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dfee7b00-fc7e-415b-8000-18f856681ca4-06d67326 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-dfee7b00-fc7e-415b-8000-18f856681ca9-06d67326, #w-node-dfee7b00-fc7e-415b-8000-18f856681caa-06d67326, #w-node-dfee7b00-fc7e-415b-8000-18f856681caf-06d67326, #w-node-dfee7b00-fc7e-415b-8000-18f856681cb0-06d67326, #w-node-dfee7b00-fc7e-415b-8000-18f856681cb5-06d67326, #w-node-dfee7b00-fc7e-415b-8000-18f856681cb6-06d67326, #w-node-_7ebbf366-1411-0876-e67a-2c2d015557e0-06d67326 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ebbf366-1411-0876-e67a-2c2d015557e1-06d67326 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_7ebbf366-1411-0876-e67a-2c2d015557e6-06d67326, #w-node-_7ebbf366-1411-0876-e67a-2c2d015557e7-06d67326 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a1e-06d67349 {
  grid-area: Area;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a1f-06d67349 {
  grid-area: Area-2;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a20-06d67349 {
  grid-area: Area-3;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a21-06d67349 {
  grid-area: Area-4;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a22-06d67349 {
  grid-area: Area-5;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a23-06d67349 {
  grid-area: Area-6;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a24-06d67349 {
  grid-area: Area-7;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a25-06d67349 {
  grid-area: Area-8;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a26-06d67349 {
  grid-area: Area-9;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a27-06d67349 {
  grid-area: Area-10;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a28-06d67349 {
  grid-area: Area-11;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a29-06d67349 {
  grid-area: Area-12;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a2a-06d67349 {
  grid-area: Area-13;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a2b-06d67349 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a2c-06d67349 {
  grid-area: Area-14;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a2d-06d67349 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a2e-06d67349 {
  grid-area: Area-15;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a2f-06d67349, #w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91ad3-06d67349, #w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91ada-06d67349, #w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91ae1-06d67349 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91af4-06d67349 {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91b02-06d67349, #w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91b09-06d67349, #w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91b10-06d67349, #w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91b17-06d67349, #w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91b1e-06d67349, #w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91b25-06d67349, #w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91b2c-06d67349 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_351418e7-073a-3568-5f74-8a2ee2582875-06d67349 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-_351418e7-073a-3568-5f74-8a2ee2582877-06d67349, #w-node-_351418e7-073a-3568-5f74-8a2ee2582878-06d67349, #w-node-_351418e7-073a-3568-5f74-8a2ee2582879-06d67349 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_351418e7-073a-3568-5f74-8a2ee258287a-06d67349 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d3-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d4-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d5-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d6-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d7-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d8-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d9-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927da-06d6735e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d6735e {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599286d-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992874-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599287b-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992882-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992889-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992890-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992897-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599291f-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992920-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992921-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992922-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992923-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d3-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d4-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d5-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d6-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d7-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d8-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d9-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927da-06d6735f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d6735f {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599286d-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992874-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599287b-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992882-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992889-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992890-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992897-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599291f-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992920-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992921-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992922-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992923-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d3-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d4-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d5-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d6-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d7-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d8-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d9-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927da-06d67360 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67360 {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599286d-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992874-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599287b-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992882-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992889-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992890-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992897-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599291f-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992920-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992921-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992922-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992923-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d3-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d4-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d5-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d6-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d7-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d8-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d9-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927da-06d67361 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67361 {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599286d-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992874-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599287b-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992882-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992889-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992890-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992897-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599291f-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992920-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992921-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992922-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992923-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d3-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d4-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d5-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d6-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d7-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d8-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d9-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927da-06d67375 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67375 {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599286d-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992874-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599287b-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992882-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992889-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992890-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992897-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599291f-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992920-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992921-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992922-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992923-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d3-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d4-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d5-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d6-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d7-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d8-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927d9-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b559159927da-06d67376 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67376 {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599286d-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992874-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599287b-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992882-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992889-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992890-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992897-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599291f-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992920-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992921-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992922-06d67376, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b55915992923-06d67376, #w-node-_898e1925-8141-9e31-a66c-c097fafc52e7-835b86f8, #w-node-_898e1925-8141-9e31-a66c-c097fafc52ed-835b86f8, #w-node-_898e1925-8141-9e31-a66c-c097fafc52f4-835b86f8, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb7-835b86f8, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb8-835b86f8, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb9-835b86f8, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbba-835b86f8, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbb-835b86f8, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbc-835b86f8, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbd-835b86f8, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbe-835b86f8, #w-node-_898e1925-8141-9e31-a66c-c097fafc52e7-d4f97a75, #w-node-_898e1925-8141-9e31-a66c-c097fafc52ed-d4f97a75, #w-node-_898e1925-8141-9e31-a66c-c097fafc52f4-d4f97a75, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb7-d4f97a75, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb8-d4f97a75, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb9-d4f97a75, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbba-d4f97a75, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbd-d4f97a75, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbb-d4f97a75, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbc-d4f97a75, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbe-d4f97a75, #w-node-_857b6d1a-a23b-1145-d801-267615bf4787-e4932492, #w-node-_6b0e01c1-ef21-e424-0f6f-ec14003731cc-e4932492, #w-node-a756c36e-75f0-9d5e-ca5b-c3a45514fbf5-292fb960, #w-node-a756c36e-75f0-9d5e-ca5b-c3a45514fbf6-292fb960, #w-node-a756c36e-75f0-9d5e-ca5b-c3a45514fbf7-292fb960, #w-node-a756c36e-75f0-9d5e-ca5b-c3a45514fbf8-292fb960, #w-node-a756c36e-75f0-9d5e-ca5b-c3a45514fbf9-292fb960, #w-node-a756c36e-75f0-9d5e-ca5b-c3a45514fbfa-292fb960, #w-node-a756c36e-75f0-9d5e-ca5b-c3a45514fbfb-292fb960, #w-node-a756c36e-75f0-9d5e-ca5b-c3a45514fbfc-292fb960, #w-node-a756c36e-75f0-9d5e-ca5b-c3a45514fc06-292fb960, #w-node-a756c36e-75f0-9d5e-ca5b-c3a45514fc0c-292fb960, #w-node-a756c36e-75f0-9d5e-ca5b-c3a45514fc13-292fb960 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a756c36e-75f0-9d5e-ca5b-c3a45514fc25-292fb960 {
  place-self: center end;
}

#w-node-a756c36e-75f0-9d5e-ca5b-c3a45514fc40-292fb960 {
  justify-self: center;
}

#w-node-_857b6d1a-a23b-1145-d801-267615bf4787-0718bf35 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ee8654ec-9db9-917f-a438-b4c3b2dad7bc-be0fd87c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9415de46-29fd-0084-d9ef-7353e6a611de-be0fd87c, #w-node-_9415de46-29fd-0084-d9ef-7353e6a611e1-be0fd87c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9415de46-29fd-0084-d9ef-7353e6a612da-be0fd87c {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-_9415de46-29fd-0084-d9ef-7353e6a612dc-be0fd87c, #w-node-_9415de46-29fd-0084-d9ef-7353e6a612dd-be0fd87c, #w-node-_9415de46-29fd-0084-d9ef-7353e6a612de-be0fd87c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9415de46-29fd-0084-d9ef-7353e6a612df-be0fd87c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_3b760d36-f520-97b0-530e-88c7838d2ee0-ca7292ec, #w-node-_3b760d36-f520-97b0-530e-88c7838d2ee3-ca7292ec {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3b760d36-f520-97b0-530e-88c7838d2fdc-ca7292ec {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-_3b760d36-f520-97b0-530e-88c7838d2fde-ca7292ec, #w-node-_3b760d36-f520-97b0-530e-88c7838d2fdf-ca7292ec, #w-node-_3b760d36-f520-97b0-530e-88c7838d2fe0-ca7292ec {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3b760d36-f520-97b0-530e-88c7838d2fe1-ca7292ec {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df0e-40d50381 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df10-40d50381, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df11-40d50381, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df12-40d50381 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-40d50381 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_4251611b-2bfa-af8f-5766-4779404f70e3-404f7076, #w-node-_4251611b-2bfa-af8f-5766-4779404f70eb-404f7076 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc902-a8f58d22 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8cbb61f3-4542-8bf1-2d96-69e4c5d0bff6-a8f58d22, #w-node-_8cbb61f3-4542-8bf1-2d96-69e4c5d0bff7-a8f58d22, #w-node-_8cbb61f3-4542-8bf1-2d96-69e4c5d0bff8-a8f58d22, #w-node-_8cbb61f3-4542-8bf1-2d96-69e4c5d0bff9-a8f58d22, #w-node-_8cbb61f3-4542-8bf1-2d96-69e4c5d0bffa-a8f58d22, #w-node-_8cbb61f3-4542-8bf1-2d96-69e4c5d0bffb-a8f58d22, #w-node-_8cbb61f3-4542-8bf1-2d96-69e4c5d0bffc-a8f58d22, #w-node-_8cbb61f3-4542-8bf1-2d96-69e4c5d0bffd-a8f58d22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9264237b-0d8f-c446-dc79-83f57a9e06ed-a8f58d22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_9264237b-0d8f-c446-dc79-83f57a9e070c-a8f58d22 {
  align-self: stretch;
}

#w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc97c-a8f58d22, #w-node-d52c29a8-6aa8-9386-c417-dc7de3a393fa-a8f58d22, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc982-a8f58d22, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc983-a8f58d22, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc98e-a8f58d22, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc98f-a8f58d22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_968ecffd-465e-fecb-a6e3-452612e0ea0a-b5aa7352 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_968ecffd-465e-fecb-a6e3-452612e0ea10-b5aa7352, #w-node-_968ecffd-465e-fecb-a6e3-452612e0ea16-b5aa7352, #w-node-f05157cf-148e-4df0-ebbb-049c50577d41-9e84fcc9, #w-node-f05157cf-148e-4df0-ebbb-049c50577d42-9e84fcc9, #w-node-f05157cf-148e-4df0-ebbb-049c50577d47-9e84fcc9, #w-node-f05157cf-148e-4df0-ebbb-049c50577d48-9e84fcc9, #w-node-f05157cf-148e-4df0-ebbb-049c50577d54-9e84fcc9, #w-node-f05157cf-148e-4df0-ebbb-049c50577d55-9e84fcc9, #w-node-cfe98302-1f25-698c-20af-8ac4b5a7784d-9e84fcc9, #w-node-f05157cf-148e-4df0-ebbb-049c50577d5b-9e84fcc9, #w-node-f05157cf-148e-4df0-ebbb-049c50577d5a-9e84fcc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc902-7178cddf {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc915-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc917-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc919-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc91b-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc91d-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc91f-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc921-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc923-7178cddf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9264237b-0d8f-c446-dc79-83f57a9e06ed-7178cddf {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_9264237b-0d8f-c446-dc79-83f57a9e070c-7178cddf {
  align-self: stretch;
}

#w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc97c-7178cddf, #w-node-d52c29a8-6aa8-9386-c417-dc7de3a393fa-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc982-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc983-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc98e-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc98f-7178cddf, #w-node-b2c974a0-3184-2236-7d6b-7c1d3d52611f-4fa05d1e, #w-node-b2c974a0-3184-2236-7d6b-7c1d3d526120-4fa05d1e, #w-node-b2c974a0-3184-2236-7d6b-7c1d3d526125-4fa05d1e, #w-node-b2c974a0-3184-2236-7d6b-7c1d3d526126-4fa05d1e, #w-node-b2c974a0-3184-2236-7d6b-7c1d3d52612b-4fa05d1e, #w-node-b2c974a0-3184-2236-7d6b-7c1d3d52612c-4fa05d1e, #w-node-b2c974a0-3184-2236-7d6b-7c1d3d526131-4fa05d1e, #w-node-b2c974a0-3184-2236-7d6b-7c1d3d526132-4fa05d1e, #w-node-b2c974a0-3184-2236-7d6b-7c1d3d526137-4fa05d1e, #w-node-b2c974a0-3184-2236-7d6b-7c1d3d526138-4fa05d1e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc902-11b757f5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc915-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc917-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc919-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc91b-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc91d-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc91f-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc921-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc923-11b757f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9264237b-0d8f-c446-dc79-83f57a9e06ed-11b757f5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_9264237b-0d8f-c446-dc79-83f57a9e070c-11b757f5 {
  align-self: stretch;
}

#w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc97c-11b757f5, #w-node-d52c29a8-6aa8-9386-c417-dc7de3a393fa-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc982-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc983-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc98e-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc98f-11b757f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_62fd7ad7-e5c1-27f8-35ea-a71a42b2ad61-4fcfa769 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_898e1925-8141-9e31-a66c-c097fafc52e7-4fcfa769, #w-node-_898e1925-8141-9e31-a66c-c097fafc52ed-4fcfa769, #w-node-_898e1925-8141-9e31-a66c-c097fafc52f4-4fcfa769, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb7-4fcfa769, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb8-4fcfa769, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb9-4fcfa769, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbba-4fcfa769, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbb-4fcfa769, #w-node-f5e0fc25-89e4-c7b0-df7b-5da7f203eb07-4fcfa769, #w-node-_03adb67a-7e9f-a5f4-3544-0fd00ff79e56-4fcfa769, #w-node-_898e1925-8141-9e31-a66c-c097fafc52e7-a3ce454a, #w-node-_898e1925-8141-9e31-a66c-c097fafc52ed-a3ce454a, #w-node-_898e1925-8141-9e31-a66c-c097fafc52f4-a3ce454a, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb7-a3ce454a, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb8-a3ce454a, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbb9-a3ce454a, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbba-a3ce454a, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbb-a3ce454a, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbc-a3ce454a, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbd-a3ce454a, #w-node-e97c23ec-77e6-0d22-723b-7de94adebbbe-a3ce454a, #w-node-_563e89b3-416a-1d78-8ad0-819b4b717168-79f9e215, #w-node-_563e89b3-416a-1d78-8ad0-819b4b717169-79f9e215, #w-node-_563e89b3-416a-1d78-8ad0-819b4b71716c-79f9e215, #w-node-_563e89b3-416a-1d78-8ad0-819b4b71716d-79f9e215, #w-node-_563e89b3-416a-1d78-8ad0-819b4b717170-79f9e215, #w-node-_563e89b3-416a-1d78-8ad0-819b4b717171-79f9e215, #w-node-_563e89b3-416a-1d78-8ad0-819b4b717174-79f9e215, #w-node-_563e89b3-416a-1d78-8ad0-819b4b717175-79f9e215, #w-node-_563e89b3-416a-1d78-8ad0-819b4b717178-79f9e215, #w-node-_563e89b3-416a-1d78-8ad0-819b4b717179-79f9e215, #w-node-_563e89b3-416a-1d78-8ad0-819b4b71717c-79f9e215, #w-node-_563e89b3-416a-1d78-8ad0-819b4b71717d-79f9e215, #w-node-_23f4f810-db5d-07a6-c77a-ace167bd9438-ffc542b2, #w-node-_6b0e01c1-ef21-e424-0f6f-ec14003731cc-ffc542b2, #w-node-_4960fc2c-49cf-bddc-c9d9-e7bbfc8fbc68-ffc542b2, #w-node-_7d916dac-d25a-45ca-4436-b7ace7c80d51-ffc542b2, #w-node-_7aaff0c2-7650-60e2-1a79-df3b483af3f4-ffc542b2, #w-node-_91bcbe06-9a47-5fa6-5a57-158f735fed5a-dd4d127a, #w-node-_6b0e01c1-ef21-e424-0f6f-ec14003731cc-dd4d127a, #w-node-_857b6d1a-a23b-1145-d801-267615bf4787-c23b2a5e, #w-node-_6b0e01c1-ef21-e424-0f6f-ec14003731cc-c23b2a5e, #w-node-d840c916-d4e6-323a-f086-b660280ba4fc-51d4887d, #w-node-_6b0e01c1-ef21-e424-0f6f-ec14003731cc-51d4887d, #w-node-_4960fc2c-49cf-bddc-c9d9-e7bbfc8fbc68-51d4887d, #w-node-_7d916dac-d25a-45ca-4436-b7ace7c80d51-51d4887d, #w-node-_7aaff0c2-7650-60e2-1a79-df3b483af3f4-51d4887d, #w-node-baa1b89c-b995-2f37-c6ab-1614f49f35aa-d5b7ae12, #w-node-_6b0e01c1-ef21-e424-0f6f-ec14003731cc-d5b7ae12, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7de03-dc7b93d0, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7de06-dc7b93d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df0e-dc7b93d0 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df10-dc7b93d0, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df11-dc7b93d0, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df12-dc7b93d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-dc7b93d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df0e-2a0d99bb {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df10-2a0d99bb, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df11-2a0d99bb, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df12-2a0d99bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-2a0d99bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df0e-580a93f5 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df10-580a93f5, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df11-580a93f5, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df12-580a93f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-580a93f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_9a69e5a0-c43b-1b41-45e3-7883d949b041-34ba905b, #w-node-_9a69e5a0-c43b-1b41-45e3-7883d949b042-34ba905b, #w-node-_9a69e5a0-c43b-1b41-45e3-7883d949b045-34ba905b, #w-node-_9a69e5a0-c43b-1b41-45e3-7883d949b046-34ba905b, #w-node-_9a69e5a0-c43b-1b41-45e3-7883d949b049-34ba905b, #w-node-_9a69e5a0-c43b-1b41-45e3-7883d949b04a-34ba905b, #w-node-_9a69e5a0-c43b-1b41-45e3-7883d949b04d-34ba905b, #w-node-_9a69e5a0-c43b-1b41-45e3-7883d949b04e-34ba905b, #w-node-_9a69e5a0-c43b-1b41-45e3-7883d949b051-34ba905b, #w-node-_9a69e5a0-c43b-1b41-45e3-7883d949b052-34ba905b, #w-node-_9a69e5a0-c43b-1b41-45e3-7883d949b055-34ba905b, #w-node-_9a69e5a0-c43b-1b41-45e3-7883d949b056-34ba905b, #w-node-_42c7830a-d8c3-b12b-65b9-1ff6baa9d5af-ad9e1dc8, #w-node-_45de7d24-6ae3-9afd-592e-fa266560f47d-ad9e1dc8, #w-node-_45de7d24-6ae3-9afd-592e-fa266560f47e-ad9e1dc8, #w-node-_45de7d24-6ae3-9afd-592e-fa266560f47f-ad9e1dc8, #w-node-_45de7d24-6ae3-9afd-592e-fa266560f480-ad9e1dc8, #w-node-_45de7d24-6ae3-9afd-592e-fa266560f481-ad9e1dc8, #w-node-_45de7d24-6ae3-9afd-592e-fa266560f482-ad9e1dc8, #w-node-_45de7d24-6ae3-9afd-592e-fa266560f483-ad9e1dc8, #w-node-_45de7d24-6ae3-9afd-592e-fa266560f484-ad9e1dc8, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe153-ad9e1dc8, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe15a-ad9e1dc8, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe161-ad9e1dc8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9872495e-0f05-2558-a9a6-710cb27fe174-ad9e1dc8 {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_9872495e-0f05-2558-a9a6-710cb27fe182-ad9e1dc8, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe189-ad9e1dc8, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe190-ad9e1dc8, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe197-ad9e1dc8, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe19e-ad9e1dc8, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe1a5-ad9e1dc8, #w-node-_9872495e-0f05-2558-a9a6-710cb27fe1ac-ad9e1dc8, #w-node-ad852560-6b00-968f-6021-57a88ca8503a-2c6f8bb9, #w-node-ddb097bc-f1db-63a5-e4c8-486aad6a09e2-2c6f8bb9, #w-node-_7ee00522-d335-45f7-19d8-6fe3aae6c969-2c6f8bb9, #w-node-_7ee00522-d335-45f7-19d8-6fe3aae6c96a-2c6f8bb9, #w-node-_8450a9d9-6af5-6d9d-5bf9-15bd73a174c2-2c6f8bb9, #w-node-_8450a9d9-6af5-6d9d-5bf9-15bd73a174c3-2c6f8bb9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a87194e6-e7fd-e890-0f3f-61c2cd7a41f2-2c6f8bb9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#type_of_partnership.w-node-_716be64b-4d83-75e6-3b46-abc265e128c2-2c6f8bb9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#message-2.w-node-a76dc4a6-dc5e-da48-dc53-42b1d91d432d-2c6f8bb9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba87d-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba87e-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba953-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba955-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba96a-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba96c-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba96d-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba96f-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba971-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba97d-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba97f-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba980-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba982-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba984-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba98a-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba98c-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba98d-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba990-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84ba99a-3bb6b326, #w-node-_66c3bdb4-cb6a-a729-f6f5-512dd7192948-3bb6b326, #w-node-ca52d028-af12-309e-cb4c-8f3dac516f88-3bb6b326, #w-node-_2678b716-4155-cf48-9649-295ecc25912a-3bb6b326, #w-node-fbbf8044-ea38-ae13-ad02-83980bb4a39a-3bb6b326, #w-node-_1d29dc0a-757d-9a72-e3f5-cf191d059e2d-3bb6b326, #w-node-_97d7f5c4-e917-d1c9-374d-8fde202e5065-3bb6b326, #w-node-b1076c7f-5107-0b79-997d-b79e4e9465be-3bb6b326, #w-node-da209c7a-fd54-f18e-9aa6-b62249222430-3bb6b326, #w-node-d677d111-a8db-9f04-0fa3-6975cf0e4958-3bb6b326, #w-node-_33f8223a-7174-58f1-07b6-1f9cf9b066b9-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa07-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa09-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa0a-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa0c-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa14-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa1c-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa24-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa29-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa2e-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa3e-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa43-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa55-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa5f-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa64-3bb6b326, #w-node-ecb5941d-ddda-ca46-343c-b06d31bdd374-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa6b-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa6d-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa6e-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa70-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa75-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa7a-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa7f-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baa94-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baaa0-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baaa2-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baaa5-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baaaa-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baab4-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baab6-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baab8-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baabd-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baac9-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baacb-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baacd-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baad2-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baae2-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baae4-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baae6-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baaeb-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84baaf0-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab02-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab0e-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab13-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab1a-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab1c-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab1e-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab26-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab2b-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab32-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab34-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab36-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab3b-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab45-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab47-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab62-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab6e-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab70-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab71-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab7f-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab81-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab84-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bab8e-3bb6b326, #w-node-_46001cd5-6d7b-f2d3-6de4-7d1d8fd3eb55-3bb6b326, #w-node-_4d91835c-4268-2478-0938-50d57aab61f9-3bb6b326, #w-node-_013c913f-acee-ad90-681c-0a37980bf44a-3bb6b326, #w-node-ce63bc55-dc68-3e29-3a97-4cc1f999f210-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babac-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babae-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babb1-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babb9-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babbe-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babc6-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babcb-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babd0-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babd7-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babd9-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babdc-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babe4-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babe9-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babf9-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babfb-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84babfc-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac03-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac05-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac07-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac0e-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac15-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac1c-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac23-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac25-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac27-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac2c-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac31-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac38-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac3a-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac3c-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac41-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac46-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac4d-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac54-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac5b-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac67-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac6c-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac6e-3bb6b326, #w-node-b111d4cc-0848-cd04-3e3f-dfbdd84bac72-3bb6b326 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-f15b2a74-3e93-0a98-6944-39c84cd2d663-4c308d4d, #w-node-f15b2a74-3e93-0a98-6944-39c84cd2d664-4c308d4d, #w-node-f15b2a74-3e93-0a98-6944-39c84cd2d665-4c308d4d, #w-node-f15b2a74-3e93-0a98-6944-39c84cd2d666-4c308d4d, #w-node-c720fd01-8736-3c16-5d72-3c2f6ba54f7a-06d67196, #w-node-c720fd01-8736-3c16-5d72-3c2f6ba54f7b-06d67196, #w-node-c720fd01-8736-3c16-5d72-3c2f6ba54f7c-06d67196, #w-node-c720fd01-8736-3c16-5d72-3c2f6ba54f7d-06d67196 {
    place-self: center;
  }

  #w-node-_58c54b3f-7fa5-ec90-957c-c5a41fc6aae9-06d671e1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_86a821f3-1d5c-cdfe-d6cd-64b78a3af3c8-06d67257, #w-node-_86a821f3-1d5c-cdfe-d6cd-64b78a3af3c9-06d67257, #w-node-_86a821f3-1d5c-cdfe-d6cd-64b78a3af3ca-06d67257, #w-node-_86a821f3-1d5c-cdfe-d6cd-64b78a3af3cb-06d67257 {
    place-self: center;
  }

  #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fa0-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fb1-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fc2-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fd3-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4fe4-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4ff5-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5006-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5017-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5028-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5039-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff504a-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5062-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5073-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5084-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5093-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50a2-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50b2-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50c8-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50d9-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50ea-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff50fb-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5114-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5124-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5134-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5144-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff5154-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff516b-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff517c-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff518d-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff519d-ccff4f0f, #w-node-_2303e23d-9718-0884-5559-c00de9f2d515-ccff4f0f, #w-node-_2303e23d-9718-0884-5559-c00de9f2d547-ccff4f0f, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194dca-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ddb-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194dec-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194dfd-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e0e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e1f-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e30-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e41-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e52-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e63-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e74-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e8c-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194e9d-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194eae-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ebd-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ecc-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194edc-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194ef2-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f03-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f14-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f25-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f3e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f4e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f5e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f6e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f7e-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194f95-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fa6-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fb7-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194fc7-e7194d43, #w-node-_70bfe513-6270-6c30-b4e6-5db65fdc0498-e7194d43, #w-node-_70bfe513-6270-6c30-b4e6-5db65fdc04a7-e7194d43 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91a28-06d67349 {
    grid-area: Area-11;
  }

  #w-node-_351418e7-073a-3568-5f74-8a2ee2582877-06d67349, #w-node-_351418e7-073a-3568-5f74-8a2ee2582878-06d67349, #w-node-_351418e7-073a-3568-5f74-8a2ee2582879-06d67349, #w-node-_351418e7-073a-3568-5f74-8a2ee258287a-06d67349, #w-node-_9415de46-29fd-0084-d9ef-7353e6a612dc-be0fd87c, #w-node-_9415de46-29fd-0084-d9ef-7353e6a612dd-be0fd87c, #w-node-_9415de46-29fd-0084-d9ef-7353e6a612de-be0fd87c, #w-node-_9415de46-29fd-0084-d9ef-7353e6a612df-be0fd87c, #w-node-_3b760d36-f520-97b0-530e-88c7838d2fde-ca7292ec, #w-node-_3b760d36-f520-97b0-530e-88c7838d2fdf-ca7292ec, #w-node-_3b760d36-f520-97b0-530e-88c7838d2fe0-ca7292ec, #w-node-_3b760d36-f520-97b0-530e-88c7838d2fe1-ca7292ec, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df10-40d50381, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df11-40d50381, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df12-40d50381, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-40d50381, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df10-dc7b93d0, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df11-dc7b93d0, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df12-dc7b93d0, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-dc7b93d0, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df10-2a0d99bb, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df11-2a0d99bb, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df12-2a0d99bb, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-2a0d99bb, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df10-580a93f5, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df11-580a93f5, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df12-580a93f5, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-580a93f5 {
    place-self: center;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-f15b2a74-3e93-0a98-6944-39c84cd2d666-4c308d4d, #w-node-c720fd01-8736-3c16-5d72-3c2f6ba54f7d-06d67196, #w-node-_32c7ee40-7d1d-e2f1-7ec5-f4ab03c08f77-06d671df, #w-node-_86a821f3-1d5c-cdfe-d6cd-64b78a3af3cb-06d67257, #w-node-_351418e7-073a-3568-5f74-8a2ee258287a-06d67349, #w-node-_9415de46-29fd-0084-d9ef-7353e6a612df-be0fd87c, #w-node-_3b760d36-f520-97b0-530e-88c7838d2fe1-ca7292ec, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-40d50381 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06ed-a8f58d22, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06ed-7178cddf, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06ed-11b757f5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-dc7b93d0, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-2a0d99bb, #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-580a93f5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-f15b2a74-3e93-0a98-6944-39c84cd2d661-4c308d4d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-f15b2a74-3e93-0a98-6944-39c84cd2d666-4c308d4d {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3ad740af-5249-2c51-3bb9-f68da43f17e1-06d67170 {
    align-self: auto;
  }

  #w-node-c720fd01-8736-3c16-5d72-3c2f6ba54f78-06d67196 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-c720fd01-8736-3c16-5d72-3c2f6ba54f7d-06d67196 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7f9d9acc-496f-8ece-20d9-8eefc04aac3a-06d671b2, #w-node-_7f9d9acc-496f-8ece-20d9-8eefc04aac3d-06d671b2, #w-node-_7f9d9acc-496f-8ece-20d9-8eefc04aac40-06d671b2, #w-node-_304c27cd-3b7a-fed9-1416-7845b2c47299-06d671b3, #w-node-_9405cb46-0ddb-8ee7-b70e-0fd44dffc560-06d671b3, #w-node-b100ac2a-db91-7264-926d-0ac5875fb6d1-06d671b3 {
    justify-self: center;
  }

  #w-node-_9872495e-0f05-2558-a9a6-710cb27fe174-06d671df {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-c45ffcf4-093a-675a-248c-7d440f6aecaf-06d67257 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_86a821f3-1d5c-cdfe-d6cd-64b78a3af3cb-06d67257 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_39afaab1-144d-60f9-e6bd-d1d28fc99416-06d6725d, #w-node-_39afaab1-144d-60f9-e6bd-d1d28fc99417-06d6725d, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4f50-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4f53-ccff4f0f, #w-node-_6d657abb-b6d0-13fa-47e9-283accff4f56-ccff4f0f, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194d7d-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194d80-e7194d43, #w-node-_3e8a1c89-b623-d604-7fac-41fee7194d83-e7194d43 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91af4-06d67349 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_351418e7-073a-3568-5f74-8a2ee2582875-06d67349 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_351418e7-073a-3568-5f74-8a2ee258287a-06d67349 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67376 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_9415de46-29fd-0084-d9ef-7353e6a612da-be0fd87c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9415de46-29fd-0084-d9ef-7353e6a612df-be0fd87c {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3b760d36-f520-97b0-530e-88c7838d2fdc-ca7292ec {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_3b760d36-f520-97b0-530e-88c7838d2fe1-ca7292ec {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df0e-40d50381 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-40d50381 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06ee-a8f58d22, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06f3-a8f58d22, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06f8-a8f58d22, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06fd-a8f58d22, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e0702-a8f58d22, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e0707-a8f58d22, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e070c-a8f58d22, #w-node-_968ecffd-465e-fecb-a6e3-452612e0ea09-b5aa7352, #w-node-_968ecffd-465e-fecb-a6e3-452612e0ea0f-b5aa7352, #w-node-_968ecffd-465e-fecb-a6e3-452612e0ea15-b5aa7352, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06ee-7178cddf, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06f3-7178cddf, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06f8-7178cddf, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06fd-7178cddf, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e0702-7178cddf, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e0707-7178cddf, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e070c-7178cddf, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06ee-11b757f5, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06f3-11b757f5, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06f8-11b757f5, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06fd-11b757f5, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e0702-11b757f5, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e0707-11b757f5, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e070c-11b757f5 {
    justify-self: center;
  }

  #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df0e-dc7b93d0 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-dc7b93d0 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df0e-2a0d99bb {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-2a0d99bb {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df0e-580a93f5 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-c9bc0943-2339-3d7f-ed12-2fb085e7df13-580a93f5 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_9872495e-0f05-2558-a9a6-710cb27fe174-ad9e1dc8 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #how_too_site_url_.w-node-_03fa5114-1bc5-ea91-bae3-5ac61d0bf23b-06d670e3, #message.w-node-_03fa5114-1bc5-ea91-bae3-5ac61d0bf23c-06d670e3, #how_too_site_url_.w-node-_33e38aa2-215d-8c8f-f606-65f28f0ba01b-06d670e3, #message.w-node-_33e38aa2-215d-8c8f-f606-65f28f0ba01c-06d670e3, #how_too_site_url_.w-node-_5658104b-24b7-7259-880a-2f761087ddb5-06d670e4, #message-4.w-node-_5658104b-24b7-7259-880a-2f761087ddb6-06d670e4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5c4037f9-d2a9-4454-6118-5cbee334895f-06d670e4 {
    grid-area: Area;
  }

  #how_too_site_url_.w-node-f970960b-ed3a-5271-6e8f-58121c605e70-06d670e4, #message-3.w-node-f970960b-ed3a-5271-6e8f-58121c605e71-06d670e4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ee6bc9e8-aea9-c9a1-cd49-6b2af1758402-06d67136, #w-node-c5eb05cc-5c8d-cef9-e2db-ad4df75d8836-06d67136, #w-node-_584f128e-5fb8-14b2-f168-ec7eeaee8756-06d671b6 {
    justify-self: start;
  }

  #w-node-_6717bcdb-f111-2c8d-aba2-7a11f416fc9c-06d671df, #w-node-d5bf9fac-d0e9-078c-4349-af405cfc6d87-06d671df, #w-node-_32c7ee40-7d1d-e2f1-7ec5-f4ab03c08f77-06d671df {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2fa5231c-0ef3-5b43-1136-63ccf34e5f70-06d671df, #w-node-_9fa62ed3-389a-0231-8389-7deb09ce1eaa-06d671df {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_9872495e-0f05-2558-a9a6-710cb27fe174-06d671df, #w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91af4-06d67349, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67376 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06ed-a8f58d22 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9264237b-0d8f-c446-dc79-83f57a9e070c-a8f58d22 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: auto center;
  }

  #w-node-d52c29a8-6aa8-9386-c417-dc7de3a393fa-a8f58d22, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc915-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc917-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc919-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc91b-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc91d-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc91f-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc921-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc923-7178cddf {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06ed-7178cddf {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9264237b-0d8f-c446-dc79-83f57a9e070c-7178cddf {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: auto center;
  }

  #w-node-d52c29a8-6aa8-9386-c417-dc7de3a393fa-7178cddf, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc915-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc917-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc919-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc91b-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc91d-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc91f-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc921-11b757f5, #w-node-a7dbd6c6-b8d9-3d5c-9964-8093ae7fc923-11b757f5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9264237b-0d8f-c446-dc79-83f57a9e06ed-11b757f5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9264237b-0d8f-c446-dc79-83f57a9e070c-11b757f5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: auto center;
  }

  #w-node-d52c29a8-6aa8-9386-c417-dc7de3a393fa-11b757f5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9872495e-0f05-2558-a9a6-710cb27fe174-ad9e1dc8 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #how_too_site_url_.w-node-_03fa5114-1bc5-ea91-bae3-5ac61d0bf23b-06d670e3, #how_too_site_url_.w-node-_33e38aa2-215d-8c8f-f606-65f28f0ba01b-06d670e3, #how_too_site_url_.w-node-_5658104b-24b7-7259-880a-2f761087ddb5-06d670e4, #w-node-_2771140c-25c3-4d19-cc49-4b309a9b3be2-06d670e4, #how_too_site_url_.w-node-f970960b-ed3a-5271-6e8f-58121c605e70-06d670e4, #w-node-_3a6d75b8-c251-940d-8ed9-73c31209ac7d-98a3acca {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c5eb05cc-5c8d-cef9-e2db-ad4df75d8827-06d67136 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-c5eb05cc-5c8d-cef9-e2db-ad4df75d8836-06d67136 {
    justify-self: start;
  }

  #w-node-_584f128e-5fb8-14b2-f168-ec7eeaee8747-06d671b6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-_584f128e-5fb8-14b2-f168-ec7eeaee8756-06d671b6 {
    justify-self: start;
  }

  #w-node-_9872495e-0f05-2558-a9a6-710cb27fe174-06d671df {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1ee9e38e-2db0-a46a-bebf-9e188da8e689-06d67278 {
    justify-self: stretch;
  }

  #message-2.w-node-a76dc4a6-dc5e-da48-dc53-42b1d91d432d-06d67278, #w-node-_2303e23d-9718-0884-5559-c00de9f2d515-ccff4f0f, #w-node-_70bfe513-6270-6c30-b4e6-5db65fdc0498-e7194d43 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_87e581d4-96f7-8ef8-dc49-f15c3c95fe34-06d672d6, #w-node-_87e581d4-96f7-8ef8-dc49-f15c3c95fe36-06d672d6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_97ea039c-c95a-3f74-6cc6-3c7599c91af4-06d67349, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d6735e, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d6735f, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67360, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67361, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67375, #w-node-_7e71a2dc-fe4d-f8b6-fc89-b5591599285f-06d67376 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9264237b-0d8f-c446-dc79-83f57a9e070c-a8f58d22 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: auto center;
  }

  #w-node-_968ecffd-465e-fecb-a6e3-452612e0ea0a-b5aa7352 {
    justify-self: center;
  }

  #w-node-_9264237b-0d8f-c446-dc79-83f57a9e070c-7178cddf, #w-node-_9264237b-0d8f-c446-dc79-83f57a9e070c-11b757f5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: auto center;
  }

  #w-node-_9872495e-0f05-2558-a9a6-710cb27fe174-ad9e1dc8, #w-node-a87194e6-e7fd-e890-0f3f-61c2cd7a41f2-2c6f8bb9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}
