@font-face {
  font-family: Brockmann Webfont;
  src: url('../fonts/brockmann-medium-webfont.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bariol Webfont;
  src: url('../fonts/bariol_regular-webfont.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Noway Webfont;
  src: url('../fonts/noway-regular-webfont.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Safiro Webfont;
  src: url('../fonts/safiro-medium-webfont.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Futura;
  src: url('../fonts/caveat-variablefont_wght.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Caveat Variablefont Wght;
  src: url('../fonts/caveat-variablefont_wght.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Wantedsans Bf 65 Baf 1388963 B";
  src: url('../fonts/wantedsans-medium-bf65baf1388963b.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --01-base--darker: #0e0e0f;
  --paragraph-color: #969696;
  --card-border: #fff3;
  --font--heading-s: 40px;
  --font--heading-xs: 32px;
  --02-primary--base: #b72ad3;
  --01-base--dark: #18181a;
  --padding-button-y: 1rem;
  --padding-button-x: 1.5rem;
  --elements--border-width: .5px;
  --01-base--light: #d0c4b5;
  --elements--border-radius-m: 5px;
  --01-base--base: #2e2b28;
  --02-primary--darker: #1c2732;
  --font--par-s: 16px;
  --size--10-px: .625rem;
  --00-standard--white: #fafafa;
  --00-standard--black: #070707;
  --font--par-m: 18px;
  --font--par-l: 21px;
  --font--par-xxs: 12px;
  --font--par-xs: 14px;
  --01-base--lighter: #ebebe5;
  --col-gap: 20px;
  --col-row: 20px;
  --padding-s: .625rem;
  --padding-button-icon: 3rem;
  --white: white;
  --padding-l: 2.5rem;
  --elements--border-radius-l: 10px;
  --padding-m: 1.5rem;
  --size--40-px: 2.5rem;
  --02-primary--dark: #56877d;
  --font--heading-l: 72px;
  --03-secondary--base: #03d3d7;
  --02-primary--70: #2ac8d3b3;
  --color: #fff3;
  --elements--border-radius-xl: 30px;
  --black-border: #000c;
  --p-color: var(--01-base--darker);
  --black: black;
  --font--par-xl: 24px;
  --90-vh: var(--size--90-vh);
  --02-primary--light: #56877d;
  --02-primary--lighter: #dcf8fa;
  --03-secondary--darker: white;
  --03-secondary--dark: white;
  --03-secondary--light: #ffe0b4;
  --03-secondary--lighter: #fff4e6;
  --09-system--succes: #26a827;
  --09-system--warning: #d6790f;
  --09-system--error: #a8281a;
  --09-system--neutral: #1a56c4;
  --elements--border-radius-s: 3px;
  --elements--border-radius-xs: 1px;
  --elements--border-radius-100: 0px;
  --font--heading: Futura, sans-serif;
  --font--allcaps: "Montserrat medium";
  --font--par: Inter, sans-serif;
  --font--misc: Gallerymodern;
  --font--heading-xl: 90px;
  --font--heading-m: 56px;
  --size--20-px: 1.5rem;
  --size--ch-max-m: 25ch;
  --size--ch-max-s: 10ch;
  --size--ch-max-l: 50ch;
  --size--0-px: 0px;
  --size--100-vh: 100vh;
  --size--80-vh: 80vh;
  --size--50-vh: 50vh;
  --size--10-vh: 0vh;
  --size--20-vh: 20vh;
  --size--90-vh: 90vh;
  --size--60-vh: 60vh;
  --structure--container-w-min: 80vw;
  --structure--container-w-min-ipad: 95vw;
  --structure--container-w-max: 1080px;
}

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

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

.w-pagination-previous-icon {
  margin-right: 4px;
}

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

.w-pagination-next-icon {
  margin-left: 4px;
}

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

body {
  background-color: var(--01-base--darker);
  color: var(--paragraph-color);
  font-family: Quicksand, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.5;
  transition: all .325s cubic-bezier(.216, .416, .25, 1);
}

h1 {
  background-image: linear-gradient(309deg, var(--card-border), white);
  color: #235050;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Safiro Webfont, sans-serif;
  font-size: 45px;
  font-weight: 500;
  line-height: 1.3;
}

h2 {
  font-family: Safiro Webfont, sans-serif;
  font-size: var(--font--heading-s);
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 0 0, #fff, #ffffff70);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.5;
}

h3 {
  color: #ebebe5d9;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Brockmann Webfont, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

p {
  margin-bottom: 0;
  font-size: 20px;
}

a {
  color: var(--02-primary--base);
  text-decoration: none;
  transition: all .275s;
}

.ml-2-5 {
  margin-left: .625rem;
}

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

.font-center.height-edit {
  margin-top: 30px;
  margin-bottom: 0;
}

.section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100vw;
  min-height: 30px;
  display: flex;
  position: relative;
}

.h-20vh {
  height: 20vh;
}

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

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

.flex-horiz_cc.is_cta-wrapper {
  align-items: flex-end;
  min-width: 100%;
}

.bg-dark {
  background-color: var(--01-base--dark);
}

.btn {
  padding: var(--padding-button-y) var(--padding-button-x);
  border: var(--elements--border-width) solid var(--01-base--light);
  border-radius: var(--elements--border-radius-m);
  background-color: var(--01-base--base);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--02-primary--darker);
  font-size: var(--font--par-s);
  text-align: center;
  letter-spacing: 2px;
  text-transform: none;
  text-shadow: 0 0 5px #0003;
  white-space: nowrap;
  font-weight: 400;
  transition: all .3s;
  box-shadow: 1px 1px 10px #0000001a;
}

.btn:hover {
  background-color: var(--01-base--dark);
  text-shadow: 0 0 5px #fff;
  border-color: #857e73;
  transform: scale(1.02);
}

.btn.menu {
  box-shadow: none;
  color: #e9e9e9;
  text-transform: none;
  background-color: #ffe60000;
  border-style: none;
  padding-left: 5px;
  padding-right: 5px;
}

.btn.menu:hover {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--02-primary--base);
  transform: none;
}

.btn.text {
  padding-right: var(--size--10-px);
  padding-left: var(--size--10-px);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--01-base--dark);
  background-color: #f9dec900;
  border-style: none;
}

.btn.white {
  background-color: var(--00-standard--white);
  color: var(--00-standard--black);
}

.btn.white.text {
  color: #fafafacc;
  font-family: Quicksand, sans-serif;
  font-size: var(--font--par-m);
  background-color: #fafafa00;
}

.btn.white.text:hover {
  color: #fafafa;
}

.btn.white.text.menu {
  color: #fafafabf;
  font-family: Safiro Webfont, sans-serif;
  font-size: var(--font--par-l);
}

.h-10vh {
  height: 10vh;
}

.text-tagline {
  font-size: var(--font--par-xxs);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.text-tagline.text-lighter {
  font-size: var(--font--par-xs);
  text-transform: none;
  font-weight: 400;
}

.text-lighter {
  color: var(--01-base--lighter);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.image-container {
  border: 5px solid #fff;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 612.5px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 200px #544b421f;
}

.image-container-image.stretch100x100 {
  object-fit: cover;
  min-width: 120%;
  min-height: 120%;
}

.pos-relat {
  position: relative;
}

.stretch100x100 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 50px;
  min-width: 100%;
  height: 50px;
  min-height: 100%;
}

.stretch100x100.lining-bg {
  object-fit: contain;
  object-position: 50% 50%;
}

.container {
  grid-column-gap: var(--col-gap);
  grid-row-gap: var(--col-row);
  grid-template: "."
                 "Area"
                 / 1fr;
  grid-auto-columns: 1fr;
  width: 80vw;
  min-width: 80vw;
  max-width: 1080px;
  min-height: 5px;
  display: flex;
}

.bg-darker {
  background-color: var(--01-base--darker);
}

.pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  color: var(--00-standard--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #dda8a817;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: -8px;
  padding: 6px 15px;
  font-size: 10px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.absolute-underlay {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.wrapper.flex-horiz-cc {
  grid-column-gap: var(--padding-s);
  grid-row-gap: var(--padding-s);
  align-items: center;
  display: flex;
}

.wrapper.flex-verti-ss {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flex-verti_c_right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.col {
  grid-column-gap: var(--col-gap);
  grid-row-gap: var(--col-gap);
  perspective: 1000px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 10px;
  display: flex;
}

.col.card {
  background-color: #22252729;
  padding-top: 40px;
  padding-bottom: 40px;
}

.col.card.form-card {
  background-color: #191919;
  background-image: none;
}

.col.flex-verti-cc {
  grid-column-gap: var(--col-gap);
  grid-row-gap: var(--col-row);
  justify-content: center;
  align-items: center;
}

.col.flex-verti_cc {
  align-items: center;
}

.col.flex-verti_cc.p-10.mob-no-pad.verti-ss {
  justify-content: center;
  align-items: flex-start;
}

.col.p-10.mob-no-pad.cc {
  justify-content: center;
  align-items: center;
}

.col.flex-horiz-dist-full {
  grid-column-gap: var(--padding-button-icon);
  grid-row-gap: var(--padding-button-icon);
  flex-flow: row;
}

.col.pos-relat.dual-pic-wrapper {
  height: 600px;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.heading {
  font-family: Brockmann Webfont, sans-serif;
}

.paragraph {
  font-weight: 300;
}

.paragraph.font-s {
  font-size: var(--font--par-s);
}

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

.card {
  padding: var(--padding-l);
  border: 1px solid var(--01-base--base);
  border-radius: var(--elements--border-radius-l);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #142b3a33;
  background-image: radial-gradient(circle at 25% 0, #ffffff17, #0000 61%), linear-gradient(76deg, #0000 31%, #ffffff05 31%), linear-gradient(282deg, #ffffff03, #ffffff1a);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 20px #0000000d;
}

.card.outline {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #36363600;
  background-image: radial-gradient(circle at 30% 0, #ffffff05, #0000), linear-gradient(65deg, #0000 42%, #ffffff08 42%), linear-gradient(282deg, #fff0, #ffffff08);
  flex-direction: column;
  justify-content: space-between;
  min-width: 100%;
  display: flex;
}

.collection-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.blog-content h2 {
  color: var(--02-primary--base);
}

.font-marked {
  padding-right: var(--padding-s);
  padding-left: var(--padding-s);
  color: var(--01-base--lighter);
  -webkit-text-stroke-width: .1px;
  -webkit-text-stroke-color: var(--02-primary--base);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#ffffff75, #ffffff75), url('../images/0002.gif');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Safiro Webfont, sans-serif;
  font-weight: 500;
}

.footer {
  background-color: var(--01-base--darker);
}

.footer.section {
  background-color: #0b101000;
  overflow: hidden;
}

.page-wrapper {
  max-width: 100vw;
  position: relative;
  overflow: hidden;
}

.opac-40 {
  opacity: .4;
}

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

.flex-horiz-dist-full {
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  display: flex;
}

.h-100vh {
  height: 100vh;
}

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

.mt-5 {
  margin-top: 1.5rem;
}

.pr-5 {
  padding-right: 1.5rem;
}

.bgp-darker {
  background-color: var(--02-primary--darker);
}

.p-10 {
  padding: 2.5rem;
}

.pb-5 {
  padding-bottom: 1.5rem;
}

.h-40vh {
  height: 40vh;
}

.absolute-toplay {
  z-index: 10;
  background-image: linear-gradient(#00000080, #00000080);
  width: 100%;
  min-width: 20px;
  height: 100%;
  min-height: 20px;
  position: absolute;
  inset: 0%;
}

.absolute-toplay.bg-grad-darker.footer-grad {
  background-image: linear-gradient(180deg, var(--01-base--darker), #20202000 37%), linear-gradient(to bottom, #00000080, #00000080), linear-gradient(358deg, var(--02-primary--darker), #07070700);
}

.absolute-toplay.circle-cta-cover {
  background-image: linear-gradient(180deg, var(--01-base--darker), #25252500 52%, var(--01-base--darker));
}

.absolute-toplay.misc-grad {
  background-image: linear-gradient(#0000, #2ac8d354);
  border-radius: 20px;
}

.h-40 {
  height: 40px;
}

.opac-80 {
  opacity: .8;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.opac-60 {
  opacity: .6;
}

.bg-grad_style_2 {
  background-image: linear-gradient(to bottom, #0000001a, #0000001a), linear-gradient(to top, var(--01-base--dark), #13131300 84%);
}

.bg-grad_style_2.absolute-toplay.course-cover {
  background-image: radial-gradient(circle, #0000005e, #27272700), linear-gradient(#0000001a, #0000001a), linear-gradient(0deg, #18181a, #13131300 84%);
}

.mt-2-5 {
  margin-top: .625rem;
}

.opac-20 {
  opacity: .2;
}

.mb-5 {
  margin-bottom: 1.5rem;
}

.h-20 {
  height: 20px;
}

.icon-m {
  width: var(--size--40-px);
  height: var(--size--40-px);
}

.flex-verti_c_left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.content-image {
  aspect-ratio: 1;
  border-radius: var(--elements--border-radius-m);
  object-fit: cover;
}

.content-image.stretch100x100 {
  aspect-ratio: 1;
  height: 300px;
}

.utility-page-wrap {
  background-image: linear-gradient(180deg, var(--02-primary--dark), #53181e99 45%, var(--02-primary--darker)), url('../images/screenshot-2024-04-13-at-11.38-4.webp');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.tagline {
  letter-spacing: 1.3px;
  text-transform: uppercase;
  border-radius: 20px;
  font-family: Varela, sans-serif;
  font-size: 12px;
  line-height: 140%;
}

.tagline.refer {
  color: #ffffff24;
  letter-spacing: 3px;
  font-size: 8px;
}

.hero-heading {
  font-size: var(--font--heading-l);
  text-align: center;
  margin-top: 29px;
}

.hero-heading.is-text-swither {
  background-image: linear-gradient(309deg, var(--02-primary--base), var(--03-secondary--base));
  font-size: 45px;
}

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

.container-medium {
  justify-content: space-between;
  width: 80vw;
  max-width: 1280px;
  min-height: 50px;
  display: flex;
}

.container-small {
  grid-column-gap: var(--col-gap);
  grid-row-gap: var(--col-gap);
  width: 60vw;
  min-width: 980px;
  min-height: 50px;
  display: flex;
}

.container-small.is-child-perspective {
  perspective: 1000px;
}

.container-large {
  width: 100vw;
  min-height: 50px;
}

.section-styling {
  z-index: -1;
  flex-flow: column;
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.effect-neon {
  background-color: var(--02-primary--base);
  opacity: .13;
  filter: blur(100px);
  border-radius: 100%;
  width: 200px;
  height: 300px;
  min-height: 300px;
}

.effect-neon.is-topmid {
  opacity: .3;
  width: 10vw;
  position: absolute;
  inset: 0% 0% auto 45vw;
}

.section-brands.section {
  height: 15vh;
  padding-top: 0;
  padding-bottom: 0;
}

.mid-split-y {
  background-image: radial-gradient(circle, #ffffff36, #0000);
  width: 1px;
  min-width: 1px;
  height: 10vh;
}

.content-icontext {
  grid-column-gap: var(--padding-s);
  grid-row-gap: var(--padding-s);
  flex-direction: column;
  display: flex;
}

.section-background {
  min-width: 100%;
}

.image-waves {
  filter: blur(4px);
  min-width: 100%;
  position: absolute;
  inset: 0%;
}

.background-neon {
  background-image: linear-gradient(to bottom, #0000, var(--02-primary--70) 49%, #2ac8d300);
  opacity: .09;
  width: 100%;
  height: 100%;
  position: absolute;
}

.nav {
  z-index: 100;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  justify-content: center;
  height: 80px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.btn-arrow {
  padding-top: var(--padding-s);
  grid-column-gap: var(--padding-m);
  grid-row-gap: var(--padding-m);
  opacity: .7;
  justify-content: flex-start;
  align-items: center;
  min-width: 190px;
  display: flex;
  position: relative;
}

.btn-arrow:hover {
  opacity: 1;
}

.button-arrow-text {
  color: var(--white);
  white-space: nowrap;
}

.bg-gray-underpanel {
  z-index: -1;
  background-image: linear-gradient(180deg, #0e0e0f00, var(--01-base--dark));
  width: 100%;
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.h2 {
  margin-bottom: 0;
}

.footer-nav {
  justify-content: center;
  align-items: flex-start;
  height: 100px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.footer-line {
  background-image: radial-gradient(circle, #ffffff2e, #0000);
  width: 100%;
  height: 1px;
}

.footer-menu {
  justify-content: space-between;
  min-width: 100%;
  display: flex;
}

.blog-main-image {
  aspect-ratio: 2 / 3;
  border-radius: var(--elements--border-radius-l);
  object-fit: cover;
  min-width: 100%;
  max-height: 500px;
}

.blog-main-image.sq {
  aspect-ratio: 1;
}

.blog-main-image.sq.md-darker {
  filter: brightness(48%);
}

.blog-collection-list-wrapper {
  min-width: 100%;
}

.blog-cover {
  padding-right: var(--padding-m);
  padding-bottom: var(--padding-m);
  padding-left: var(--padding-m);
  background-image: linear-gradient(#08080800 18%, #000000e6);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.blog-cover:hover {
  background-image: linear-gradient(#0808086b, #000000e6);
}

.blog-title {
  margin-bottom: 0;
}

.blog-title.small {
  font-size: 22px;
  font-weight: 400;
}

.blog-collection-list-smaller {
  min-width: 100%;
}

.blog-card.card {
  border-color: #4f51512e;
  height: 400px;
  overflow: hidden;
}

.blog-card-thumbnail-image {
  object-fit: cover;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.blog-collectiuon-item {
  padding-left: 0;
  padding-right: 0;
}

.blog-collection-list-smal {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-us-hero-section.section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.about-us-hero-section.section.h-100vh {
  overflow: hidden;
}

.menu-button {
  width: 40px;
  height: 40px;
  padding: 6px 11px;
}

.pageloader-main {
  z-index: 1000;
  background-color: var(--01-base--darker);
  background-image: radial-gradient(circle at 50% 0, #ffffff2b, #0000 87%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.circle-button-container {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 150px;
  height: 70px;
  display: flex;
}

.circle-button-text {
  color: var(--white);
  font-size: 21px;
}

.circle-button-arrow-container {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.circle-button-circle {
  outline-offset: 0px;
  border-radius: 100px;
  outline: 1px solid #98eef4;
  width: 50px;
  height: 50px;
  position: relative;
  left: -30px;
}

.logo-strip-wrapper-2 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 3.5rem;
  display: flex;
}

.logo-strip-2 {
  grid-column-gap: 7vw;
  grid-row-gap: 0vw;
  justify-content: flex-start;
  padding-right: 7vw;
  display: flex;
}

.logo-icon {
  opacity: .7;
  justify-content: center;
  align-items: center;
  width: 100px;
  max-height: 50px;
  display: flex;
}

.footer-bottom {
  justify-content: center;
  align-items: center;
  height: 30px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.referral-link {
  padding: 8px;
}

.blog-date.tagline {
  color: var(--white);
  font-size: 10px;
}

.card-outline {
  padding: var(--padding-m);
  border-radius: var(--elements--border-radius-m);
  border: 1px solid #ffffff14;
}

.card-outline.gap-10 {
  flex-flow: column;
  transition: all .2s;
}

.card-outline.gap-10:hover {
  border-color: var(--02-primary--base);
}

.card-outline.gap-10.is-small-fade {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  box-shadow: 0 2px 50px #0003;
}

.card-outline.gap-10.is-small-fade:hover {
  box-shadow: 0 2px 50px #2ac8d326;
}

.card-outline.is-small-fade {
  background-image: radial-gradient(circle at 50% 0, #4b4b4b2e, #2c2c2c00);
}

.card-medium {
  padding: var(--padding-m) var(--padding-s) var(--padding-s);
  grid-column-gap: var(--col-gap);
  grid-row-gap: var(--col-gap);
  border: 1px solid var(--card-border);
  border-radius: var(--elements--border-radius-m);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #56877db5;
  background-image: radial-gradient(circle at 30% 0, #ffffff63, #0000 27%), linear-gradient(71deg, #0000 44%, #ffffff1a 44%);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card-outline-fade {
  border-bottom-left-radius: var(--padding-m);
  border-bottom-right-radius: var(--padding-m);
  background-image: linear-gradient(180deg, #0000, var(--color));
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 300px;
  display: flex;
  position: relative;
}

.card-outline-fade-grad-line {
  z-index: 2;
  padding-right: var(--padding-l);
  padding-bottom: 4rem;
  padding-left: var(--padding-l);
  border-bottom-left-radius: var(--padding-m);
  border-bottom-right-radius: var(--padding-m);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #0e0e0f;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  margin-left: 1px;
  margin-right: 1px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(0, -1px);
}

.dual-button-container {
  grid-template: "Area Area-2 Area-3"
  / 1fr .25fr 1fr;
  place-items: center stretch;
}

.dual-button-inbetween-text-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.dual-button-inbetween-text {
  font-size: var(--font--par-xs);
}

.button-outer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: var(--elements--border-radius-xl);
  background-color: var(--01-base--lighter);
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 50px;
  padding-left: 0;
  padding-right: 5px;
  display: flex;
}

.button-outer.is-outline {
  border: 1px solid var(--color);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #ebebe508;
}

.button-outer.is-outline:hover {
  background-color: #ebebe529;
}

.button-outer.is-outline.normal-button {
  color: #fff;
  padding-left: 25px;
  padding-right: 25px;
}

.button-outer.is-outline.is-dark {
  border-color: var(--black-border);
  background-color: var(--color);
}

.button-outer.is-dark {
  background-color: var(--p-color);
}

.button-outer.absol-book-course {
  z-index: 9999;
  position: absolute;
  inset: auto auto 22% 7%;
}

.button-text {
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

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

.button-ci {
  border-radius: var(--elements--border-radius-xl);
  background-color: var(--03-secondary--base);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.button-ci.is-outline {
  filter: invert();
  background-color: #d3d70300;
  border: 1px solid #0000003b;
}

.button-ci.is-outline.is-black {
  filter: none;
}

.button-icon {
  transform: rotate(90deg);
}

.button-spacer {
  width: 1px;
  height: 1px;
}

.logo-linkk {
  justify-content: flex-start;
  align-items: center;
  min-height: 100%;
  display: flex;
}

.nav-content-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 12px;
  display: flex;
}

.nav-link-details {
  color: #d4d4d4;
  white-space: normal;
  font-size: 14px;
}

.dropdown-link {
  z-index: 25;
  color: #bbced6;
  align-items: center;
  padding: 20px;
  font-size: 16px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.dropdown-link:hover {
  background-image: radial-gradient(circle farthest-corner at 20% 50%, var(--02-primary--darker), #0000 34%);
  color: var(--white);
}

.dropdown-link.w--current {
  background-image: linear-gradient(#0000 45%, #d3d7030a), url('../images/current-tab.png');
  background-position: 0 0, 100% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, 90px;
}

.dropdown-wrapper {
  background-color: #18181aa3;
  background-image: linear-gradient(180deg, var(--01-base--dark) 4%, #4d4d4d00);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 10px;
  min-width: 140px;
  overflow: hidden;
  box-shadow: 4px -19px 35px #20355a14, 11px 11px 30px -10px #20355a26;
}

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

.dropdown-title {
  margin-bottom: 2px;
  font-family: Futura, sans-serif;
  font-size: 15px;
}

.icon-2 {
  width: 100%;
}

.dropdown-pointer {
  position: relative;
}

.icon-wrap {
  border: 1px solid var(--card-border);
  background-color: #56877d1a;
  background-image: radial-gradient(circle at 50% 0, #ffffff1f, #0000);
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 11px;
  display: flex;
}

.pointer {
  z-index: 20;
  background-image: linear-gradient(135deg, var(--02-primary--darker), var(--01-base--dark) 51%);
  border-radius: 2px;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -10px 4% auto 0%;
  transform: rotate(45deg);
}

.structure-link {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  transition: color .2s, transform .4s;
  display: inline-block;
}

.structure-link:hover {
  color: #fffc;
  transform: translate(0, -2px);
}

.structure-link.structure-menu-link {
  color: var(--00-standard--white);
  text-shadow: 0 1px 10px #000;
  margin-bottom: 0;
  margin-right: 30px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.navigation-dropdown {
  min-width: 140px;
}

.navigation-dropdown.w--open {
  background-color: #0000;
  min-width: 320px;
  max-height: 100vh;
  padding-top: 10px;
  left: -100px;
}

.icon-4 {
  color: var(--white);
  margin-top: 13px;
  margin-bottom: 0;
  margin-right: 5px;
  font-size: 20px;
}

.dropdown {
  margin-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  display: block;
}

.dropdown.mobhide {
  margin-left: 0;
}

.dropdown-toggle {
  color: #000;
  padding: 0 0 0 12px;
  font-family: "Wantedsans Bf 65 Baf 1388963 B", sans-serif;
  transition: all .375s;
}

.gallery-section.h-40vh {
  z-index: 0;
  height: 50vh;
  position: relative;
}

.section-rounder {
  background-color: var(--01-base--dark);
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  height: 100px;
  position: absolute;
  inset: 0% 0% auto;
}

.section-rounder.is-bottom {
  background-color: var(--01-base--darker);
  border-radius: 100% 100% 0% 0%;
  height: 100px;
  padding-bottom: 0;
  inset: auto 0% 0%;
}

.section-rounder.is-bottom.bg-dark {
  background-color: var(--01-base--dark);
}

.section-rounder.bg-darker {
  background-color: var(--01-base--darker);
}

.pictures-slider-gallery {
  z-index: -1;
  min-width: 200vw;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pic-slide-pic {
  object-fit: cover;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.pic-slide-wrapper {
  width: 30vw;
  min-height: 100%;
  position: relative;
}

.horiz-picture-slider-overlay {
  background-image: linear-gradient(90deg, #000, #82828200 51%, #000);
  position: absolute;
  inset: 0%;
}

.card-background {
  filter: saturate(23%);
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.card-overlay {
  background-color: #204547b3;
  position: absolute;
  inset: 0%;
}

.card-overlay.p-10.darker {
  background-color: #0c1111e0;
}

.dual-pic-image {
  border-radius: var(--elements--border-radius-m);
  object-fit: cover;
  width: 70%;
  height: 70%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.dual-pic-image.is-top {
  inset: 0% 0% auto auto;
}

.star-bg-rotate.absolute-underlay {
  justify-content: center;
  align-items: center;
  display: flex;
}

.on-scroll-rotate-box {
  position: absolute;
  inset: 0%;
}

.star-rotate-cover.absolute-toplay {
  background-image: radial-gradient(circle farthest-corner at 30% 50%, #0323d714, #1b1b1b00 41%), radial-gradient(circle farthest-corner at 50% 50%, #2ac8d33b, #0009 36%, var(--01-base--darker) 60%);
}

.popup-card {
  z-index: 3;
  border-radius: 20px;
  width: 100px;
  height: auto;
  position: absolute;
  inset: auto 10% 25% auto;
  box-shadow: 0 2px 50px #000;
}

.popup-card.card-medium {
  padding-bottom: var(--padding-m);
  background-color: var(--02-primary--darker);
  background-image: none;
  flex-flow: column;
  right: -2%;
}

.grey-underpanel-top {
  background-image: linear-gradient(180deg, var(--01-base--dark), var(--01-base--darker) 38%);
  height: 100%;
  position: absolute;
  inset: 0%;
}

.page-content {
  min-width: 100%;
}

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

.heading-wrapper.flex-horiz_cc {
  justify-content: center;
  align-items: stretch;
  height: 90px;
  margin-top: -39px;
}

.heading-wrapper.flex-horiz_cc.this-hw {
  margin-top: -57px;
}

.text-switch-wrapper {
  width: auto;
  overflow: hidden;
}

.heading-swither-list {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 300%;
  display: flex;
}

.ckck-bg-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cckckbg-image {
  max-height: 100%;
}

.members-cl {
  min-width: 100%;
}

.about-cta-heading {
  margin-top: 62px;
}

.form-wrapper {
  width: 110%;
  height: 110%;
  position: relative;
  inset: -40px auto 0% -20px;
}

.popup-card-icon-wrapper {
  background-color: #ffffff1a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.blog-main-img-2nd-photo-wrapper {
  border: 1px solid var(--card-border);
  border-radius: 20px;
  width: 150px;
  height: 100px;
  position: absolute;
  inset: auto auto 20% 0%;
  overflow: hidden;
  box-shadow: 0 2px 50px #000;
}

.filter-gray {
  filter: grayscale();
}

._3x6-grid {
  grid-template-rows: minmax(200px, 1fr) minmax(auto, 1fr);
  grid-template-columns: 1fr 1fr 1fr;
}

._3x6-grid._1x {
  grid-template-rows: minmax(200px, 1fr);
}

.features-paragraph {
  font-size: 16px;
}

.wide-cta {
  padding: var(--padding-l);
  border-radius: var(--elements--border-radius-l);
  min-width: 100%;
  display: flex;
  position: relative;
}

.wide-cta.bgp-darker {
  background-image: radial-gradient(circle farthest-corner at 50% 100%, var(--02-primary--dark), #fff0);
}

.wide-cta-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  padding-bottom: 0;
  display: flex;
}

.wide-cta-left.gap-20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.wide-cta-image-wrapper {
  width: 50%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.faq-title {
  z-index: 10;
  font-size: var(--font--par-xl);
  height: 100%;
  padding: 20px 7rem 20px 0;
  position: relative;
}

.faq-single-title {
  font-size: 21px;
}

.tab-lottie {
  justify-content: center;
  align-items: center;
  width: .875rem;
  display: flex;
}

.faq-action-wrapper {
  z-index: 25;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 2rem 0% auto;
}

.heading-medium {
  font-size: 2.75rem;
  font-weight: 500;
  line-height: 1.35;
}

.faq-bottom-content {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  padding-bottom: 4rem;
  display: grid;
}

.faq-list {
  border-top: 1px solid #1a242c;
  flex-direction: column;
  display: flex;
  position: relative;
}

.faq-action {
  background-color: var(--00-standard--black);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.faq-top {
  z-index: 1;
  cursor: pointer;
  padding: 0;
  position: relative;
}

.text-size-regular {
  font-size: 1.25rem;
  line-height: 1.65;
}

.faq-bottom {
  z-index: 10;
  position: relative;
  overflow: hidden;
}

.grid-bg.absolute-underlay {
  background-image: linear-gradient(180deg, var(--01-base--darker), #18181ae8 37%, var(--01-base--darker)), url('../images/grid.svg');
  background-position: 0 0, 0 0;
  background-size: auto, 300px;
  background-attachment: scroll, fixed;
}

.grid-bg.absolute-underlay.is-bg-dark {
  background-image: linear-gradient(180deg, var(--01-base--dark), #18181ae8 37%, var(--01-base--dark)), url('../images/grid.svg');
  background-position: 0 0, 0 0;
  background-size: auto, 300px;
  background-attachment: scroll, fixed;
}

.cms-card-wrapper {
  min-width: 100%;
}

.cms-card-wrapper.card-outline {
  background-color: var(--01-base--dark);
  margin-bottom: 40px;
  transition: all .2s;
  position: relative;
}

.cms-card-wrapper.card-outline:hover {
  background-color: #1f1f1f;
}

.courses-cl {
  min-width: 100%;
}

.course-content-wraper.flex-verti_c_left {
  max-width: 40%;
  margin-bottom: 16px;
}

.cms-image-wrapper {
  width: 50%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.course-image {
  position: absolute;
  inset: 0%;
}

.course-bg.absolute-underlay {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

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

.hero-bottom-info-wrapper {
  justify-content: center;
  align-items: center;
  height: 100px;
  margin-bottom: 40px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-bottom-info-wrapper.homepage {
  margin-bottom: 15vh;
}

.left-info-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid #ffffff12;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding-right: 18px;
  display: flex;
}

.left-info-wrapper:hover {
  border-color: #ffffff4d;
}

.left-info-wrapper.is-right {
  padding-left: 20px;
  padding-right: 0;
}

.info-box-circle {
  background-color: #ffffff12;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.moving-gradient {
  background-image: linear-gradient(180deg, #0000, var(--01-base--darker) 20%, var(--01-base--darker) 77%, #fff0);
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0% 0% auto;
}

.steps-card {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  border: 1px solid #c0c0d333;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-items: center;
  min-height: 275px;
  padding: 24px;
  display: grid;
  position: relative;
}

.outline-button {
  color: #081c3a;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #c0c0d333;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-size: 10px;
  text-decoration: none;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.outline-button:hover {
  color: #fff;
  background-color: #081c3a;
  border-color: #081c3a;
}

.button {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #3572ff;
  border-style: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-size: 10px;
  text-decoration: none;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.button:hover {
  background-color: #081c3a;
}

.benefit-card {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  background-color: #fffbf6;
  border-radius: 12px;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 275px;
  padding: 30px;
  transition: box-shadow .5s;
  display: grid;
  position: relative;
}

.benefit-card:hover {
  z-index: 1;
  box-shadow: 0 12px 36px -8px #3540751a;
}

.team-card {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  color: #081c3a;
  background-color: #fffbf6;
  border-radius: 12px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 18px 18px 30px;
  text-decoration: none;
  transition: box-shadow .5s;
  display: grid;
  position: relative;
}

.team-card:hover {
  z-index: 1;
  box-shadow: 0 12px 36px -8px #3540751a;
}

.pannable-area {
  min-width: 100%;
  transform: rotate(0);
}

.uni-ani-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ani-image-wrapper {
  border-radius: 20px;
  overflow: hidden;
}

.u-a-image {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  height: 600px;
}

.photo-anchoring-wrapper {
  z-index: 20;
  position: relative;
}

.image-squares-bin {
  z-index: -1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.u-a-square {
  border: 1px solid var(--card-border);
  border-radius: 20px;
  position: absolute;
  inset: 0%;
  transform: scale(1.1);
}

.u-a-square.is-2 {
  transform: scale(1.2);
}

.u-a-square.is-3 {
  transform: scale(1.3);
}

.u-a-square.is-4 {
  transform: scale(1.4);
}

.u-a-square.is-5 {
  transform: scale(1.5);
}

.ani-content-right {
  width: auto;
  height: 50%;
  position: absolute;
  inset: 0% -20vw auto auto;
}

.content-wrapper-ani.flex-verti_c_right {
  margin-bottom: 20px;
}

.timeline-drip {
  background-image: linear-gradient(179deg, #0000, #fff3);
  width: 1px;
  height: 100px;
  margin-top: -19px;
}

.node-outer {
  background-color: #ffffff0d;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  transform: rotate(45deg);
}

.strong-section-upper {
  border-bottom-left-radius: var(--elements--border-radius-xl);
  border-bottom-right-radius: var(--elements--border-radius-xl);
  background-image: linear-gradient(180deg, var(--01-base--darker), #2e2e2e00 49%), radial-gradient(circle farthest-corner at 50% 100%, #d3d7033d, #36363600 63%), radial-gradient(circle farthest-corner at 100% 100%, #ffffff03, #0000 39%), linear-gradient(180deg, #0000 70%, #ffffff0d), radial-gradient(circle farthest-corner at 55% 0%, var(--01-base--darker), #2e2e2e00), radial-gradient(circle farthest-corner at 40% 0%, var(--01-base--darker), #fff0), linear-gradient(180deg, var(--01-base--darker), var(--02-primary--base));
  justify-content: center;
  align-items: center;
  min-width: 100%;
  height: 40vh;
  display: flex;
}

.strong-section-upper.is-bottom {
  transform: rotate(180deg);
}

.brands-shade-cover-2 {
  background-image: linear-gradient(90deg, var(--01-base--darker), #7a7a7a00 48%, var(--01-base--darker));
  position: absolute;
  inset: 0%;
}

.rotat180 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: rotate(180deg);
}

.teams-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--01-base--dark);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  min-height: 230px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.collection-list-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
}

.coll-item {
  min-height: 220px;
}

.star-bg.absolute-underlay {
  background-image: url('../images/star-bg.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: contain;
  background-attachment: fixed;
}

.pageloader {
  z-index: 111111;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.image {
  width: 150px;
}

.course-enroll-wrapper {
  width: 45%;
}

.flag {
  z-index: 10;
  background-color: #191919;
  width: 200px;
  height: 60px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.code-embed {
  height: 100%;
}

.home-hero.section {
  height: 90vh;
}

.menu-col {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.blog-hero {
  border-radius: var(--elements--border-radius-l);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 300px;
}

.number-counter.font-marked {
  margin-bottom: 0;
  padding-right: 0;
}

.pageloader-wrapper {
  position: relative;
}

.pl-logo-hide {
  background-color: #000;
  width: 70%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.pl-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.loader-bar {
  border: 1px solid #ffffff29;
  border-radius: 4px;
  width: 200px;
  height: 10px;
  margin-top: 20px;
}

.loder-bar-inner {
  background-color: #fafafaa1;
  border: 1px solid #ffffff61;
  border-radius: 20px;
  width: 20px;
  height: 7px;
}

.blog-hero-2 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 10px;
  width: 100%;
  height: 300px;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 21px;
  }

  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: var(--font--heading-s);
  }

  p {
    font-size: 21px;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .flex-horiz_cc {
    flex-direction: row;
    align-items: center;
  }

  .btn {
    padding: 12px 25px;
    font-size: 14px;
  }

  .container {
    flex-direction: column;
    width: 95vw;
  }

  .pill {
    padding: 3px 10px;
    font-size: 7px;
  }

  .card {
    padding: var(--padding-m);
  }

  .hide-ipad-down {
    display: none;
  }

  .hero-heading {
    font-size: var(--font--heading-l);
  }

  .hero-heading.is-text-swither {
    font-size: 32px;
  }

  .container-medium {
    width: 90vw;
  }

  .container-small {
    flex-direction: column;
    width: 80vw;
    min-width: 300px;
  }

  .section-brands.section {
    height: 10vh;
  }

  .dropdown-title {
    font-family: Montserrat, sans-serif;
  }

  .dropdown {
    display: flex;
  }

  .star-rotate-cover.absolute-toplay {
    background-image: radial-gradient(circle at 30%, #d3d70314, #1b1b1b00 41%), radial-gradient(circle, #2ac8d33b, #0009 47%, #000 86%);
  }

  .wide-cta-image-wrapper {
    z-index: -1;
    opacity: .07;
    width: 100%;
  }

  .faq-title {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 3rem;
  }

  .tab-lottie {
    width: .75rem;
  }

  .faq-action-wrapper {
    right: 0;
  }

  .heading-medium {
    font-size: 2.25rem;
  }

  .faq-bottom-content {
    grid-template-columns: 1fr .25fr;
    padding-bottom: 3rem;
  }

  .faq-action {
    width: 3rem;
    height: 3rem;
  }

  .cms-card-wrapper.card-outline {
    background-color: #18181acc;
  }

  .course-content-wraper.flex-verti_c_left {
    max-width: 100%;
  }

  .cms-image-wrapper {
    z-index: -1;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: var(--font--heading-xs);
  }

  p {
    font-size: 16px;
  }

  .font-center.hero-heading {
    margin-top: 0;
  }

  .section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .h-20vh.mob-10vh {
    height: 10vh;
  }

  .flex-horiz_cc.is_cta-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .btn.white.text.menu {
    text-align: left;
  }

  .text-tagline {
    font-size: 10px;
  }

  .text-tagline.text-lighter {
    font-size: 8px;
  }

  .col.p-10.mob-no-pad {
    padding-left: 0;
    padding-right: 0;
  }

  .col.pos-relat.dual-pic-wrapper {
    height: 400px;
  }

  .card {
    padding: var(--padding-m) var(--padding-m) var(--padding-s);
  }

  .pr-5 {
    padding-right: 1rem;
  }

  .p-10 {
    padding: 1.5rem;
  }

  .pb-5 {
    padding-bottom: 1rem;
  }

  .py-10 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .hero-heading {
    font-size: var(--font--heading-s);
  }

  .container-medium.mob-vert {
    flex-flow: column-reverse;
  }

  .container-medium.mob-vert.mob-invert {
    flex-flow: wrap;
  }

  .container-small {
    width: 90vw;
  }

  .nav {
    height: 60px;
    margin-top: 0;
  }

  .footer-nav {
    height: auto;
    position: relative;
  }

  .footer-menu {
    flex-flow: column;
  }

  .blog-collection-list-smal {
    grid-template-columns: 1fr 1fr;
  }

  .logo-icon {
    width: 10rem;
    min-width: 10rem;
  }

  .logo-linkk {
    justify-content: flex-start;
    align-items: center;
  }

  .logo-linkk.w--current {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .dropdown-link {
    margin-bottom: 0;
  }

  .structure-link {
    margin-left: 30px;
  }

  .structure-link.structure-menu-link {
    color: #fffc;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
  }

  .navigation-dropdown {
    justify-content: flex-end;
    align-items: flex-start;
    width: 90vw;
    display: none;
    inset: 45px 0% 0% auto;
  }

  .icon-4 {
    position: relative;
  }

  .dropdown.mobhide {
    display: none;
  }

  .about-cta.section.h-100vh {
    height: 80vh;
  }

  ._3x6-grid {
    grid-template-rows: minmax(200px, 1fr) minmax(auto, 1fr) auto;
    grid-template-columns: 1fr;
  }

  .faq-title {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .heading-medium {
    font-size: 2rem;
  }

  .hero-bottom-info-wrapper.homepage {
    bottom: 0%;
  }

  .left-info-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .info-box-circle {
    width: 40px;
    height: 40px;
  }

  .benefit-card {
    grid-row-gap: 48px;
    grid-template-rows: 1fr auto;
    min-height: auto;
  }

  .image {
    transform: scale(.6);
  }

  .course-enroll-wrapper {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 26px;
  }

  .h-20vh.mob-10vh {
    height: 10vh;
  }

  .btn.white.text {
    font-size: var(--font--par-s);
  }

  .container {
    flex-direction: column;
  }

  .col.pos-relat.dual-pic-wrapper {
    height: 250px;
  }

  .hero-heading {
    font-size: var(--font--heading-s);
  }

  .hero-heading.is-text-swither {
    font-size: 26px;
  }

  .padding-global {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .section-brands.section {
    padding-top: 5vh;
  }

  .content-icontext {
    margin-top: 10px;
  }

  .blog-collection-list-smal {
    grid-template-columns: 1fr;
  }

  .card-outline.gap-10.is-small-fade {
    padding: var(--padding-s);
  }

  .card-outline-fade {
    background-image: linear-gradient(#0000, #fff3);
  }

  .card-outline-fade-grad-line {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .dual-button-container {
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   / 1fr;
  }

  .button-outer.mob-hide {
    display: none;
  }

  .nav-link-details {
    text-align: left;
    font-size: 12px;
  }

  .dropdown-link {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .dropdown-link.w--current {
    background-size: auto, 70px;
  }

  .navigation-dropdown {
    background-color: #ddd0;
    justify-content: center;
    align-items: flex-start;
    display: none;
    position: fixed;
    inset: 97% 0% auto auto;
  }

  .content-heading.font-center {
    font-size: var(--font--par-l);
  }

  .star-rotate-cover.absolute-toplay {
    background-image: radial-gradient(circle at 30%, #d3d70314, #1b1b1b00 41%), radial-gradient(circle, #2ac8d33b, #0009 75%, #000);
  }

  .text-switch-wrapper.is_computer {
    display: flex;
  }

  .heading-swither-list {
    min-height: 330%;
  }

  .wide-cta-left.gap-20 {
    width: 100%;
  }

  .faq-title {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 3.5rem;
  }

  .faq-bottom-content {
    display: flex;
  }

  .info-box-circle {
    min-width: 40px;
  }

  .benefit-card {
    grid-row-gap: 36px;
  }
}

#w-node-_206bd142-227e-19b9-06e5-fe674326af7f-93276f5a {
  grid-area: Area;
}

#w-node-_206bd142-227e-19b9-06e5-fe674326af85-93276f5a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_206bd142-227e-19b9-06e5-fe674326af8b-93276f5a {
  grid-area: Area-2;
}

#w-node-_88a7a321-c442-d39a-c4c4-7887fddab5ff-fddab5f1, #w-node-_0398cc82-932d-bcce-ba73-ba6d81b8749f-fddab5f1, #w-node-_88a7a321-c442-d39a-c4c4-7887fddab60c-fddab5f1, #w-node-_88a7a321-c442-d39a-c4c4-7887fddab619-fddab5f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Brockmann Webfont';
  src: url('../fonts/brockmann-medium-webfont.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bariol Webfont';
  src: url('../fonts/bariol_regular-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noway Webfont';
  src: url('../fonts/noway-regular-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Safiro Webfont';
  src: url('../fonts/safiro-medium-webfont.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura';
  src: url('../fonts/caveat-variablefont_wght.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Caveat Variablefont Wght';
  src: url('../fonts/caveat-variablefont_wght.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Wantedsans Bf 65 Baf 1388963 B';
  src: url('../fonts/wantedsans-medium-bf65baf1388963b.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}