.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-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

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

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

.icon-xsmall {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.heading-style-h1 {
  letter-spacing: -.05em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1.2;
}

.heading-style-h1.text-color-alternate {
  color: #fff;
}

.nav_dropdown-link-trigger {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.nav_dropdown-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.nav_button-ghost {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #ffffff1a;
  border: 1px solid #ffffff26;
  border-radius: 6.1875rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.nav_button-ghost:hover {
  background-color: #fff3;
}

.nav_brand {
  flex: none;
  padding-left: 0;
}

.hero_dashboard-button {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #ffffff1a;
  border: 1px solid #ffffff1a;
  border-radius: 6rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: -1rem;
}

.nav_text-link-small {
  color: #6b5843;
  text-underline-offset: 2px;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: underline;
  transition: color .3s;
}

.nav_text-link-small:hover {
  color: #487f6a;
}

.text-link-accent {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #f6d551;
  white-space: nowrap;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  text-decoration: underline;
  display: flex;
}

.nav_menu-card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #fff;
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  display: grid;
}

.hero_section-video {
  height: 90vh;
  padding-top: 15.625rem;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.hero_gradient-overlay {
  z-index: 1;
  background-color: #0000004d;
  background-image: radial-gradient(circle, #0003, #0006);
  position: absolute;
  inset: 0%;
}

.nav_menu-image {
  border-radius: .75rem;
  width: 100%;
  max-width: 18rem;
  overflow: hidden;
}

.heading-style-h6 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.25;
}

.nav_menu-block {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 1.5rem;
  display: flex;
}

.button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #2a5144;
  border-radius: 6.1875rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button:hover {
  background-color: #584837;
}

.button.is-secondary {
  color: #2f261d;
  background-color: #f0eee4;
}

.button.is-secondary:hover {
  color: #fff;
  background-color: #2a5144;
}

.hero_content-video {
  z-index: 2;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.nav_divider {
  opacity: .5;
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.nav_divider.hide-tablet {
  inset: auto 0% 0%;
}

.column-2x-small {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.column-2x-small.column-left {
  justify-content: center;
  align-items: flex-start;
}

.nav_menu-links {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.icon-medium {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.nav_dropdown-link-content {
  padding-top: .5rem;
}

.text-size-xlarge {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75;
}

.text-size-xlarge.text-color-alternate {
  color: #fff;
}

.nav_badge-ghost {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  background-color: #ffffff1a;
  border: 1px solid #ffffff26;
  border-radius: 6rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.5rem;
  font-weight: 500;
  display: flex;
}

.nav_dropdown-link-list {
  background-color: #0000;
  display: block;
  position: relative;
}

.nav_dropdown-link-list.w--open {
  background-color: #0000;
  position: relative;
}

.nav_menu-ghost {
  background-color: #0000;
  padding-top: .5rem;
  padding-left: 3%;
  padding-right: 3%;
}

.nav_link-featured {
  text-decoration: none;
}

.nav_menu-button-ghost {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  background-color: #ffffff1a;
  border: 1px solid #ffffff26;
  border-radius: 6rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: .75rem;
  overflow: hidden;
}

.nav_menu-button-ghost:hover {
  background-color: #fff3;
}

.nav_menu-button-ghost.w--open {
  background-color: #0000;
}

.text-size-small {
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.75;
}

.text-size-small.text-color-tertiary {
  color: #6b5843;
}

.nav_menu-line {
  transform-origin: center;
  background-color: currentColor;
  border-radius: 4px;
  width: 1rem;
  height: 2px;
}

.nav_menu-line.is-bottom {
  bottom: 0;
}

.nav_menu-line.is-middle {
  top: 50%;
}

.nav_menu-burger {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.nav_divider-wrapper {
  grid-column-gap: 76px;
  grid-row-gap: 76px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% .5rem;
}

.nav_ghost {
  background-color: #0000;
  padding-top: 2.5rem;
  padding-left: 5%;
  padding-right: 5%;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
}

.hero_background-video {
  width: 100%;
  height: 100%;
}

.hero_backdrop {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.hero_title-video {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 50rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.column-xsmall {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.nav_left {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav_text-link {
  color: #6b5843;
  text-align: left;
  font-weight: 500;
  text-decoration: none;
  transition: text-decoration-color .3s, text-underline-offset .3s, color .3s;
}

.nav_text-link:hover {
  color: #487f6a;
  text-underline-offset: 3px;
  text-decoration: underline;
}

.nav_links-featured {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
}

.hero_subheading {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 40rem;
  display: flex;
}

.nav_right {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

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

.text-italics {
  font-style: italic;
}

.nav_dropdown-link {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.nav_container-ghost {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero_dashboard {
  z-index: 1;
  background-color: #584837;
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
  justify-content: center;
  align-items: center;
  height: 3.5rem;
  margin-top: 4rem;
  display: flex;
  position: relative;
}

.column-x-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.flex-block-14 {
  flex-flow: column;
  width: 100%;
  margin-left: 5px;
}

.flex-block-12 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff26;
  border: 1px #ffffff70;
  border-radius: 100px;
  flex-flow: column;
  width: auto;
  min-width: 0;
  max-width: 200px;
  height: 100%;
  padding: 8px;
  box-shadow: 0 2px 5px #0003;
}

.flex-block-12.newf2, .flex-block-12.newf1 {
  width: 100%;
}

.text-block-23 {
  color: #fff;
  width: 300%;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.text-block-23.newtxt1 {
  width: 190px;
  font-size: 12px;
  font-weight: 400;
}

.column-large-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.navbar-brand {
  height: 100%;
}

.logo {
  margin-bottom: 0;
  margin-right: -20px;
}

.nav-link {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  padding: 12px 8px;
  font-size: 18px;
  line-height: 162%;
  text-decoration: none;
}

.code-embed-5 {
  width: 100%;
  overflow: visible;
}

.container-5 {
  z-index: 10;
  width: 100%;
  max-width: 1180px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.navbar {
  z-index: 999;
  background-color: #fff;
  border-bottom: 1px solid #fff3;
  margin-left: 0%;
  margin-right: 0%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0%;
  position: absolute;
  top: 0;
  left: 0%;
  right: 0%;
}

.flex-block-11 {
  margin-left: 2px;
}

.column-large {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.container-large-20 {
  z-index: 1;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.navigation-link-03 {
  color: #fff;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: all .45s;
  display: flex;
}

.navigation-link-03:hover {
  color: #fff;
  transform: translate(4px, -4px);
}

.nav-menu-item {
  justify-content: center;
  align-items: center;
  font-weight: 500;
  list-style-type: none;
  display: flex;
}

.flex-block-13 {
  flex-flow: row;
}

.nav-menu-wrapper {
  background-color: #0000;
  border: 1px #000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.button-right-icon-9 {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #997e60;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 16px 32px;
  font-size: 21px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.button-right-icon-9:hover {
  background-color: #997e60;
  transform: translate(6px, -6px);
}

.button-right-icon-9:active {
  background-color: #160042;
}

.button-right-icon-9:focus {
  outline-offset: 0px;
  outline: 2px solid #b6b9ce;
}

.text-block-49 {
  color: #fff;
  margin-left: 0;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}

.text-block-49.newph {
  font-size: 20px;
}

.display-heading {
  color: #fff;
  letter-spacing: -.04em;
  text-transform: capitalize;
  max-width: 560px;
  margin-top: 10px;
  margin-bottom: 22px;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
}

.navigation-dropdown-1 {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.image-53 {
  background-color: #fff;
  border-radius: 100px;
  padding: 5px;
}

.image-53.newdivf {
  background-color: #1d84fd;
}

.code-embed-2 {
  width: 20px;
  height: 20px;
}

.chevron-2 {
  margin-top: 20.5px;
  margin-right: 5px;
}

.header-grid-lead-2 {
  grid-column-gap: 24px;
  grid-row-gap: 64px;
  opacity: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.text-block-48 {
  letter-spacing: normal;
  text-transform: capitalize;
  margin-right: 9px;
  font-size: 18px;
  font-weight: 500;
}

.navigation-list-2 {
  min-width: 290px;
}

.navigation-list-2.w--open {
  background-color: #0000;
  min-width: 290px;
  max-height: 100vh;
  padding-top: 30px;
  left: -80px;
}

.div-block {
  flex-flow: row;
  width: 40px;
  height: 40px;
  display: flex;
}

.navmenu-tablet-only {
  display: none;
}

.navigation-content {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 20px 24px;
  display: flex;
  position: relative;
}

.text-block-50 {
  font-size: 18px;
}

.nav-menu-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.navigation-list-wrapper-3 {
  background-color: #997e60;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 8px 39px 65px -10px #0000001a;
}

.navigation-list-wrapper-3.w--open {
  background-color: #fff;
  border-radius: 15px;
  min-width: 300px;
  max-height: 100vh;
  left: -97px;
  box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}

.flex-block-15 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 35px;
}

.bold-text {
  font-weight: 400;
}

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

.header-column {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-flow: column;
  max-width: 628px;
  display: flex;
}

.navbar-open {
  display: none;
}

.button-link-text-absolute {
  position: absolute;
}

.icon-regular-22 {
  color: #d12120;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: flex;
}

.icon-regular-22.new14 {
  color: #d12120;
  width: 20px;
  height: 20px;
  margin-right: 0;
}

.icon-regular-22.new14.neq {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.nav-logo-tablet {
  max-width: 180px;
}

.hero-paragraph {
  color: #fff;
  max-width: 550px;
  margin-top: -15px;
  margin-bottom: 15px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.header-section-lead {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 800px;
  padding: 230px 5% 80px;
  display: flex;
  position: relative;
}

.menu-link-2 {
  font-size: 16px;
  font-weight: 500;
}

.button-link-box {
  position: relative;
  overflow: hidden;
}

.icon-right-4 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 0;
  margin-right: 12px;
  display: flex;
}

.icon-right-4.g24 {
  width: 20px;
  height: 20px;
}

.navigation-toggle-2 {
  color: #fff;
  margin-left: 0;
  padding: 16px;
  font-size: 15px;
  font-weight: 500;
  transition: all .2s;
}

.navigation-toggle-2:hover {
  color: #fff;
}

.nav-menu-side {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  width: 280px;
  padding: 4px;
  display: flex;
}

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

.paragraph-x-small.text-color-tertiary {
  color: #8d95a3;
}

.nav-head-small {
  color: #8d95a3;
  padding: 8px;
  font-size: 12px;
  line-height: 16px;
}

.nav-right {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.paragraph-small {
  color: #49505b;
  letter-spacing: -.08px;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small.text-color-tertiary {
  color: #8d95a3;
}

.column-x-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.nav-menu {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.icon {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-info-image-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.nav-menu-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 4px 16px 4px 4px;
  display: flex;
}

.nav-link-2 {
  color: #000;
  letter-spacing: 0;
  background-color: #fff0;
  border-radius: 0;
  padding: 8px 12px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 16px;
  transition: color .3s, all .45s;
}

.nav-link-2:hover {
  color: #fff;
  text-align: left;
  background-color: #edeef100;
  border: 1px #000;
  border-bottom: 1px solid #fff;
  border-radius: 0;
}

.menu-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.18px;
  white-space: nowrap;
  background-color: #25272c;
  border: 1px solid #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  box-shadow: 0 1px 2px #00000080, inset 0 1px 1px 2px #3f444d;
}

.subheading-x-small {
  color: #25272c;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.subheading-x-small.text-color-secondary {
  color: #49505b;
}

.nav-menu-buttons {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-outline-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.18px;
  white-space: nowrap;
  background-color: #000;
  border: 1px #b5bbc4;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  min-height: 40px;
  padding: 15px 16px;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: inline-flex;
}

.button-outline-small.newbtn {
  color: #000;
  background-color: #fff;
}

.subheading-small {
  color: #25272c;
  letter-spacing: -.08px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.button-primary-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.18px;
  white-space: nowrap;
  background-color: #25272c;
  border: 1px solid #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 1px 2px #00000080, inset 0 1px 1px 2px #3f444d;
}

.nav-info-head {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  padding: 12px;
  display: flex;
}

.nav-mid {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.navigation-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin: -30px auto;
  padding-bottom: 0;
  display: flex;
}

.nav-text-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-dropdown-menu.w--open {
  background-color: #fff0;
  top: 48px;
  left: -48px;
}

.icon-regular {
  color: #276c29;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 8px;
  height: 8px;
  display: flex;
}

.nav-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.icon-x-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.nav-head {
  color: #8d95a3;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 16px;
}

.nav-menu-link-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  letter-spacing: -.08px;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 4px 8px 4px 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.nav-features {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  width: 100%;
  padding: 4px;
  display: flex;
}

.nav-dropdown-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border: 1px solid #edeef1;
  border-radius: 12px;
  width: 628px;
  padding: 4px;
  display: flex;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.nav-dropdown-card.w--open {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border: 1px solid #edeef1;
  border-radius: 12px;
  display: flex;
  top: 48px;
  left: -40px;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.nav-menu-icon {
  color: #8d95a3;
}

.column-2x-small-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.nav-menu-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.navigation {
  background-color: #fff0;
  margin-top: 0;
  padding: 0 5%;
  position: relative;
}

.nav-toggle {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.08px;
  background-color: #fff0;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 12px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 16px;
  transition: background-color .3s, all .3s;
  display: flex;
}

.nav-toggle:hover {
  color: #fff;
  background-color: #fff0;
  border-bottom: 1px solid #fff;
  border-radius: 0;
}

.nav-info-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.column {
  flex-flow: column;
  display: flex;
}

.nav-menu-divider {
  border-right: 1px dashed #b5bbc4;
  align-self: stretch;
  width: 1px;
}

.nav-info-card {
  text-align: center;
  background-color: #f7f8f8;
  border: 1px solid #edeef1;
  border-radius: 8px;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.brand {
  justify-content: center;
  align-items: center;
  width: 300px;
  display: flex;
}

.content-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container-large {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.button-primary-small-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-small-2:hover {
  background-color: #734573;
}

.content-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.paragraph-small-2 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-regular {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

.column-gigantic {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.row-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.content-image-large {
  padding-top: 32px;
  padding-left: 32px;
  padding-right: 32px;
}

.content-image-large.background-brown-100 {
  background-color: #f2eeee;
}

.content-features {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  display: grid;
}

.section-regular {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.image-fill {
  width: 100%;
  height: auto;
}

.column-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-small.column-center {
  justify-content: flex-start;
  align-items: center;
}

.content-image-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #fff;
  flex-flow: column;
  max-width: 488px;
  height: auto;
  display: flex;
}

.h4-heading {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.3;
}

.h4-heading.nheading {
  font-size: 30px;
}

.text-link {
  color: #404040;
  text-decoration: underline;
  transition: color .3s;
}

.text-link:hover {
  color: #734573;
}

.paragraph-x-large {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 32px;
}

.overline {
  color: #2b712b;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.overline.text-color-purple-800 {
  color: #361b36;
}

.overline.text-color-white {
  color: #fff;
  letter-spacing: 2px;
}

.content-feature-line {
  background-color: #d4d4d4;
  flex: 1;
  width: 1px;
}

.column-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.column-x-small-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.text-color-purple-600 {
  color: #5c2d5c;
}

.subheading-regular {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.story-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 24px;
  display: grid;
}

.h2-heading {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 80px;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 45px;
  font-weight: 500;
  line-height: 1.2;
}

.h2-heading.nseq {
  margin-bottom: 0;
}

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

.story-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.content-tab-content {
  width: 100%;
}

.overline-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-large-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.container-regular {
  z-index: 5;
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.heading-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr 1fr;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 64px;
  display: flex;
}

.paragraph-large {
  letter-spacing: -.16px;
  font-size: 18px;
  line-height: 32px;
}

.paragraph-large.text-color-gray-800 {
  color: #000;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}

.content-tab-link {
  color: #252527;
  text-align: center;
  letter-spacing: -.08px;
  background-color: #fff;
  border: 1px solid #e6e6e7;
  border-radius: 4px;
  padding: 10px 24px;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.content-tab-link.w--current {
  color: #fff;
  background-color: #000;
  border-color: #000;
  border-radius: 4px;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 14px;
}

.content-tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.story-sign-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.story-sign {
  width: 139px;
  height: 36px;
}

.overline-regular {
  letter-spacing: .8px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.button-primary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.12px;
  white-space: nowrap;
  background-color: #000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  display: inline-flex;
}

.section-regular-2 {
  background-color: #f5f5f6;
  padding: 80px 5%;
  position: relative;
}

.content-tabs-menu {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: -108px;
  margin-bottom: 64px;
  display: flex;
}

.content-feature-tab-icon {
  background-color: #edeef1;
  border: 1px solid #d8dbdf;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.row-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-tab-link-2 {
  color: #49505b;
  background-color: #fff0;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  padding: 12px 16px;
  transition: color .3s, box-shadow .3s, background-color .3s;
  display: flex;
}

.content-tab-link-2:hover {
  background-color: #edeef1;
}

.content-tab-link-2.w--current {
  color: #25272c;
  background-color: #fff;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.paragraph-large-2 {
  color: #49505b;
  letter-spacing: -.16px;
  font-size: 18px;
  line-height: 32px;
}

.code-embed {
  display: none;
}

.content-left {
  border-left: 1px dashed #b5bbc4;
  padding: 16px 32px;
  position: relative;
}

.content-tab-dropdown {
  overflow: hidden;
}

.content-tab-illustration {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.h1-heading {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
}

.content-tab-content-2 {
  max-width: 50%;
  padding-left: 24px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.text-color-brand {
  color: #154ee0;
}

.header-badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px dashed #b5bbc4;
  border-bottom-style: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px 8px 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.section-x-large {
  background-color: #f7f8f8;
  padding: 128px 5%;
  position: relative;
}

.content-title {
  border-top: 1px dashed #b5bbc4;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
}

.content-header {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 50%;
  display: flex;
}

.content-tab-progress-bar {
  background-color: #154ee0;
  border-radius: 44px;
  width: 4px;
  height: 100%;
}

.content-tab-pane {
  width: 100%;
  height: 100%;
}

.content-tab-description {
  padding-top: 8px;
}

.container-regular-2 {
  z-index: 1;
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-tab-progress {
  background-color: #edeef1;
  border: 1px solid #d8dbdf;
  border-radius: 44px;
  justify-content: center;
  align-items: flex-start;
  width: 8px;
  padding: 2px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% -16px;
}

.content-tabs-menu-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.subheading-regular-2 {
  color: #25272c;
  letter-spacing: -.12px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.subheading-regular-2.text-color-inherit {
  color: inherit;
}

.content-subheading {
  border: 1px dashed #b5bbc4;
  border-radius: 8px;
  padding: 12px 24px;
}

.content-tabs-2 {
  margin-top: 24px;
  margin-left: 5%;
  display: flex;
  position: static;
}

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

.container-large-21 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.button-primary-small-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-small-3:hover {
  background-color: #734573;
}

.content-dropdown-list {
  background-color: #0000;
  margin-top: -4px;
  position: static;
}

.content-left-2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.content-feature-dropdowns {
  flex-flow: column;
  display: flex;
}

.content-block-large {
  background-color: #fafafa;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 488px;
  min-height: 604px;
  padding: 48px;
  display: flex;
}

.content-dropdown-toggle {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #404040;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 16px 0;
  display: flex;
}

.paragraph-small-3 {
  color: #fff;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 200;
  line-height: 20px;
}

.paragraph-regular-2 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-regular-2.text-color-gray-700 {
  color: #404040;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.icon-small-2 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.content-dropdown-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-dropdown-tab {
  max-width: 544px;
  padding-bottom: 16px;
}

.content-dropdown {
  width: 100%;
  height: auto;
  position: static;
  overflow: hidden;
}

.content-image-wrapper-2 {
  background-color: #fff;
  max-width: 488px;
  height: auto;
}

.h3-heading {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
}

.divider-gray-200 {
  background-color: #e6e6e6;
  width: 100%;
  height: 1px;
}

.paragraph-x-large-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.column-x-small-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.subheading-regular-3 {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.content-slide-image {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.container-large-22 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.content-card-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  padding: 32px;
  display: flex;
}

.content-slide {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 48px;
  display: flex;
  position: relative;
}

.content-slide-text-wrapper {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.content-image-small {
  min-width: 200px;
  min-height: 140px;
  margin-bottom: -32px;
}

.content-bento-slider {
  width: 100%;
  height: 100%;
  min-height: 560px;
  overflow: hidden;
}

.content-slide-gradient {
  background-image: linear-gradient(0deg, #000, #0000);
  height: 70%;
  position: absolute;
  inset: auto 0% 0%;
}

.content-card-bottom {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 32px;
  padding-left: 32px;
  display: flex;
}

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

.button-outline-small-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  color: #0a0a0a;
  background-color: #0000;
  border: 1px solid #d4d4d4;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, color .4s;
  display: flex;
  position: relative;
}

.button-outline-small-2:hover {
  border-color: #a3a3a3;
}

.button-outline-small-2.icon-right {
  padding-right: 10px;
}

.title-center-regular {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-bento-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1.4fr 1fr;
  align-items: center;
}

.h5-heading {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
}

.h4-heading-2 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.3;
}

.h4-heading-2.text-color-white {
  color: #fff;
  font-family: Libre Caslon Text, sans-serif;
}

.paragraph-x-large-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.paragraph-x-large-3.text-color-white {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 200;
  line-height: 28px;
}

.content-card {
  background-color: #f8f6f6;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.column-x-small-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.flex-block-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
}

.footer-image-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 48px;
  display: flex;
  position: relative;
}

.footer-main {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 384px;
  display: flex;
}

.column-large-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.legal-grid {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-divider {
  background-color: #e7e7e7;
  border-radius: 4px;
  width: 1px;
  height: 24px;
}

.footer-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  max-width: 240px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

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

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

.h6-heading {
  color: #2b2b2b;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
}

.h6-heading.text-weight-bold {
  font-weight: 700;
}

.button-outline {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #454545;
  text-align: center;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #e7e7e7;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  display: inline-flex;
}

.button-outline.w--current {
  color: #fff;
  background-color: #286efb;
}

.background {
  z-index: 0;
  pointer-events: none;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.legal-text {
  color: #fff;
  text-align: center;
  max-width: 600px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.footer-social-link {
  color: #454545;
  border: 1px solid #e7e7e7;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.paragraph-large-3 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.paragraph-large-3.text-weight-medium {
  color: #fff;
  text-align: left;
  font-family: Libre Caslon Text, sans-serif;
  font-weight: 500;
}

.background-noise {
  z-index: 3;
  pointer-events: none;
  background-image: none;
  background-position: 0 0;
  background-size: 120px;
  position: absolute;
  inset: 0%;
}

.paragraph-regular-3 {
  color: #454545;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
}

.paragraph-regular-3.font-heading {
  color: #fff;
}

.button-outline-icon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #2b2b2b;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #e7e7e7;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  display: inline-flex;
}

.footer-mail-link {
  color: #454545;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-section {
  background-color: #f6f6f6;
  background-image: linear-gradient(#000000e3 100%, #fff), url('../images/sean-pollock-PhYq704ffdA-unsplash.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 96px;
  padding-left: 3%;
  padding-right: 3%;
  position: relative;
  overflow: hidden;
}

.row-regular-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container-regular-3 {
  z-index: 2;
  width: 100%;
  max-width: 996px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.footer-column-large {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

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

.footer-text-inner {
  width: 100%;
  max-width: 1200px;
  position: relative;
  overflow: hidden;
}

.footer-text-image {
  width: 100%;
}

.text-color-brand-2 {
  color: #286efb;
}

.grid-two-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.paragraph-small-4 {
  color: #49505b;
  letter-spacing: -.08px;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-4.text-color-tertiary {
  color: #8d95a3;
}

.form-field-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.form-checkbox {
  background-color: #fff;
  border: 2px solid #d8dbdf;
  border-radius: 100%;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0 8px 0 0;
  padding-left: 0;
  display: flex;
}

.form-checkbox.w--redirected-checked {
  background-color: #154ee0;
  border-style: solid;
  border-color: #154ee0;
  margin-top: 0;
  margin-left: 0;
}

.form-checkbox-field {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.paragraph-large-4 {
  color: #000;
  letter-spacing: -.16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.feature-card-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #154ee0;
  text-align: center;
  letter-spacing: -.08px;
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.feature-card-head.text-color-brand {
  color: #154ee0;
}

.feature-card-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.paragraph-regular-4 {
  color: #49505b;
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

.form-field-label {
  color: #000;
  margin-bottom: 0;
  font-family: Merriweather, serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
}

.divider-secondary {
  border-top: 1px dashed #d8dbdf;
  width: 100%;
}

.form-detail-icon {
  color: #154ee0;
}

.badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #000;
  border: 1px #b5bbc4;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.section-regular-3 {
  background-color: #f7f8f8;
  padding: 96px 5%;
  position: relative;
}

.form-card-outline {
  background-color: #fff;
  border: 1px #d8dbdf;
  border-radius: 16px;
  width: 100%;
  max-width: 410px;
  overflow: hidden;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.max-width-regular {
  width: 100%;
  max-width: 520px;
}

.form-column-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  max-width: 410px;
  display: flex;
}

.column-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.column-small-2.column-left {
  justify-content: center;
  align-items: flex-start;
}

.button-primary-large {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.18px;
  white-space: nowrap;
  background-color: #25272c;
  border: 2px solid #000;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-flex;
}

.button-primary-large:hover {
  background-color: #000;
}

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

.contact-link-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #25272c;
  letter-spacing: -.08px;
  border: 1px dashed #d8dbdf;
  border-bottom-style: none;
  border-radius: 12px;
  flex: auto;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.text-link-brand {
  color: #154ee0;
  font-weight: 500;
  text-decoration: underline;
}

.form-text-field {
  color: #25272c;
  letter-spacing: -.18px;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #d8dbdf;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}

.form-text-field:focus {
  color: #25272c;
  background-color: #f7f8f8;
  border-color: #3a88fe;
}

.form-text-field::placeholder {
  color: #8d95a3;
}

.form-text-field.text-area {
  min-height: 128px;
}

.subheading-large {
  color: #25272c;
  letter-spacing: -.24px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.container-regular-4 {
  z-index: 1;
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

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

.form-column {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  max-width: 520px;
  display: flex;
}

.contact-card {
  border: 1px dashed #d8dbdf;
  border-bottom-style: none;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.row-x-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-51 {
  color: #fff;
  text-transform: capitalize;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 20px;
}

.contact-field {
  color: #fff;
  background-color: #191919;
  border: 1px solid #191919;
  border-radius: 4px;
  height: auto;
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  transition: all .3s;
}

.contact-field:hover {
  background-color: #191919;
  border-style: solid;
  border-color: #292626;
  padding: 20px 11px 20px 20px;
}

.contact-field:focus {
  border-style: solid;
  border-color: #fff;
  padding: 27px 11px 27px 34px;
}

.contact-field::placeholder {
  color: #fff;
}

.contact-field.message {
  height: 150px;
  margin-bottom: 20px;
}

.contact-submit-button {
  color: #000;
  letter-spacing: 1px;
  background-color: #fff;
  border-radius: 4px;
  width: 100%;
  max-width: none;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: all .3s;
}

.contact-submit-button:hover {
  color: #000;
  background-color: #fff;
  transform: translate(6px, -6px);
}

.tos-checkbox-label {
  width: 100%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 200;
}

.contact-section {
  background-color: #000;
  background-image: url('../images/Roses-Sidebar-Large.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding: 100px 3%;
}

.contact-form {
  margin-bottom: 0;
}

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

.contact-information-title {
  color: #737373;
  letter-spacing: -.03em;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
}

.contact-text {
  letter-spacing: .03em;
  font-size: 16px;
  line-height: 1.5;
}

.tos-checkbox-wrap {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.contact-grid {
  grid-column-gap: 120px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
}

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

.social-link {
  margin-left: 40px;
  padding: 6px;
  transition: all .2s;
}

.social-link:hover {
  opacity: .4;
}

.contact-form-block {
  color: #fff;
  background-color: #000;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin-bottom: 0;
  padding: 10% 5%;
  display: flex;
}

.contact-heading {
  margin-top: 0;
  margin-bottom: 172px;
  font-size: 90px;
  font-weight: 400;
  line-height: 1;
}

.contact-button-wrap {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.contact-heading-wrap {
  color: #fff;
}

.success-message {
  color: #000;
  background-color: #fff;
  padding: 28px 16px;
}

.socials-wrap {
  justify-content: flex-end;
  margin-top: 60px;
  display: flex;
}

.contact-title {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 52px;
  font-size: 16px;
  font-weight: 400;
}

.error-message {
  background-color: #522723;
  padding: 16px;
}

.underline-span {
  text-decoration: underline;
}

.tos-checkbox {
  background-color: #191919;
  border-style: none;
  width: 30px;
  height: 30px;
  margin-top: 0;
  margin-right: 22px;
}

.tos-checkbox.w--redirected-checked {
  background-color: #191919;
  background-image: url('../images/White-Tick-1.svg');
  background-size: auto;
  border-style: none;
  border-radius: 0;
}

.link-block {
  width: 150px;
  height: 150px;
}

.nav-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 0;
  display: flex;
}

.button-right-icon-10 {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0db31b;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 16px 32px;
  font-size: 21px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.button-right-icon-10:hover {
  background-color: #0db31b;
  transform: translate(6px, -6px);
}

.button-right-icon-10:active {
  background-color: #160042;
}

.button-right-icon-10:focus {
  outline-offset: 0px;
  outline: 2px solid #b6b9ce;
}

.container-6 {
  z-index: 10;
  width: 100%;
  max-width: 1180px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.navbar-2 {
  z-index: 999;
  background-color: #0000;
  border-bottom: 1px solid #fff3;
  margin-left: 3%;
  margin-right: 3%;
  padding-top: 0;
  padding-bottom: 15px;
  padding-left: 0%;
  display: none;
  position: absolute;
  top: 0;
  left: 0%;
  right: 0%;
}

.nav-menu-wrapper-2 {
  background-color: #0000;
  border: 1px #000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.text-block-52 {
  font-size: 18px;
}

.text-block-53 {
  color: #fff;
  margin-left: 0;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}

.text-block-53.newph {
  font-size: 20px;
}

.nav-menu-item-2 {
  justify-content: center;
  align-items: center;
  font-weight: 500;
  list-style-type: none;
  display: flex;
}

.text-block-54 {
  letter-spacing: normal;
  text-transform: capitalize;
  margin-right: 9px;
  font-size: 18px;
  font-weight: 500;
}

.icon-regular-23 {
  color: #d12120;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: flex;
}

.icon-regular-23.new14 {
  color: #d12120;
  width: 20px;
  height: 20px;
  margin-right: 0;
}

.icon-regular-23.new14.neq {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.text-block-58 {
  color: #000;
}

.flex-block-17 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.feature_slider {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #0000;
  flex-flow: column;
  height: auto;
  padding-bottom: 4.5rem;
  display: flex;
}

.column-medium {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

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

.feature_slider-mask {
  max-width: calc(50% - .75rem);
  overflow: visible;
}

.feature_description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f6f6f6;
  border-radius: .75rem;
  padding: 1.5rem;
  display: flex;
}

.section-medium {
  padding: 4rem 5%;
  position: relative;
}

.section-medium.overflow-hidden {
  padding-left: 0%;
  overflow: hidden;
}

.feature_icon-wrapper {
  background-color: #f6f6f6;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.padding-medium {
  padding: 1rem;
}

.slider_button-right {
  width: auto;
  inset: auto auto .05rem 0%;
}

.slider_button-right.is-next {
  left: 3.5rem;
}

.column-3x-large {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.heading-style-h2 {
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.15;
}

.heading-style-h2.text-balance {
  text-wrap: balance;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 2.5rem;
}

.heading-style-h6-2 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.35;
}

.heading-style-h6-2.text-weight-medium {
  font-family: Libre Caslon Text, sans-serif;
  font-size: 1.7rem;
  font-weight: 500;
}

.heading-style-h6-2.text-color-orange {
  color: #ff5310;
}

.container-medium {
  width: 100%;
  max-width: 68rem;
  margin-left: auto;
  margin-right: auto;
}

.feature5_card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid #e7e7e7;
  border-radius: .75rem;
  flex-flow: column;
  height: 100%;
  padding: 1rem;
  display: flex;
  overflow: hidden;
}

.max-width-small {
  width: 100%;
  max-width: 40rem;
}

.text-size-medium {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.text-size-medium.text-color-tertiary {
  color: #5d5d5d;
  font-family: Inter, sans-serif;
  font-weight: 300;
}

.slider_slide {
  margin-right: 1.5rem;
}

.text-size-xlarge-2 {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
}

.text-size-xlarge-2.sxdfs {
  text-align: center;
  max-width: 800px;
  font-size: 20px;
}

.text-size-xlarge-2.sxdfs.nsf {
  max-width: 900px;
  font-size: 18px;
}

.title-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.subheading-medium {
  font-family: Merriweather, serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.icon-button {
  background-color: #389154;
  border-radius: .375rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.icon-button.is-outline {
  color: #000;
  background-color: #0000;
  border: 1px solid #e7e7e7;
  transition: border-color .3s;
}

.icon-button.is-outline:hover {
  border-color: #d1d1d1;
}

.feature_image-wrapper {
  height: 18rem;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 60%, #0000 100%);
  mask-image: linear-gradient(#000 60%, #0000 100%);
}

.course-badges {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  display: flex;
}

.review-rating {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #ab8836;
  background-color: #fffaeb;
  border: 1px solid #ffebb8;
  border-radius: 96px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 4px 12px 4px 6px;
  display: inline-flex;
}

.course-content-header {
  justify-content: space-between;
  padding-right: 16px;
  display: flex;
}

.course-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.course-review-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.course-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.course-dropdown {
  flex-flow: column;
  display: flex;
}

.course-dropdown.last {
  border-bottom-style: none;
}

.course-review-avatar {
  background-color: #f0edea;
  border: 1px solid #d6d3d1;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.course-avatar-check {
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
  position: absolute;
  inset: auto -4px -4px auto;
}

.caption-small {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.caption-small.text-color-gray-500 {
  color: #8b8a89;
}

.course-tags {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  display: flex;
}

.course-review-settings {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: space-between;
  margin-bottom: 32px;
  display: flex;
}

.h5-heading-2 {
  color: #000;
  letter-spacing: -.35px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
}

.column-regular-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.course-payment-options {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: wrap;
  display: flex;
}

.caption-regular {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.caption-regular.text-color-gray-600 {
  color: #71716f;
}

.course-badge {
  color: #ff443d;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #ffeae6;
  border: 1px solid #ffc9bd;
  border-radius: 96px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.course-badge.blue {
  color: #508af7;
  background-color: #eceefe;
  border-color: #c9d2fd;
}

.content-vertical-divider {
  background-color: #bfbcba;
  width: 1px;
  height: 10px;
}

.avatar-small {
  border-radius: 100%;
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.course-details-tags {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  width: 100%;
  display: flex;
}

.paragraph-small-5 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-5.text-color-gray-950 {
  color: #1f1e1e;
}

.course-information {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.course-review-ratings {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  display: flex;
}

.course-tag {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f0edea;
  border: 1px solid #d6d3d1;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: 4px 12px;
  display: inline-flex;
}

.course-tag.yelllow {
  color: #ab8836;
  background-color: #fffaeb;
  border-color: #ffebb8;
  flex: 1;
}

.course-tag.red {
  color: #ff443d;
  background-color: #ffeae6;
  border-color: #ffc9bd;
  flex: 1;
}

.course-tag.newtag {
  background-color: #192018;
  border-color: #2b712b75;
  justify-content: center;
  align-items: center;
  max-width: none;
  padding-bottom: 0;
}

.icon-tiny {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.course-payment-logo {
  display: flex;
}

.course-border-wrapper {
  border: 1px solid #d6d3d1;
  border-radius: 16px;
  padding: 24px;
}

.course-title {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.lesson-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.course-avatar-wrapper {
  width: 128px;
  height: 128px;
  position: relative;
}

.course-video {
  background-image: url('../images/Course-01-Thumbnail_1Course 01 Thumbnail.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.course-button-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.icon-x-large {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.course-dropdown-inner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding-top: 16px;
  display: flex;
}

.course-dropdown-inner.last {
  padding-bottom: 0;
}

.course-review-author {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.course-details-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px;
  display: flex;
  box-shadow: 0 3px 2px #201f1f00, 0 2px 1px #201f1f03, 0 1px 1px #201f1f0a, 0 1px 1px #201f1f12;
}

.course-main-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.subheading-regular-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.course-author {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.section-small {
  padding: 80px 5%;
}

.section-small.background-gray-50 {
  background-color: #f6f5f3;
}

.container-regular-5 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.course-details {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.course-tab-menu {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f0edea;
  border: 1px solid #d6d3d1;
  border-radius: 96px;
  margin-bottom: 24px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 4px;
  display: flex;
}

.course-sort-dropdown {
  margin-left: 0;
  margin-right: 0;
}

.text-weight-semibold {
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.text-weight-semibold.ns {
  color: #2b712b;
  font-weight: 300;
}

.course-payment-button {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  background-color: #fff;
  border: 1px solid #f0edea;
  border-radius: 96px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 32px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 1px .5px #95a0b214;
}

.course-count {
  background-color: #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
  box-shadow: 0 1px 1px #201f1f12, 0 2px 5px #0003, 0 1px 1px #201f1f0a, 0 2px 1px #201f1f03, 0 3px 2px #201f1f00;
}

.course-sort-dropdown-list {
  background-color: #fff;
}

.course-sort-dropdown-list.w--open {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #f0edea;
  border: 1px solid #d6d3d1;
  border-radius: 8px;
  flex-flow: column;
  min-width: 150px;
  margin-top: 4px;
  padding: 2px;
  display: flex;
  inset: auto 0% auto auto;
}

.divider-gray-201 {
  background-color: #d6d3d1;
  width: 100%;
  height: 1px;
}

.course-social-icons {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  display: flex;
}

.social-link-2 {
  color: #000;
  border: 1px solid #d6d3d1;
  border-radius: 100%;
  padding: 8px;
  transition: box-shadow .2s, border-color .2s, color .2s, background-color .2s;
}

.social-link-2:hover {
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 3px 2px #201f1f00, 0 2px 1px #201f1f03, 0 1px 1px #201f1f0a, 0 1px 1px #201f1f12;
}

.course-lesson-lightbox {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #71716f;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px 8px 8px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.course-lesson-lightbox:hover {
  color: #000;
  background-color: #f6f5f3;
}

.course-sort-dropdown-toggle {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #f0edea;
  border: 1px solid #d6d3d1;
  border-radius: 96px;
  align-items: center;
  padding: 2px 12px 2px 8px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.course-sort-dropdown-toggle:hover {
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 3px 2px #201f1f00, 0 2px 1px #201f1f03, 0 1px 1px #201f1f0a, 0 1px 1px #201f1f12;
}

.review-upvote {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  align-items: center;
  transition: color .2s;
  display: flex;
}

.review-upvote:hover {
  color: #000;
}

.button-outline-large {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #000;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #d6d3d1;
  border-radius: 96px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-large:hover {
  background-color: #f6f5f3;
}

.button-primary-large-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff;
  white-space: nowrap;
  background-color: #1f1e1e;
  border-radius: 96px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-primary-large-2:hover {
  background-color: #ff443d;
}

.button-primary-large-2.icon-left {
  padding-left: 16px;
}

.course-sort-dropdown-link {
  border-radius: 6px;
  width: 100%;
  padding: 8px;
  font-weight: 500;
}

.course-sort-dropdown-link:hover {
  background-color: #fff;
  box-shadow: 0 3px 2px #201f1f00, 0 2px 1px #201f1f03, 0 1px 1px #201f1f0a, 0 1px 1px #201f1f12;
}

.course-rating-filter {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  cursor: pointer;
  background-color: #f0edea;
  border: 1px solid #d6d3d1;
  border-radius: 96px;
  justify-content: center;
  align-items: center;
  padding: 2px 8px 2px 6px;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
}

.course-rating-filter:hover {
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 3px 2px #201f1f00, 0 2px 1px #201f1f03, 0 1px 1px #201f1f0a, 0 1px 1px #201f1f12;
}

.course-rating-filter.all {
  padding-left: 12px;
  padding-right: 12px;
}

.course-avatar {
  border-radius: 100%;
  overflow: hidden;
}

.h6-heading-2 {
  color: #000;
  letter-spacing: -.1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.course-tab-link {
  color: #8b8a89;
  text-align: center;
  background-color: #0000;
  border-radius: 96px;
  width: 100%;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: all .2s;
}

.course-tab-link:hover {
  color: #71716f;
  background-color: #f6f5f3;
}

.course-tab-link.w--current {
  color: #4d4d4c;
  background-color: #fff;
  font-weight: 600;
  box-shadow: 0 3px 2px #201f1f00, 0 2px 1px #201f1f03, 0 1px 1px #201f1f0a, 0 1px 1px #201f1f12;
}

.course-review-filters {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-large-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.course-dropdown-trigger {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #1f1e1e;
  justify-content: space-between;
  align-items: stretch;
  padding-right: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.course-dropdown-content {
  max-width: 100%;
  overflow: hidden;
}

.subheading-small-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.course-space-between {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.paragraph-regular-5 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.course-review-footer {
  color: #8b8a89;
  justify-content: space-between;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.course-list-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.section {
  margin-top: 10px;
  margin-bottom: 15px;
}

.text-block-59 {
  font-family: Inter, sans-serif;
}

.content-image {
  object-fit: cover;
  object-position: 50% 0%;
  background-color: #fff;
  border-radius: 24px;
  width: 100%;
  height: 100%;
}

.container-large-23 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.paragraph-regular-6 {
  font-size: 16px;
  line-height: 24px;
}

.paragraph-regular-6.margin-bottom-32 {
  margin-bottom: 32px;
}

.content-line {
  background-color: #ccd4d6;
  width: 1px;
  height: 100%;
}

.section-large {
  padding: 120px 5%;
  position: relative;
}

.span-strike-red {
  color: #e64d80;
  text-decoration: line-through;
}

.content-card-2 {
  grid-column-gap: 32px;
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.content-grid-large {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
}

.content-heading {
  letter-spacing: -.04em;
  font-size: 72px;
  font-weight: 400;
  line-height: 1.2;
}

.content-card-features {
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.content-button-primary {
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #1c2122;
  border-radius: 8px;
  min-height: 48px;
  padding: 8px 32px;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
  display: inline-block;
}

.content-card-feature {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.icon-normal, .content-feature-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.content-feature-icon.text-color-cyan-500 {
  color: #40aabf;
}

.voice-visualiser-border {
  background-image: linear-gradient(52deg, #368cfb, #90cbff 57%, #ffeb85);
  border-radius: 62.4375rem;
  max-width: 4rem;
  height: 1.875rem;
  padding: .1875rem;
  overflow: hidden;
  box-shadow: 0 6.875rem 1.875rem #0000, 0 4.375rem 1.75rem #00000003, 0 2.5rem 1.5rem #0000000a, 0 1.0625rem 1.0625rem #00000012, 0 .25rem .5625rem #00000014;
}

.about_lightbulb {
  background-color: #ffeb85;
  border-radius: 62.4375rem;
  padding: .375rem;
}

.circular-visualiser {
  z-index: 99;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.hero_animations {
  position: absolute;
  inset: 0%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 40%, #0000 60%);
  mask-image: linear-gradient(#000 40%, #0000 60%);
}

.heading-style-h3 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

.heading-style-h3.newhh {
  font-size: 20px;
}

.button-2 {
  color: #18181b;
  text-align: center;
  white-space: nowrap;
  background-color: #daecff;
  border: 1px solid #90cbff;
  border-radius: 6.1875rem;
  justify-content: center;
  align-items: center;
  padding: .375rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
  box-shadow: inset 0 1px 2px 2px #fff, 0 1px 1px #25252726;
}

.button-2:hover {
  background-color: #bddfff;
  box-shadow: inset 0 1px 2px 2px #eff7ff, 0 1px 1px #25252726;
}

.container-medium-2 {
  z-index: 1;
  width: 100%;
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.about_images {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button-text-wrapper {
  justify-content: flex-start;
  align-items: center;
  min-height: 1.5rem;
  padding-left: .375rem;
  padding-right: .375rem;
  display: flex;
}

.about_image {
  aspect-ratio: 1;
  border: .25rem solid #fff;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 6.25rem 1.875rem #0000, 0 4.375rem 1.6875rem #00000003, 0 2.5rem 1.5rem #0000000a, 0 1.0625rem 1.0625rem #00000012, 0 .25rem .5625rem #00000014;
}

.text-color-accent {
  color: #f46d2a;
}

.text-size-xlarge-3 {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.button-icon-wrapper {
  background-color: #fff;
  border-radius: 62.4375rem;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  box-shadow: 0 1px 1px #0000000d;
}

.about_graphic {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 7.5rem;
  display: flex;
  position: relative;
}

.text-color-gradient {
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 0%, #368cfb, #5caefe 27%, #ffeb85);
  -webkit-background-clip: text;
  background-clip: text;
}

.column-small-3 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.column-small-3.column-left {
  justify-content: center;
  align-items: flex-start;
}

.icon-2 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.badge-2 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #18181b;
  background-color: #fafafa;
  border: 1px solid #fff;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  padding: .375rem .75rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.voice-visualiser {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border-radius: inherit;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.content_grid-large {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: center start;
  display: grid;
}

.content_left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 33.75rem;
  display: flex;
}

.voice-waveform {
  background-color: #368cfb;
  border-radius: 62.4375rem;
  width: 2px;
  animation: 1.5s ease-in-out infinite bounce;
}

.heading-style-h1-2 {
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.15;
}

.text-highlight {
  color: #000;
  background-image: linear-gradient(#0000 10%, #05df72 10% 90%, #0000 90%);
  padding-left: .5rem;
  padding-right: .5rem;
}

.text-size-large {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.75;
}

.text-size-large.text-color-secondary {
  color: #3f3f46;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 200;
}

.content_statistics-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  flex-flow: column;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.text-size-xlarge-4 {
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.75;
}

.text-size-xlarge-4.text-color-secondary {
  color: #3f3f46;
}

.text-size-xlarge-4.text-weight-medium {
  font-weight: 500;
}

.heading-style-h4 {
  color: #000;
  letter-spacing: -.035em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
}

.column-4x-large {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
}

.column-large-6 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.column-large-6.column-center {
  text-align: center;
  align-items: center;
}

.countup-script {
  display: none;
}

.container-xsmall {
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-large {
  width: 100%;
  max-width: 32rem;
}

.row {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content_statistics-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-medium-2 {
  background-color: #fafafa;
  padding: 4rem 5%;
  position: relative;
}

.section-medium-2.background-map {
  background-image: radial-gradient(circle, #fafafa, #fafafaad), none;
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 45px;
  display: flex;
}

.container-large-24 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.content-image-block {
  background-color: #fafafa;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 488px;
  min-height: 488px;
  padding: 32px;
  display: flex;
}

.content-feature {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-large-2 {
  color: #fff;
  background-color: #0f0f0f;
  padding: 120px 5%;
  position: relative;
}

.content-feature-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.h3-heading-2 {
  color: #fff;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.2;
}

.h3-heading-2.dsf {
  text-align: center;
  font-size: 35px;
}

.paragraph-x-large-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 26px;
}

.column-x-small-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.subheading-regular-5 {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.flex-block-18 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin-top: -25px;
}

.image-55 {
  border-radius: 6px;
}

.section-3 {
  height: 41px;
}

.text-block-60 {
  height: 26px;
}

.section-4 {
  margin-top: 100px;
}

.image-56 {
  border-radius: 8px;
  margin-top: 30px;
}

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

.f-container-regular {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.f-h3-heading {
  color: #160042;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.2;
}

.f-section-regular {
  padding: 72px 5%;
  position: relative;
}

.f-margin-bottom-08 {
  margin-bottom: 8px;
}

.f-button-neutral {
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #160042;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.f-button-neutral:hover {
  background-color: #282556;
}

.f-button-secondary {
  color: #160042;
  letter-spacing: -.02em;
  background-color: #fff;
  border: 1px solid #e4e6f1;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.f-button-secondary:hover {
  background-color: #f3f5fb;
  border-color: #0000;
}

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

.f-content-image-wrapper {
  border-radius: 12px;
  width: 100%;
  max-width: 450px;
  height: 430px;
  overflow: hidden;
}

.f-grid-two-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.f-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.f-heading-detail-small {
  color: #6b7094;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.f-paragraph-large {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.f-margin-bottom-32 {
  margin-bottom: 32px;
}

.icon-large {
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.content-feature-grid-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.content-card-bar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.column-x-large-2 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-direction: column;
  display: flex;
}

.content-image-wrapper-3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.container-large-25 {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.h2-heading-2 {
  color: #030711;
  letter-spacing: -1.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Caslon Text, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 45px;
}

.paragraph-large-5 {
  letter-spacing: -.3px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 32px;
}

.content-grid-wide {
  grid-column-gap: 100px;
  grid-row-gap: 44px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr minmax(auto, 558px);
  align-items: center;
  margin-top: 100px;
}

.paragraph-small-6 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.subheading-regular-6 {
  color: #030711;
  letter-spacing: -.18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.icon-wrapper {
  color: #b95bb4;
  background-color: #f4dcf4;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.icon-wrapper.red {
  color: #d12e46;
  background-color: #fde7e7;
}

.section-x-large-2 {
  padding: 0 5% 144px;
}

.image-57 {
  border-radius: 8px;
}

.carousel-horizontal-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 100px;
  width: 100%;
  height: 100%;
  display: flex;
}

.header-button-group {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  display: flex;
}

.fade-gradient-right {
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(93deg, #0000, #f8f6f6b5 60%, #f8f6f6);
  width: 15%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.container-regular-6 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.text-color-red-600 {
  color: #932525;
}

.fade-gradient-left {
  z-index: 5;
  pointer-events: none;
  background-image: linear-gradient(89deg, #f8f6f6, #f8f6f6b8 48%, #0000);
  width: 15%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.header-section {
  background-color: #f8f6f6;
  padding: 86px 5% 48px;
  position: relative;
}

.header-feature-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.paragraph-x-small-2 {
  font-size: 12px;
  line-height: 16px;
}

.carousel-horizontal {
  width: 100%;
  margin-top: 60px;
  position: relative;
  overflow: hidden;
}

.text-color-green-600 {
  color: #2f7561;
}

.header-grid {
  grid-column-gap: 100px;
  grid-row-gap: 44px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.h1-heading-2 {
  color: #0a0a0a;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2;
}

.button-primary-large-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.25px;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-large-3:hover {
  background-color: #734573;
}

.button-primary-large-3.icon-right {
  color: #000;
  background-color: #fff;
  border-radius: 6px;
  padding-right: 12px;
}

.column-large-7 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.text-color-blue-600 {
  color: #2f5c98;
}

.column-small-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.icon-regular-24 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.paragraph-x-large-5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.button-outline-large-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #0a0a0a;
  border: 1px solid #d4d4d4;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, color .4s;
  display: flex;
  position: relative;
}

.button-outline-large-2:hover {
  color: #361b36;
  background-color: #fafafa;
  border-color: #d4d4d4;
}

.button-outline-large-2.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.header-feature {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #171717;
  flex-direction: row;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.icon-x-large-2 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.header-divider {
  background-color: #e7e0df;
  width: 1.5px;
  height: 12px;
}

.header-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.header-image-block {
  background-color: #f2eeee;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 488px;
  min-height: 536px;
  padding: 62px 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-58 {
  border-radius: 6px;
  box-shadow: 0 2px 5px #0003;
}

@media screen and (max-width: 991px) {
  .nav_menu-card {
    grid-template-columns: 1fr 1fr;
  }

  .hero_section-video {
    padding-top: 200px;
  }

  .nav_menu-image {
    max-width: none;
  }

  .nav_divider.hide-tablet {
    display: none;
  }

  .nav_menu-button-ghost {
    padding: 12px;
  }

  .nav_divider-wrapper {
    bottom: 0;
  }

  .nav_ghost {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .nav_left {
    display: none;
  }

  .nav_container-ghost {
    justify-content: space-between;
    align-items: center;
  }

  .navbar-close {
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    padding: 10px;
    display: flex;
  }

  .logo {
    object-fit: cover;
  }

  .nav-link {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 24px;
  }

  .code-embed-5 {
    height: 100%;
  }

  .navbar {
    top: 24px;
  }

  .nav-menu-wrapper {
    z-index: 10;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #220b13;
    border-radius: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 20px 24px;
    display: none;
    position: fixed;
    inset: 0%;
    overflow-y: auto;
  }

  .navbar-extra {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .navigation-dropdown-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .chevron-2 {
    margin-right: 20px;
  }

  .header-grid-lead-2 {
    grid-template-columns: 1fr;
  }

  .navigation-list-2.w--open {
    width: 100%;
    padding-top: 0;
    position: relative;
    left: auto;
  }

  .navmenu-tablet-only {
    justify-content: space-between;
    margin-bottom: 36px;
    display: flex;
  }

  .navigation-content {
    width: 100%;
  }

  .nav-menu-list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .navigation-list-wrapper-3 {
    box-shadow: none;
  }

  .header-column {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
  }

  .navbar-open {
    background-color: #ffffff0a;
    border: 2px solid #ffffff1a;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    padding: 10px;
    display: flex;
  }

  .navigation-toggle-2 {
    width: 100%;
    padding-left: 16px;
  }

  .navigation-toggle-2.w--open, .nav-dropdown {
    width: 100%;
  }

  .nav-menu {
    background-color: #f7f8f8;
    padding: 12px 8px;
  }

  .nav-link-2 {
    margin-top: 4px;
    padding: 12px 5%;
  }

  .menu-button.w--open {
    background-color: #25272c;
  }

  .nav-dropdown-menu.w--open {
    padding-top: 4px;
    position: static;
  }

  .nav-features {
    height: auto;
  }

  .nav-dropdown-card {
    width: 100%;
  }

  .nav-dropdown-card.w--open {
    padding-left: 5%;
    padding-right: 5%;
    position: static;
  }

  .navigation {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .nav-toggle {
    width: 100%;
    padding: 12px 5%;
  }

  .content-grid {
    grid-template-columns: 1fr;
  }

  .content-features {
    grid-template-columns: 1fr 1fr;
  }

  .story-block, .heading-grid {
    grid-template-columns: 1fr;
  }

  .content-tabs {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section-regular-2 {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .content-tabs-menu {
    margin-top: -40px;
  }

  .content-tab-content-2 {
    max-width: none;
    padding-left: 0;
    position: static;
  }

  .section-x-large {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .content-header, .content-tabs-menu-2 {
    max-width: none;
  }

  .content-tabs-2 {
    flex-flow: column;
  }

  .content-block-large {
    max-width: none;
  }

  .content-slide {
    padding: 32px;
  }

  .content-bento-grid, .legal-grid, .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-section {
    padding-bottom: 24vw;
  }

  .grid-two-column {
    grid-template-columns: 1fr;
  }

  .section-regular-3 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .form-card-outline, .form-column-small {
    max-width: 520px;
  }

  .form-block {
    align-items: center;
  }

  .contact-section {
    background-position: 0 0;
  }

  .contact-grid {
    grid-template-columns: 1fr;
  }

  .social-link {
    margin-left: 0;
    margin-right: 40px;
  }

  .contact-heading {
    margin-bottom: 60px;
  }

  .socials-wrap {
    justify-content: flex-start;
  }

  .navbar-2 {
    top: 24px;
  }

  .nav-menu-wrapper-2 {
    z-index: 10;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #220b13;
    border-radius: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 20px 24px;
    display: none;
    position: fixed;
    inset: 0%;
    overflow-y: auto;
  }

  .feature_slider-mask, .course-content {
    max-width: none;
  }

  .course-video {
    aspect-ratio: 16 / 9;
  }

  .course-main-grid {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .course-tab-menu {
    margin-left: 0;
    margin-right: 0;
  }

  .content-grid-large, .content_grid-large {
    grid-template-columns: 1fr;
  }

  .content-image-block {
    max-width: none;
  }

  .f-content-image-wrapper {
    max-width: 100%;
  }

  .f-grid-two-column, .content-grid-wide {
    grid-template-columns: 1fr;
  }

  .header-section {
    padding-top: 64px;
  }

  .header-grid {
    grid-template-columns: 1fr;
  }

  .header-content {
    max-width: 600px;
  }

  .header-image-block {
    max-width: none;
    min-height: auto;
    max-height: 600px;
  }
}

@media screen and (max-width: 767px) {
  .heading-style-h1 {
    font-size: 52px;
  }

  .nav_menu-card {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .nav_menu-image {
    max-height: 240px;
  }

  .nav_menu-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 4px;
  }

  .nav_links-featured {
    padding: 4px;
  }

  .nav-link {
    font-size: 18px;
  }

  .display-heading {
    font-size: 62px;
  }

  .navbar-button-primary {
    display: none;
  }

  .nav-logo-tablet {
    max-width: 145px;
  }

  .nav-menu-side {
    width: auto;
  }

  .nav-menu-buttons {
    display: none;
  }

  .nav-dropdown-card {
    flex-flow: column;
  }

  .nav-menu-arrow {
    display: none;
  }

  .nav-menu-divider {
    border-top: 1px dashed #b5bbc4;
    border-right-style: none;
    width: 100%;
    height: 1px;
  }

  .content-grid, .content-features {
    grid-template-columns: 1fr;
  }

  .section-regular {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h4-heading {
    font-size: 32px;
  }

  .h2-heading {
    font-size: 40px;
  }

  .content-tabs-menu {
    flex-flow: column;
    align-items: stretch;
    width: 100%;
  }

  .content-left {
    max-width: none;
  }

  .h1-heading {
    font-size: 48px;
  }

  .h3-heading {
    font-size: 36px;
  }

  .content-image-small {
    width: auto;
  }

  .content-bento-grid {
    grid-template-columns: 1fr;
  }

  .h5-heading {
    font-size: 28px;
  }

  .h4-heading-2 {
    font-size: 32px;
  }

  .footer-links {
    grid-template-columns: 1fr 1fr;
  }

  .form-card-outline, .form-column-small, .form-column {
    max-width: none;
  }

  .text-size-xlarge-2 {
    font-size: 18px;
  }

  .course-details-tags {
    flex-flow: column;
  }

  .section-large {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .content-heading {
    font-size: 64px;
  }

  .content-card-features {
    margin-bottom: 40px;
  }

  .text-size-xlarge-3, .text-size-xlarge-4 {
    font-size: 18px;
  }

  .content_statistics-grid {
    grid-template-columns: 1fr;
  }

  .section-large-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h3-heading-2 {
    font-size: 36px;
  }

  .f-h3-heading {
    font-size: 40px;
  }

  .f-section-regular {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .content-feature-grid-2 {
    grid-template-columns: 1fr;
  }

  .h2-heading-2 {
    font-size: 46px;
    line-height: 54px;
  }

  .section-x-large-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .header-grid {
    grid-template-columns: 1fr;
  }

  .h1-heading-2 {
    font-size: 48px;
  }
}

@media screen and (max-width: 479px) {
  .nav_menu-links {
    grid-template-columns: 1fr;
  }

  .icon-medium {
    color: #fff;
  }

  .navbar-close {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #fff0;
    border: 2px #ffffff1a;
    border-radius: 100%;
  }

  .flex-block-12.newf2 {
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
  }

  .flex-block-12.newf1 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    position: static;
  }

  .logo {
    flex: none;
    margin-bottom: 0;
  }

  .nav-link {
    letter-spacing: 1px;
  }

  .code-embed-5 {
    border-radius: 12px;
    width: 100%;
    height: auto;
  }

  .container-5 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .navbar {
    display: none;
  }

  .nav-menu-item {
    text-transform: capitalize;
    border-bottom: 1px solid #ffffff5c;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 200;
  }

  .nav-menu-wrapper {
    background-color: #997e60;
    margin-right: 75px;
    display: none;
  }

  .button-right-icon-9 {
    background-color: #a8252e;
    border-radius: 2px;
    width: 100%;
    margin-top: 20px;
    font-size: 18px;
    transform: skew(-4deg);
  }

  .button-right-icon-9:hover {
    background-color: #a8252e;
    transform: translate(6px, -6px)skew(-4deg);
    box-shadow: 0 2px 5px #a8252e;
  }

  .text-block-49 {
    font-size: 16px;
  }

  .display-heading {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.3;
  }

  .navigation-dropdown-1 {
    width: 100%;
  }

  .header-grid-lead-2 {
    grid-template-columns: 1fr;
    margin-top: 200px;
  }

  .text-block-48 {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 18px;
  }

  .navmenu-tablet-only {
    justify-content: space-between;
    align-items: center;
  }

  .navigation-content {
    padding-left: 0;
  }

  .text-block-50 {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .navigation-list-wrapper-3 {
    background-color: #0c6c0d00;
  }

  .flex-block-15 {
    z-index: 1;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }

  .header-column {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .navbar-open {
    border-radius: 6px;
    width: 55px;
    height: 55px;
  }

  .icon-regular-22 {
    color: #d12120;
    margin-right: 5px;
  }

  .nav-logo-tablet {
    max-width: 180px;
  }

  .header-section-lead {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .menu-link-2 {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 200;
  }

  .icon-right-4 {
    width: 28px;
    height: 28px;
  }

  .navigation-toggle-2 {
    padding-left: 8px;
  }

  .button-outline-small, .button-outline-small.newbtn, .button-primary-small {
    width: 100%;
  }

  .button-primary-small-2 {
    text-align: center;
    border-radius: 4px;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Libre Caslon Text, sans-serif;
    font-size: 16px;
    font-weight: 300;
    transition-property: all;
    transition-duration: .45s;
  }

  .button-primary-small-2:hover {
    background-color: #000;
    transform: translate(6px, -6px);
  }

  .content-image-large {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .column-small {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
  }

  .h2-heading {
    margin-bottom: 20px;
  }

  .story-content {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .heading-grid {
    grid-template-columns: 1fr;
  }

  .story-sign-wrapper {
    flex-flow: column;
    align-items: stretch;
  }

  .story-sign {
    order: -1;
  }

  .button-primary {
    width: 100%;
    font-size: 14px;
  }

  .content-tabs-menu {
    flex-flow: column;
    align-items: stretch;
    width: 100%;
  }

  .content-left {
    padding-left: 24px;
    padding-right: 24px;
  }

  .h1-heading {
    font-size: 46px;
  }

  .h1-heading.nhj {
    font-size: 34px;
  }

  .content-block-large {
    min-height: auto;
    padding: 24px;
  }

  .paragraph-regular-2.text-color-gray-700 {
    color: #000;
    width: auto;
    font-size: 14px;
    line-height: 22px;
  }

  .content-dropdown-tab {
    max-width: none;
  }

  .subheading-regular-3 {
    font-size: 16px;
  }

  .content-slide {
    padding: 24px;
  }

  .h4-heading-2.text-color-white {
    font-size: 28px;
  }

  .footer-grid {
    flex-flow: column;
    justify-content: center;
    place-items: flex-start start;
    display: flex;
  }

  .button-outline {
    width: 100%;
  }

  .footer-section {
    padding-bottom: 0;
  }

  .footer-links {
    text-align: left;
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .button-primary-large {
    width: 100%;
  }

  .contact-grid-small {
    grid-template-columns: 1fr;
  }

  .contact-submit-button {
    letter-spacing: normal;
    max-width: none;
    font-family: Libre Caslon Text, sans-serif;
    font-size: 18px;
    font-weight: 500;
  }

  .contact-information-grid {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .tos-checkbox-wrap {
    margin-bottom: 20px;
  }

  .contact-grid {
    grid-row-gap: 32px;
  }

  .contact-heading {
    font-size: 60px;
  }

  .contact-button-wrap {
    flex-direction: column;
  }

  .nav-wrapper-2 {
    padding-top: 0;
  }

  .button-right-icon-10 {
    background-color: #a8252e;
    border-radius: 2px;
    width: 100%;
    margin-top: 20px;
    font-size: 18px;
    transform: skew(-4deg);
  }

  .button-right-icon-10:hover {
    background-color: #a8252e;
    transform: translate(6px, -6px)skew(-4deg);
    box-shadow: 0 2px 5px #a8252e;
  }

  .container-6 {
    margin-top: -30px;
    margin-bottom: -25px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .navbar-2 {
    background-color: #fff;
    margin-left: 0%;
    margin-right: 0%;
    padding-bottom: 0;
    display: block;
    top: 0;
  }

  .nav-menu-wrapper-2 {
    background-color: #000;
    margin-right: 75px;
    display: none;
  }

  .text-block-52 {
    letter-spacing: normal;
    font-size: 18px;
  }

  .text-block-53.newph {
    color: #fff;
  }

  .nav-menu-item-2 {
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff5c;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    font-family: Inter, sans-serif;
    font-weight: 300;
  }

  .text-block-54 {
    letter-spacing: normal;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 200;
  }

  .icon-regular-23 {
    color: #d12120;
    margin-right: 5px;
  }

  .text-block-55, .text-block-56, .text-block-57 {
    letter-spacing: normal;
  }

  .left-arrow {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .code-embed-6 {
    z-index: 24;
    margin-left: -88px;
    position: relative;
  }

  .italic-text {
    font-style: normal;
  }

  .flex-block-17 {
    flex-flow: column;
    margin-top: 10px;
  }

  .feature_description {
    flex-flow: wrap-reverse;
  }

  .section-medium.overflow-hidden {
    padding-left: 5%;
  }

  .heading-style-h2.text-balance {
    font-size: 2.2rem;
  }

  .feature5_card {
    flex-flow: column;
  }

  .text-size-xlarge-2.sxdfs {
    font-size: 14px;
  }

  .icon-button.is-outline {
    background-color: #000;
  }

  .course-header {
    padding: 0;
  }

  .course-review-settings {
    flex-flow: column;
    align-items: flex-start;
  }

  .course-border-wrapper, .course-details-card {
    padding: 5%;
  }

  .course-tab-menu {
    border-radius: 24px;
    flex-flow: column;
  }

  .course-sort-dropdown-list.w--open {
    left: 0%;
  }

  .section {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .content-heading {
    font-size: 52px;
  }

  .content-card-features {
    flex-wrap: wrap;
  }

  .hero_animations {
    padding-top: 4px;
  }

  .section-2 {
    flex-flow: column;
  }

  .content-image-block {
    min-height: auto;
    padding: 24px;
  }

  .content-feature-grid {
    grid-template-columns: 1fr;
  }

  .h3-heading-2.dsf {
    font-size: 27px;
  }

  .content-card-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  .content-image-wrapper-3 {
    padding: 0;
  }

  .h2-heading-2 {
    font-size: 35px;
    line-height: 45px;
  }

  .section-x-large-2 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .header-button-group {
    flex-flow: column;
  }

  .fade-gradient-right, .fade-gradient-left {
    display: none;
  }

  .header-feature-wrapper {
    justify-content: center;
    align-items: center;
  }

  .header-image-block {
    padding: 24px 16px;
  }
}

#w-node-f6c21c50-32de-0d71-782c-1a6addf232dc-fdf94ce4 {
  align-self: center;
}

#w-node-_2569f4b1-2a86-4e03-4c3c-69f48f98e663-fdf94ce4 {
  justify-self: end;
}

#w-node-_6f09c26c-7492-57aa-a963-431faeaa80da-fdf94ce4, #w-node-_6f09c26c-7492-57aa-a963-431faeaa80dd-fdf94ce4, #w-node-_6f09c26c-7492-57aa-a963-431faeaa80ea-fdf94ce4, #w-node-_4c6e9261-011a-143a-2e2e-7a6740a223ac-fdf94ce4, #w-node-_45d4a448-7447-f170-4065-20f8b5d3975b-fdf94ce4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-f6c21c50-32de-0d71-782c-1a6addf232dc-6d9faa52 {
  align-self: center;
}

#w-node-_509d6214-c6c2-bc1b-9f6b-79c6d95c8bd0-6d9faa52, #w-node-_0ab0879d-d1f5-b188-6517-16c9b08751ea-6d9faa52, #w-node-cd6dc184-a2f2-1adf-7ff5-1b8e45ecad4f-6d9faa52, #w-node-a23c63d4-b831-9114-cc67-21ff84a1bfc3-6d9faa52, #w-node-_2771f5b8-7c82-1940-186a-dd69157b84fd-6d9faa52, #w-node-_2771f5b8-7c82-1940-186a-dd69157b8503-6d9faa52, #w-node-_2771f5b8-7c82-1940-186a-dd69157b8509-6d9faa52, #w-node-_5f638e2a-a660-f47c-a0a4-437c2d9fd47e-6d9faa52, #w-node-_5f638e2a-a660-f47c-a0a4-437c2d9fd484-6d9faa52, #w-node-_5f638e2a-a660-f47c-a0a4-437c2d9fd48a-6d9faa52, #w-node-db1b3559-d22f-408f-16c4-d95b18f2dad9-6d9faa52, #w-node-db1b3559-d22f-408f-16c4-d95b18f2dadf-6d9faa52, #w-node-db1b3559-d22f-408f-16c4-d95b18f2dae5-6d9faa52, #w-node-ceb462a3-37b9-97a9-7c2e-8691aaf96105-6d9faa52, #w-node-ceb462a3-37b9-97a9-7c2e-8691aaf9610b-6d9faa52, #w-node-ceb462a3-37b9-97a9-7c2e-8691aaf96111-6d9faa52, #w-node-_6e4a1f62-6bc4-8087-bc68-49fe0ed76a0b-6d9faa52, #w-node-_6e4a1f62-6bc4-8087-bc68-49fe0ed76a11-6d9faa52, #w-node-_6e4a1f62-6bc4-8087-bc68-49fe0ed76a17-6d9faa52, #w-node-_54e9c7e7-d325-a388-0843-1b36ca1bff4b-6d9faa52, #w-node-_54e9c7e7-d325-a388-0843-1b36ca1bff51-6d9faa52, #w-node-_54e9c7e7-d325-a388-0843-1b36ca1bff57-6d9faa52, #w-node-_1304cb7b-1bfc-249e-2041-5192a01c180f-6d9faa52, #w-node-_1304cb7b-1bfc-249e-2041-5192a01c1811-6d9faa52, #w-node-f26f91fa-b875-a9c7-2173-cc919916f392-6d9faa52, #w-node-f26f91fa-b875-a9c7-2173-cc919916f390-6d9faa52, #w-node-f8536b09-39eb-ca96-acfc-8bd9bfa4834e-6d9faa52, #w-node-f8536b09-39eb-ca96-acfc-8bd9bfa48350-6d9faa52 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_2569f4b1-2a86-4e03-4c3c-69f48f98e663-fdf94ce4 {
    justify-self: center;
  }

  #w-node-_6f09c26c-7492-57aa-a963-431faeaa80dd-fdf94ce4, #w-node-_6f09c26c-7492-57aa-a963-431faeaa80ea-fdf94ce4, #w-node-_4c6e9261-011a-143a-2e2e-7a6740a223ac-fdf94ce4, #w-node-_45d4a448-7447-f170-4065-20f8b5d3975b-fdf94ce4 {
    grid-row: span 1 / span 1;
  }

  #w-node-_9cc3e423-0bd8-6ca6-4f06-d5754b65184f-fdf94ce4 {
    justify-self: center;
  }

  #w-node-_1304cb7b-1bfc-249e-2041-5192a01c180f-6d9faa52, #w-node-f26f91fa-b875-a9c7-2173-cc919916f390-6d9faa52, #w-node-f8536b09-39eb-ca96-acfc-8bd9bfa4834e-6d9faa52 {
    order: 9999;
  }

  #w-node-_9cc3e423-0bd8-6ca6-4f06-d5754b65184f-6d9faa52 {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_9cc3e423-0bd8-6ca6-4f06-d5754b65184f-fdf94ce4, #w-node-_9cc3e423-0bd8-6ca6-4f06-d5754b65184f-6d9faa52 {
    justify-self: auto;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_2771f5b8-7c82-1940-186a-dd69157b84e9-6d9faa52, #w-node-db1b3559-d22f-408f-16c4-d95b18f2daeb-6d9faa52, #w-node-_6e4a1f62-6bc4-8087-bc68-49fe0ed76a1d-6d9faa52 {
    order: -9999;
  }
}