@font-face {
  font-family: Croc W;
  src: url('../fonts/Croc-Regular__W.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Croc W;
  src: url('../fonts/Croc-Light__W.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Croc W;
  src: url('../fonts/Croc-Bold__W.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --colors--color-light: #f3f5f8;
  --font-family--main: "Croc W", sans-serif;
  --colors--color-dark-gray: #2c313f;
  --font-size--font-size-m: var(--font-size--font-size-bold-m);
  --font-size--font-size-h1: 7.63rem;
  --letter-sapcing--letter-spacing-h1: -3.3px;
  --font-size--font-size-h2: 4.86rem;
  --letter-sapcing--letter-spacing-h2: -2.1px;
  --font-size--font-size-h3: 3.88rem;
  --font-size--font-size-h4: 2.5rem;
  --font-size--font-size-h5: var(--font-size--font-size-h4);
  --font-size--font-size-h6: var(--font-size--font-size-h4);
  --colors--color-white: white;
  --padding--padding-global: 6.25rem;
  --color: transparent;
  --font-size--font-size-s: 1.11rem;
  --font-size--font-size-l: 1.66rem;
  --font-size--font-size-light-s: var(--font-size--font-size-s);
  --font-size--font-size-light-m: var(--font-size--font-size-bold-m);
  --font-size--font-size-light-l: var(--font-size--font-size-l);
  --font-family--star: Montserrat, sans-serif;
  --font-size--star-symbols: 2.5rem;
  --padding--padding-medium: 1.66rem;
  --padding--padding-120: 8.33rem;
  --colors--logo: #00a460;
  --colors--color-text-green: #57e15e;
  --gaps--gap-24: 1.66rem;
  --gaps--gap-10: .69rem;
  --borders--radius-20: 1.38rem;
  --borders--radius-60: 4.16rem;
  --icons--size-10: .69rem;
  --gaps--gap-40: 2.77rem;
  --gaps--gap-20: 1.38rem;
  --borders--radius-100: 6.94rem;
  --colors--color-purple: #7027e2;
  --icons--size-20: 1.38rem;
  --gaps--gap-15: 1.04rem;
  --padding--padding-32: 2.22rem;
  --gaps--gap-8: .55rem;
  --padding--padding-100: 6.94rem;
  --padding--padding-16: 1.11rem;
  --colors--color-text-grey: #80838c;
  --padding--padding-8: .55rem;
  --gaps--gap-22: 1.52rem;
  --gaps--gap-12: .83rem;
  --gaps--gap-6: .41rem;
  --gaps--gap-4: .27rem;
  --colors--color-elements-grey: #414652;
  --gaps--gap-16: 1.11rem;
  --gaps--gap-33: 2.29rem;
  --gaps--row-18: 1.25rem;
  --borders--radius-40: 2.77rem;
  --gaps--gap-50: 3.47rem;
  --borders--radius-50: 3.47rem;
  --font-size-xs: 3.73333rem;
  --border-radius-40: 2.77778rem;
  --white: white;
  --black: black;
  --borders--radius-10: .694444rem;
  --font-size--font-size-bold-m: 1.25rem;
  --fonts--font-size-15px: white;
  --icons--size-30: 2.08rem;
}

body {
  background-color: var(--colors--color-light);
  font-family: var(--font-family--main);
  color: var(--colors--color-dark-gray);
  font-size: var(--font-size--font-size-m);
  font-weight: 400;
  line-height: 120%;
}

h1 {
  font-size: var(--font-size--font-size-h1);
  letter-spacing: var(--letter-sapcing--letter-spacing-h1);
  font-weight: 300;
  line-height: 100%;
}

h2 {
  font-size: var(--font-size--font-size-h2);
  letter-spacing: var(--letter-sapcing--letter-spacing-h2);
  font-weight: 300;
  line-height: 90%;
}

h3 {
  font-size: var(--font-size--font-size-h3);
  font-weight: 300;
  line-height: 90%;
}

h4 {
  font-size: var(--font-size--font-size-h4);
  font-weight: 300;
  line-height: 100%;
}

h5 {
  font-size: var(--font-size--font-size-h5);
  font-weight: 300;
  line-height: 100%;
}

h6 {
  font-size: var(--font-size--font-size-h6);
  font-weight: 300;
  line-height: 100%;
}

.stylesheets {
  background-color: var(--colors--color-dark-gray);
  color: var(--colors--color-white);
  min-height: 100vh;
  display: none;
}

.graident-row {
  width: 200px;
  height: 200px;
}

.css, .variables {
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.root {
  overflow: hidden;
}

.root.visible {
  overflow: visible;
}

.padding-global {
  z-index: 1;
  padding-right: var(--padding--padding-global);
  padding-left: var(--padding--padding-global);
  position: relative;
}

.viewport-width {
  margin-left: auto;
  margin-right: auto;
}

.header {
  z-index: 999;
  background-color: var(--color);
  padding-top: 1.38rem;
  padding-bottom: .8rem;
  position: static;
  inset: 0% 1.66667rem auto;
}

.header.is--mob {
  background-color: #0000;
  border-radius: 0;
  position: static;
}

.text-bold--m {
  font-size: var(--font-size--font-size-m);
  font-weight: 700;
}

.text-s {
  font-size: var(--font-size--font-size-s);
  line-height: 105%;
}

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

.text-l {
  font-size: var(--font-size--font-size-l);
  line-height: 110%;
}

.text-l.width-265 {
  width: 19rem;
}

.text-light--s {
  font-size: var(--font-size--font-size-light-s);
  font-weight: 300;
}

.text-light--m {
  font-size: var(--font-size--font-size-light-m);
  font-weight: 300;
}

.text-light--m.width-80 {
  width: 80%;
}

.text-light--l {
  font-size: var(--font-size--font-size-light-l);
  font-weight: 300;
  line-height: 110%;
}

.text-star {
  font-family: var(--font-family--star);
  font-size: var(--font-size--star-symbols);
  font-weight: 300;
  line-height: 100%;
}

.text-star.size-12 {
  font-size: 1.5rem;
}

.padding-24 {
  padding-right: var(--padding--padding-medium);
  padding-left: var(--padding--padding-medium);
}

.padding-90 {
  padding-right: var(--padding--padding-global);
  padding-left: var(--padding--padding-global);
}

.section {
  background-color: var(--colors--color-light);
}

.section.s-hero {
  padding-top: 0;
  overflow: hidden;
}

.section.s-start__career {
  padding-top: var(--padding--padding-120);
}

.section.s-tags {
  padding-top: var(--padding--padding-120);
  width: 100%;
  overflow: hidden;
}

.section.s-direction {
  padding-top: var(--padding--padding-120);
  width: 100%;
  position: relative;
  overflow: visible;
}

.section.s-steps {
  padding-top: var(--padding--padding-120);
  background-color: var(--colors--color-light);
  position: relative;
}

.section.s-checklist {
  padding-top: var(--padding--padding-120);
  background-color: var(--colors--color-light);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.section.s-brainz {
  padding-top: var(--padding--padding-120);
  background-color: var(--colors--color-light);
}

.section.s-about {
  padding-top: var(--padding--padding-120);
  background-color: var(--colors--color-light);
  width: 100%;
  overflow: hidden;
}

.section.s-career {
  padding-top: var(--padding--padding-120);
  background-color: var(--colors--color-light);
  color: var(--colors--color-white);
}

.section.s-faq {
  padding-top: var(--padding--padding-120);
  color: var(--colors--color-white);
}

.section.s-menu {
  z-index: 999;
  background-color: var(--color);
  position: fixed;
  inset: -4rem 0% auto;
}

.section.s-menu.is--hidden, .section.s-direction-mob {
  display: none;
}

.section.s-resume {
  padding-top: var(--padding--padding-120);
  padding-right: 0;
}

.section.s-resume.is--mob {
  display: none;
}

.section.s-protech {
  object-fit: fill;
  position: relative;
  overflow: visible;
}

.header-container {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.logo {
  color: var(--colors--logo);
  width: 4.86111rem;
}

.logo:hover {
  color: var(--colors--color-text-green);
}

.logo.is--white.w--current {
  color: var(--colors--color-white);
}

.logo.is--white.w--current:hover {
  -webkit-text-stroke-color: var(--colors--color-white);
}

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

.nav-links__row {
  grid-column-gap: var(--gaps--gap-24);
  grid-row-gap: var(--gaps--gap-24);
  display: none;
}

.nav-links__row.is--mob {
  display: flex;
}

.nav-link {
  grid-column-gap: var(--gaps--gap-10);
  border-radius: var(--borders--radius-20);
  background-color: var(--colors--color-dark-gray);
  color: var(--colors--color-light);
  align-items: center;
  padding: .416rem 1.04rem;
  display: flex;
}

.nav-link:hover {
  color: var(--colors--color-text-green);
}

.icon-10 {
  width: var(--icons--size-10);
  height: var(--icons--size-10);
}

.hero-bg {
  border-radius: var(--borders--radius-60);
  object-fit: cover;
  width: 100%;
  height: 46.5278rem;
}

.hero-bg.is--mob {
  display: none;
}

.hero-container {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 6.38rem;
  padding-left: 4.51rem;
  padding-right: 4.51rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-bg__img {
  position: relative;
}

.row-40 {
  grid-row-gap: var(--gaps--gap-40);
  flex-direction: column;
  display: flex;
}

.img-600 {
  opacity: 0;
  width: 41.6667rem;
  position: relative;
  bottom: -.2rem;
}

.img-600.is--mob, .img-600.is--hidden {
  display: none;
}

.video-hero__img {
  position: absolute;
  inset: 7.56rem 4.51rem auto auto;
}

.lighbox {
  position: relative;
}

.img-590 {
  width: 62rem;
}

.button-play__video {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotate(4deg);
}

.button {
  z-index: 3;
  grid-column-gap: var(--gaps--gap-20);
  grid-row-gap: var(--gaps--gap-20);
  border: 2px solid var(--colors--color-white);
  border-radius: var(--borders--radius-100);
  color: var(--colors--color-dark-gray);
  justify-content: center;
  align-items: center;
  width: 22.22rem;
  padding-top: 2.7rem;
  padding-bottom: 2.7rem;
  transition: all .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button:hover {
  border-color: var(--colors--color-purple);
  color: var(--colors--color-white);
}

.button.outline {
  color: var(--colors--color-white);
  background-color: #0000;
}

.button.outline:hover {
  background-color: var(--colors--color-white);
  color: var(--colors--color-dark-gray);
}

.button.outline.color-purple {
  border-color: var(--colors--color-purple);
  color: var(--colors--color-purple);
  -webkit-text-stroke-color: var(--colors--color-white);
}

.button.outline.color-purple:hover {
  color: var(--colors--color-white);
  background-color: #0000;
}

.button.outline.color-green {
  border-color: var(--colors--color-text-green);
  -webkit-text-stroke-color: var(--colors--color-text-green);
  display: flex;
}

.button.outline.color-green:hover {
  border-color: var(--colors--color-text-green);
  color: var(--colors--color-white);
  background-color: #0000;
}

.button.outline.color-green.abs {
  position: absolute;
  inset: 49rem auto auto 4.58rem;
}

.button.outline.color-green.intership {
  z-index: 999;
  position: absolute;
  bottom: -17rem;
  left: -44rem;
}

.button.border-grey {
  border-color: var(--colors--color-dark-gray);
}

.button.border-grey.width-270 {
  width: 18.75rem;
}

.button.border-grey.width-270.height-60 {
  height: 4.16667rem;
}

.button.border-grey.padding-19 {
  padding-top: 1.31944rem;
  padding-bottom: 1.31944rem;
}

.button.border-grey.padding-19:hover, .button.text-grey {
  color: var(--colors--color-dark-gray);
}

.icon-20 {
  z-index: 1;
  width: var(--icons--size-20);
  height: var(--icons--size-20);
  -webkit-text-stroke-color: var(--colors--color-white);
  position: relative;
}

.icon-20.size-16 {
  width: 1.11111rem;
  height: 1.11111rem;
}

.buttons-row {
  color: var(--colors--color-dark-gray);
}

.career-container {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.career-head {
  width: 32.5rem;
}

.color-green {
  color: var(--colors--color-text-green);
  display: inline-block;
}

.color-green.bold {
  font-weight: 700;
  display: inline;
}

.color-green.bold.underline, .color-green.text-underline {
  text-decoration: underline;
}

.icon-embed-custom-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 7.25rem;
  height: 6.0625rem;
  display: flex;
}

.abs-right__bot {
  position: absolute;
  inset: auto 2rem 0% auto;
}

.row-15 {
  grid-row-gap: var(--gaps--gap-15);
  flex-direction: column;
  display: flex;
}

.career-item {
  color: var(--colors--color-white);
  background-image: url('../images/Frame-12931.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 43.1944rem;
  position: relative;
}

.career-item.step-2 {
  background-image: url('../images/step-2.webp');
}

.career-item.step-2.color-dark__gray {
  color: var(--colors--color-dark-gray);
  background-image: url('../images/Frame-12932.png');
}

.career-item.step-3 {
  background-image: url('../images/step-3.webp');
}

.career-item.step-3.color-dark__gray {
  background-image: url('../images/Frame-12934.png');
  background-position: 100% 100%;
}

.career-item.step-4 {
  background-image: url('../images/Frame-12933.png');
  background-position: 100% 100%;
}

.padding-32 {
  padding: var(--padding--padding-32);
  height: auto;
}

.padding-32.height-100 {
  height: 100%;
}

.icon-embed-custom-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3.75rem;
  display: flex;
}

.row-24 {
  grid-row-gap: var(--gaps--gap-24);
  flex-direction: column;
  display: flex;
}

.icon-embed-custom-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.3125rem;
  height: 3.75rem;
  display: flex;
}

.icon-embed-custom-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
}

.color-dark__gray {
  color: var(--colors--color-dark-gray);
}

.icon-embed-custom-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.3125rem;
  height: 3.75rem;
  display: flex;
}

.sticky-30 {
  position: sticky;
  top: 2.08rem;
}

.marquee-container {
  grid-row-gap: .55rem;
  flex-direction: column;
  display: flex;
}

.marquee {
  grid-column-gap: var(--gaps--gap-8);
  grid-row-gap: var(--gaps--gap-8);
  align-items: center;
  display: flex;
}

.tag {
  grid-column-gap: .208333rem;
  border-radius: var(--borders--radius-100);
  background-color: var(--colors--color-dark-gray);
  color: var(--colors--color-white);
  font-size: var(--font-size--font-size-h4);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  padding: 1.66rem;
  font-weight: 300;
  line-height: 100%;
  display: flex;
}

.tag.light-green__gradient {
  color: var(--colors--color-dark-gray);
}

.icon-embed-custom-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.875rem;
  height: 1.625rem;
  display: flex;
}

.scroll {
  grid-column-gap: .55rem;
  grid-row-gap: .55rem;
  align-items: center;
  display: flex;
}

.direction-container {
  z-index: 2;
  position: relative;
}

.direction-img {
  z-index: 0;
  border-radius: var(--borders--radius-60);
  width: 100%;
  height: 61.94rem;
  min-height: 61.94rem;
  display: block;
  position: absolute;
  inset: 0%;
}

.direction-content {
  z-index: 3;
  padding: var(--padding--padding-120) 4.58rem var(--padding--padding-100);
  grid-column-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  place-content: start stretch;
  align-items: start;
  height: 61.9444rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.direction-content.auto {
  height: auto;
}

.swiper.swiper-direction {
  color: var(--colors--color-white);
  width: 42rem;
  max-width: 42rem;
}

.swiper.swiper-intership__btn {
  width: 22.22rem;
  overflow: hidden;
}

.swiper.swiper-about {
  width: 100%;
  max-width: 100%;
  padding-left: 6.25rem;
}

.swiper-wrapper.direction-wrapper {
  overflow: visible;
}

.swiper-wrapper.wrapper-btn {
  justify-content: flex-start;
}

.swiper-slide.direction-slide {
  width: 42rem;
  max-width: 42rem;
  overflow: visible;
}

.swiper-slide.slide-btn {
  width: 22.22rem;
  max-width: 22.22rem;
  display: inline-block;
}

.swiper-slide.about-slide {
  width: 43.1944rem;
  min-width: 43.1944rem;
  margin-right: 1.11rem;
}

.swiper-slide.resume-slide {
  background-color: red;
  width: 80rem;
  max-width: 80rem;
  height: 54.4rem;
  margin-right: 20px;
}

.color-white {
  color: var(--colors--color-white);
}

.direction-tags {
  grid-column-gap: var(--gaps--gap-8);
  grid-row-gap: var(--gaps--gap-8);
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.direction-tag {
  padding: var(--padding--padding-16);
  grid-column-gap: var(--gaps--gap-10);
  border: 1px solid var(--colors--color-text-grey);
  border-radius: var(--borders--radius-100);
  color: var(--colors--color-white);
  cursor: pointer;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.icon-embed-custom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  display: flex;
}

.btn-8--16 {
  padding: var(--padding--padding-8) var(--padding--padding-16);
  border-radius: var(--borders--radius-100);
  color: var(--colors--color-dark-gray);
  display: inline-block;
}

.btn-8--16.light-green__gradient {
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.btn-8--16.purple-gradient {
  align-self: flex-start;
}

.row-22 {
  grid-row-gap: var(--gaps--gap-22);
  flex-direction: column;
  display: flex;
}

.row-12 {
  grid-row-gap: var(--gaps--gap-12);
  flex-direction: column;
  display: flex;
}

.row-12.height-100 {
  height: 100%;
}

.row-8 {
  grid-row-gap: var(--gaps--gap-8);
  flex-direction: column;
  display: flex;
}

.col-6 {
  grid-column-gap: var(--gaps--gap-6);
  display: flex;
}

.col-6.col-align__top {
  align-items: flex-start;
}

.width-450 {
  width: 31.25rem;
}

.icon-12 {
  justify-content: center;
  align-items: center;
  width: .833333rem;
  min-width: .833333rem;
  height: .833333rem;
  display: flex;
}

.icon-12.m-t__3 {
  margin-top: 3px;
}

.row-4 {
  grid-row-gap: var(--gaps--gap-4);
  flex-direction: column;
  display: flex;
}

.direction-row {
  border-top-right-radius: var(--borders--radius-60);
  background-color: var(--colors--color-elements-grey);
  margin-top: 10rem;
  transition: transform .4s;
}

.step-image {
  width: 40.1389rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.step-image.pointer-events-off {
  z-index: 1;
  inset: auto auto -22.2rem -3.6rem;
}

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

.steps-heading__row {
  grid-column-gap: var(--gaps--gap-10);
  align-items: flex-start;
  display: flex;
}

.icon-embed-custom-9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5.0625rem;
  height: 5.25rem;
  display: flex;
}

.m-r__260 {
  margin-right: 18rem;
}

.icon-embed-custom-10 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 22.6875rem;
  height: 7.5625rem;
  display: flex;
}

.grid-16 {
  grid-column-gap: var(--gaps--gap-16);
  grid-row-gap: var(--gaps--gap-16);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-16._3fr {
  grid-template-columns: 1fr 1fr 1fr;
}

.step-row {
  cursor: pointer;
  position: relative;
}

.step-row__img {
  object-fit: cover;
  width: 100%;
  height: 20.0694rem;
  min-height: 20.0694rem;
  display: block;
}

.step-row__img.bot {
  border-top-right-radius: var(--borders--radius-60);
}

.step-row__img.top {
  border-bottom-left-radius: var(--borders--radius-60);
}

.step-row__container {
  position: absolute;
  inset: 0%;
}

.icon-embed-custom-11 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9.3125rem;
  height: 7.625rem;
  display: flex;
}

.row-33 {
  grid-row-gap: var(--gaps--gap-33);
  flex-direction: column;
  display: flex;
}

.icon-embed-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.step-text__container {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.step-description {
  z-index: 1;
  background-color: var(--colors--color-white);
  display: none;
  position: absolute;
  inset: 0%;
}

.step-description.top {
  border-bottom-left-radius: var(--borders--radius-60);
  opacity: 0;
  display: block;
}

.step-description.bot {
  border-top-right-radius: var(--borders--radius-60);
  height: 100%;
  display: none;
}

.row-18 {
  grid-row-gap: var(--gaps--row-18);
  flex-direction: column;
  display: flex;
}

.row-18.space-between {
  justify-content: space-between;
  height: 100%;
}

.icon-embed-custom-12 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 7.5rem;
  height: 7.5rem;
  display: flex;
}

.icon-embed-custom-13 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9.1875rem;
  height: 7.625rem;
  display: flex;
}

.icon-embed-custom-15 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6.5625rem;
  height: 7.5rem;
  display: flex;
}

.checklist-container {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.checklist-bg {
  width: 42.0833rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.checklist-image__conainer {
  position: relative;
}

.checklist-img {
  width: 43rem;
}

.icon-embed-custom-16 {
  color: var(--colors--color-white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 15.0625rem;
  height: 13.4375rem;
  display: flex;
  position: absolute;
  inset: -3rem -3.6rem auto auto;
}

.checklist-step {
  padding: var(--gaps--gap-24) var(--padding--padding-32);
  grid-column-gap: var(--gaps--gap-24);
  border-top-right-radius: var(--borders--radius-40);
  border-bottom-right-radius: var(--borders--radius-40);
  background-color: var(--colors--color-white);
  align-items: center;
  display: flex;
}

.icon-embed-custom-17 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.9375rem;
  height: 2rem;
  display: flex;
}

.checklist-head {
  position: relative;
}

.icon-embed-custom-18 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10.375rem;
  height: 10.25rem;
  display: flex;
  position: absolute;
  inset: -1.5rem -2.5rem auto auto;
}

.icon-embed-custom-19 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5625rem;
  height: 2rem;
  display: flex;
}

.brainz-container {
  z-index: 1;
  padding: var(--padding--padding-120) 5.9rem 10.41rem 4.58rem;
  border-radius: var(--borders--radius-60);
  background-color: var(--colors--color-dark-gray);
  color: var(--colors--color-white);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.brainz-model {
  z-index: -1;
  position: absolute;
  inset: auto 0% 0% auto;
}

.icon-embed-custom-20 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20.6875rem;
  height: .9375rem;
  display: flex;
}

.width-430 {
  width: 29.8611rem;
}

.row-16 {
  grid-row-gap: var(--gaps--gap-16);
  flex-direction: column;
  display: flex;
}

.row-16.row-align--left {
  align-items: flex-start;
}

.icon-embed-custom-21 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 43rem;
  height: 32.375rem;
  display: flex;
  position: relative;
}

.brainz-logo__images {
  position: relative;
  top: 8rem;
}

.brainz-logo__image--3 {
  width: 20rem;
  position: absolute;
  inset: .6rem 13.4rem auto auto;
}

.brainz-logo__image--2 {
  width: 13rem;
  position: absolute;
  inset: .5rem .5rem auto auto;
}

.brainz-logo__image--1 {
  width: 12.5rem;
  position: absolute;
  inset: auto auto 2.2rem 1rem;
}

.heading-head {
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon-embed-custom-22 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.0625rem;
  height: 4.625rem;
  display: flex;
  position: relative;
  top: -2.6rem;
  right: .5rem;
}

.about-slider__container {
  padding-left: var(--padding--padding-global);
  grid-column-gap: var(--gaps--gap-16);
  align-items: stretch;
  max-width: 100%;
  display: flex;
}

.about-slider__slide {
  cursor: pointer;
  position: relative;
}

.slide-img {
  object-fit: cover;
  width: 43.1944rem;
  min-width: 43.1944rem;
  height: 33.75rem;
}

.about-slide__content {
  position: absolute;
  inset: 0%;
}

.between-vertical {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.icon-embed-custom-23 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10.5rem;
  height: 7.75rem;
  display: flex;
}

.icon-embed-custom-24 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.625rem;
  min-width: 2.625rem;
  height: 2.625rem;
  display: flex;
}

.about-slide__desc {
  position: absolute;
  inset: 0%;
}

.col-24 {
  grid-column-gap: var(--gaps--gap-24);
  align-items: center;
  display: flex;
}

.profile-140 {
  border-radius: 100rem;
  width: 9.72222rem;
  height: 9.72222rem;
}

.slide-quote {
  border-bottom-left-radius: var(--borders--radius-60);
  background-color: var(--colors--color-white);
}

.slide-quote.border-none {
  height: 18.75rem;
  max-height: 18.75rem;
}

.icon-embed-custom-25 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10.125rem;
  height: 7.75rem;
  display: flex;
}

.icon-embed-custom-26 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 8.4375rem;
  height: 7.5rem;
  display: flex;
}

.icon-embed-custom-27 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9.875rem;
  height: 7.75rem;
  display: flex;
}

.icon-embed-custom-28 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6.5625rem;
  height: 7.5rem;
  display: flex;
}

.career-bg {
  border-radius: var(--borders--radius-60);
  object-fit: cover;
  width: 100%;
  min-height: 36.9444rem;
}

.career-bg.mob {
  display: none;
}

.career-content__row {
  border-radius: var(--borders--radius-60);
  background-color: var(--colors--color-dark-gray);
  height: 36.9444rem;
  position: relative;
  overflow: hidden;
}

.career-content {
  padding-top: var(--padding--padding-120);
  padding-left: 4.58rem;
  position: absolute;
  inset: 0%;
}

.row-50 {
  grid-row-gap: var(--gaps--gap-50);
  flex-direction: column;
  display: flex;
}

.color-black {
  color: var(--colors--color-dark-gray);
}

.career-img {
  z-index: 1;
  width: 48rem;
  position: absolute;
  inset: 8rem 9.23rem auto auto;
}

.icon-embed-custom-29 {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 9.125rem;
  display: flex;
  position: absolute;
  inset: auto 4.3rem 2.7rem auto;
}

.icon-embed-custom-30 {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.44444rem;
  height: 4.44444rem;
  display: flex;
  position: absolute;
  inset: 14.4rem 16.9rem auto auto;
}

.icon-embed-custom-31 {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.8125rem;
  height: 3rem;
  display: flex;
  position: absolute;
  inset: 10.6rem 43.2rem auto auto;
}

.faq-container {
  padding-top: var(--padding--padding-120);
  padding-bottom: var(--padding--padding-120);
  border-top-left-radius: var(--borders--radius-60);
  border-top-right-radius: var(--borders--radius-60);
  background-color: var(--colors--color-dark-gray);
  align-items: flex-start;
  position: relative;
}

.col-15 {
  grid-column-gap: var(--gaps--gap-15);
  display: flex;
}

.icon-embed-custom-32 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32.9375rem;
  height: 24.3125rem;
  display: flex;
  position: absolute;
  inset: 4.3rem auto auto 11.45rem;
}

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

.faq-dropdown {
  color: var(--colors--color-white);
  width: 43.1944rem;
}

.faq-dropdown__toggle {
  border-top-right-radius: var(--borders--radius-40);
  border-bottom-right-radius: var(--borders--radius-40);
  background-color: var(--colors--color-elements-grey);
  white-space: normal;
  justify-content: space-between;
  align-items: center;
  padding: .83rem .83rem .83rem 2.22rem;
  display: flex;
}

.faq-dropdown__list {
  margin-top: var(--gaps--gap-4);
  border-top-right-radius: var(--borders--radius-40);
  background-color: var(--colors--color-elements-grey);
  display: block;
  position: static;
  overflow: hidden;
}

.icon-embed-custom-33 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.375rem;
  min-width: 3.375rem;
  height: 3.375rem;
  display: block;
}

.icon-embed-custom-33._42px {
  width: 2.91667rem;
  min-width: 2.91667rem;
  height: 2.91667rem;
}

.icon-embed-custom-33.size-40 {
  width: 2.77778rem;
  min-width: 2.77778rem;
  height: 2.77778rem;
}

.icon-embed-custom-33.is--mob {
  display: block;
}

.icon-embed-custom-33.is--dessktop {
  display: none;
}

.footer {
  padding-bottom: var(--padding--padding-120);
  background-color: var(--colors--color-dark-gray);
}

.footer-container {
  grid-row-gap: 3.26389rem;
  flex-direction: column;
  display: flex;
}

.footer-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-question {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.icon-embed-custom-34 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5.875rem;
  height: 5.375rem;
  display: flex;
}

.social-media__link {
  border: 2px solid var(--colors--color-text-grey);
  border-radius: var(--borders--radius-40);
  color: var(--colors--color-white);
  justify-content: center;
  align-items: center;
  width: 11.1111rem;
  height: 11.1111rem;
  transition: all .3s ease-in-out;
  display: flex;
}

.social-media__link:hover {
  border-color: var(--colors--color-light);
  background-color: var(--colors--color-white);
  color: var(--colors--color-dark-gray);
}

.icon-embed-custom-35 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3.3125rem;
  display: flex;
}

.icon-embed-custom-36 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5.625rem;
  height: 1.5rem;
  display: flex;
}

.icon-embed-custom-37 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.125rem;
  height: 2.3125rem;
  display: flex;
}

.icon-embed-custom-38 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.625rem;
  height: 2.1875rem;
  display: flex;
}

.icon-embed-custom-39 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.1875rem;
  height: 2.0625rem;
  display: flex;
}

.icon-embed-custom-40 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5625rem;
  height: 1.5rem;
  display: flex;
}

.social-links__container {
  grid-column-gap: var(--gaps--gap-40);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.social-links__container.is--hidden {
  display: none;
}

.icon-embed-custom-41 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.4375rem;
  height: 3.375rem;
  display: flex;
}

.move-top {
  border-radius: var(--borders--radius-50);
  background-color: var(--colors--color-elements-grey);
  cursor: pointer;
  align-items: flex-end;
  height: 8.61111rem;
  padding: .55rem;
  display: flex;
}

.footer-bot {
  grid-column-gap: var(--gaps--gap-24);
  align-items: flex-end;
  display: flex;
}

.icon-embed-custom-42 {
  color: var(--colors--logo);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6.8125rem;
  height: 1.75rem;
  display: flex;
}

.icon-embed-custom-42.coming {
  position: absolute;
  inset: 2.08rem auto auto 2.08rem;
}

.privacy-text {
  color: var(--colors--color-text-grey);
  font-size: .833333rem;
  line-height: 150%;
}

.sticky-86 {
  position: sticky;
  top: 10rem;
}

.mobile-dev {
  display: none;
}

.burger-open {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.4375rem;
  height: 1.0625rem;
}

.nav-burger, .step-img__mob {
  display: none;
}

.check-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.about-slide__desc--bg {
  display: none;
}

.coming-soon {
  z-index: 2000;
  background-color: var(--colors--color-light);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.brainz-model-mob, .career-img-mob {
  display: none;
}

.navigation-container {
  grid-column-gap: var(--gaps--gap-8);
  align-self: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.arrow-prev {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.375rem;
  height: 3.375rem;
  transition: all .3s ease-in-out;
  display: flex;
}

.arrow-prev:hover {
  color: var(--colors--color-text-green);
}

.arrow-next {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.375rem;
  height: 3.375rem;
  transition: all .3s ease-in-out;
  display: flex;
}

.arrow-next:hover {
  color: var(--colors--color-text-green);
}

.star-point {
  margin-top: .97rem;
}

.icon-embed-custom-43 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 47rem;
  height: 28.9375rem;
  display: flex;
}

.brainz-logo {
  width: 47rem;
  min-width: 47rem;
}

.brainz-logo__row {
  position: relative;
}

.smile-row {
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: -2.4rem 11.5rem auto auto;
}

.eyes-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .8125rem;
  display: flex;
  position: relative;
  top: -.2rem;
  left: .2rem;
}

.eyes-right {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .8125rem;
  display: flex;
  position: relative;
  top: -.6rem;
  left: 1.5rem;
}

.smile {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.0625rem;
  height: 1rem;
  display: flex;
}

.blend-left {
  z-index: 2;
  width: 62.9861rem;
  position: absolute;
  inset: auto auto 0% 0%;
}

.blend-right {
  z-index: 1;
  width: 69.2361rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.img-relative {
  position: relative;
}

.svg-mask {
  width: 47rem;
  height: auto;
  position: relative;
  top: 1.2rem;
}

.video-text {
  z-index: 3;
  color: var(--colors--color-white);
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: auto 1rem 3.4rem auto;
}

.bracket-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 5.8rem;
  margin-right: 1.11rem;
  display: flex;
}

.bracket-right {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 5.8rem;
  margin-left: .5rem;
  display: flex;
}

.icon-embed-custom-44 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 2.3125rem;
  display: flex;
}

.icon-embed-custom-45 {
  color: var(--colors--color-dark-gray);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9.375rem;
  height: 5.6875rem;
  display: flex;
  position: relative;
}

.blend-mob {
  display: none;
}

.purple-hover {
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.hover-bg {
  background-color: var(--colors--color-purple);
  width: 105%;
  min-width: 105%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.hover-bg.green {
  background-color: var(--colors--color-text-green);
  height: 105%;
}

.button-border-grey-violet {
  display: none;
}

.icon-logo.is--white {
  color: var(--colors--color-white);
}

.menu-sticky {
  background-color: var(--colors--color-dark-gray);
  border-bottom-right-radius: 2.08333rem;
  border-bottom-left-radius: 2.08333rem;
  height: 3.5rem;
  padding-top: .9rem;
  display: block;
}

.icon-embed-play {
  z-index: 3;
  pointer-events: none;
  color: var(--colors--color-light);
  -webkit-text-stroke-color: var(--colors--color-light);
  cursor: auto;
  width: 1.736rem;
  height: 2.569rem;
  position: absolute;
}

.direction-dropdown {
  margin-left: 0;
  margin-right: 0;
  display: none;
  position: static;
}

.dropdown-toggle {
  padding: 0;
}

.dropdown-list {
  display: block;
}

.resume-container {
  z-index: 1;
  padding: var(--padding--padding-120) 4.58333rem 8.33333rem;
  position: relative;
}

.resume-img {
  z-index: -1;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.row-238 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.column-41 {
  grid-column-gap: 2.84722rem;
  display: flex;
}

.width-400 {
  width: 27.7778rem;
}

.cat-svg {
  height: 10.0694rem;
  position: relative;
  top: -1.1rem;
}

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

.grid-item {
  background-color: var(--color);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  cursor: pointer;
  height: 11.25rem;
}

.grid-item.border-left-t {
  border-top-left-radius: 2.77778rem;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.grid-item.border-right-b {
  border-bottom-right-radius: 2.77778rem;
}

.grid-item.border-left-b {
  border-bottom-left-radius: 2.77778rem;
}

.grid-item.border-right-t {
  border-top-right-radius: 2.77778rem;
}

.links-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.links-wrap.paddint-b-24 {
  padding-bottom: 1.66667rem;
}

.col-38 {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.col-38.height-114 {
  height: 7.91667rem;
}

.padding-t-b-24 {
  padding-top: 1.66667rem;
  padding-bottom: 1.66667rem;
  display: block;
}

.icon-resume {
  align-self: flex-start;
  height: 2.29167rem;
}

.icon-resume.h51 {
  height: 3.54167rem;
}

.icon-resume.h47 {
  height: 3.26389rem;
}

.icon-resume.h39 {
  height: 2.70833rem;
}

.icon-resume.h35 {
  height: 2.43056rem;
}

.icon-resume.h25 {
  height: 1.73611rem;
}

.icon-resume.h45 {
  height: 3.125rem;
}

.padding-b-40 {
  padding-bottom: 2.77778rem;
}

.grid-card {
  background-color: #f3f5f899;
  display: block;
}

.grid-card.border-t-l {
  border-top-left-radius: var(--border-radius-40);
}

.grid-card.border-b-r {
  border-bottom-right-radius: var(--border-radius-40);
}

.grid-card.top-l-40 {
  border-top-left-radius: var(--border-radius-40);
  display: none;
}

.grid-card.bottom-r-40 {
  border-bottom-right-radius: var(--border-radius-40);
}

.grid-card.bottom-r-l-40 {
  border-bottom-left-radius: var(--border-radius-40);
  border-bottom-right-radius: var(--border-radius-40);
}

.grid-card.border-b-l {
  border-bottom-left-radius: var(--border-radius-40);
}

.grid-card.border-t-r {
  border-top-right-radius: var(--border-radius-40);
}

.grid-description {
  background-color: var(--white);
  display: block;
  position: absolute;
  inset: 0%;
}

.grid-description.border-t-l {
  border-top-left-radius: var(--border-radius-40);
}

.grid-description.border-b-r {
  border-bottom-right-radius: var(--border-radius-40);
}

.grid-description.border-b-l {
  border-bottom-left-radius: var(--border-radius-40);
}

.grid-description.border-t-r {
  border-top-right-radius: var(--border-radius-40);
}

.icon-arrow {
  width: 2.77778rem;
  height: 2.77778rem;
  margin-left: auto;
}

.grid-resume-description {
  opacity: 0;
  display: block;
}

.icon-16 {
  width: 1.11111rem;
  height: 1.11111rem;
}

.btn-round {
  border-radius: 100%;
  width: 2.91667rem;
  height: 2.91667rem;
}

.protech-container {
  z-index: 2;
  padding-top: var(--padding--padding-120);
  padding-left: 4.58rem;
  padding-right: 11.5972rem;
  position: relative;
  overflow: visible;
}

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

.width-522 {
  width: 36.25rem;
}

.width-410 {
  width: 28.4722rem;
  position: relative;
}

.col-40 {
  grid-row-gap: 2.77778rem;
  flex-direction: column;
  display: flex;
}

.protech-img {
  z-index: 1;
  width: 70rem;
  position: absolute;
  inset: -27px 0% 0% auto;
}

.protech-img.is--mob {
  display: none;
}

.icon-1 {
  width: 5.625rem;
  height: 4.86111rem;
  position: absolute;
  inset: -9% -4% auto auto;
}

.icon-2 {
  width: 24.5833rem;
  height: 3.68056rem;
  position: absolute;
  inset: auto 0% -16% 52%;
}

.section-2 {
  z-index: 1;
  background-color: #1f2023;
  position: relative;
}

.section-2.s-popup__itschool {
  z-index: 100000;
  background-color: #fff0;
  display: block;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}

.popup-content {
  cursor: default;
  position: relative;
}

.popup-size {
  width: 17.7778rem;
  height: 11.9444rem;
}

.popup-close {
  width: .833333rem;
  height: .833333rem;
  position: absolute;
  inset: 1rem 1rem auto auto;
}

.cookie__button {
  background-color: var(--colors--color-text-green);
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  padding: 1.11111rem 1.66rem;
  font-size: 1.25rem;
  display: flex;
}

.cookie__button.btn-8--16.light-green__gradient {
  align-self: center;
}

.button__icon {
  width: 4.16667rem;
  height: 4.16667rem;
  transition: transform .3s;
}

.button__icon.button__icon--mini {
  width: 2.77778rem;
  height: 2.77778rem;
}

.cookie__text {
  line-height: 140%;
}

.button__text {
  line-height: 120%;
}

.color-blue {
  color: #08b7f4;
}

.cookie__content {
  grid-column-gap: 1.11111rem;
  grid-row-gap: 1.11111rem;
  background-color: var(--colors--color-light);
  border-radius: 1.73611rem;
  justify-content: flex-start;
  align-items: stretch;
  padding: 1.11111rem;
  display: flex;
}

.cookie {
  z-index: 1000;
  width: 63rem;
  transition: transform .3s, opacity .3s;
  position: fixed;
  bottom: 1.38889rem;
  left: 50%;
  transform: translate(-50%);
}

.cookie.is-hide {
  opacity: 0;
  pointer-events: none;
  transform: translate(0, 10rem)translate(-50%);
}

@media screen and (max-width: 991px) {
  .stylesheets {
    display: none;
  }

  .button:hover {
    background-color: var(--colors--color-white);
    color: var(--colors--color-dark-gray);
  }

  .button.outline:hover {
    color: var(--colors--color-white);
    background-color: #0000;
  }

  .button.outline.color-purple:hover {
    color: var(--colors--color-purple);
    background-color: #0000;
  }

  .button.outline.color-green:hover {
    background-color: #0000;
  }

  .hover-bg {
    display: none;
  }

  .cookie__text {
    font-size: var(--font-size--font-size-m);
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 12.2667rem;
  }

  h3 {
    font-size: 7rem;
  }

  h4 {
    font-size: 6.4rem;
  }

  .stylesheets {
    display: none;
  }

  .padding-global.width-100 {
    width: 100%;
  }

  .header {
    background-color: var(--colors--color-dark-gray);
    justify-content: space-between;
    align-items: center;
    height: 12.8rem;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .header.is--mob {
    background-color: var(--colors--color-dark-gray);
    position: relative;
    left: 0;
    right: 0;
  }

  .text-s {
    font-size: 6rem;
  }

  .text-m {
    line-height: 120%;
  }

  .text-l.width-265 {
    width: 54.2rem;
    font-size: 4.8rem;
  }

  .text-light--s {
    font-size: 4.26553rem;
    line-height: 120%;
  }

  .text-light--s.color-white:hover {
    background-color: #80838c;
  }

  .text-light--m {
    font-size: 4.26667rem;
    line-height: 120%;
  }

  .text-light--m.width-80 {
    width: 100%;
  }

  .text-light--l, .text-light--l.color-white {
    font-size: 4.8rem;
  }

  .text-star {
    font-size: 7.46667rem;
  }

  .padding-24 {
    padding-left: 3.52113rem;
    padding-right: 3.52113rem;
  }

  .padding-24.padding-none {
    padding-left: 0;
    padding-right: 0;
  }

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

  .section.s-start__career {
    padding-top: 19.2rem;
    overflow: hidden;
  }

  .section.s-tags {
    padding-top: 19.2rem;
  }

  .section.s-direction {
    background-color: var(--colors--color-dark-gray);
    border-radius: 10.6667rem;
    margin-top: 19.2rem;
    padding-top: 19.2rem;
    padding-bottom: 19.2rem;
    overflow: hidden;
  }

  .section.s-steps {
    padding-top: 19.2rem;
    padding-bottom: 19.2rem;
    overflow: hidden;
  }

  .section.s-checklist {
    padding-top: 19.2rem;
  }

  .section.s-brainz {
    width: 100%;
    padding-top: 0;
    position: relative;
    overflow: hidden;
  }

  .section.s-about {
    padding-top: 19.2rem;
  }

  .section.s-career, .section.s-faq {
    padding-top: 19.2rem;
    overflow: hidden;
  }

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

  .section.s-direction-mob {
    display: block;
  }

  .section.s-direction-mob.is--hidden {
    display: none;
  }

  .section.s-resume.is--desktop {
    display: none;
    overflow: hidden;
  }

  .section.s-resume.is--mob {
    display: block;
    overflow: hidden;
  }

  .section.s-protech {
    overflow: hidden;
  }

  .header-container {
    width: 100%;
  }

  .logo.w--current {
    z-index: 200;
    color: var(--colors--color-white);
    width: 20.5333rem;
    position: relative;
  }

  .nav-links__row {
    z-index: 100;
    background-color: var(--colors--color-dark-gray);
    flex-direction: column;
    padding-top: 26.66rem;
    padding-left: 6.66rem;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .nav-links__row.is--mob {
    display: none;
  }

  .nav-link {
    grid-column-gap: 3rem;
  }

  .icon-10 {
    width: 4rem;
    height: 4rem;
  }

  .hero-bg.is--pc {
    display: none;
  }

  .hero-bg.is--mob {
    border-radius: 10.6667rem;
    height: 170.933rem;
    display: block;
  }

  .hero-container {
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 11.2rem;
    padding-left: 5.33333rem;
    padding-right: 5.33333rem;
  }

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

  .row-40.row-mob__none {
    grid-row-gap: 0rem;
  }

  .row-40.width-100 {
    width: 100%;
  }

  .img-600 {
    width: 89.3333rem;
    display: none;
  }

  .img-600.is--mob {
    margin-left: 0;
    display: block;
    position: relative;
    bottom: -1.3rem;
  }

  .video-hero__img {
    margin-top: 3rem;
    margin-bottom: 15rem;
    position: static;
  }

  .img-590 {
    width: 89rem;
  }

  .button-play__video {
    width: 26.6667rem;
    right: 4.1rem;
  }

  .button {
    grid-column-gap: 5.33333rem;
    background-color: var(--colors--color-white);
    color: var(--colors--color-dark-gray);
    border-radius: 26.5604rem;
    width: 86.6667rem;
    padding-top: 7.73333rem;
    padding-bottom: 7.73333rem;
    font-size: 4.8rem;
  }

  .button:hover {
    border-color: var(--colors--color-white);
    background-color: var(--colors--color-white);
    color: var(--colors--color-dark-gray);
  }

  .button.outline.color-green {
    width: 100%;
  }

  .button.outline.color-green:hover {
    color: var(--colors--color-white);
  }

  .button.border-grey.transparent {
    background-color: var(--color);
  }

  .icon-20, .icon-20.size-16 {
    width: 5.33333rem;
    height: 5.33333rem;
  }

  .career-container {
    grid-row-gap: 8.53333rem;
    flex-direction: column;
  }

  .career-head {
    width: 100%;
  }

  .icon-embed-custom-3 {
    width: 24rem;
    height: auto;
  }

  .row-15 {
    grid-row-gap: 5.33333rem;
  }

  .career-item {
    background-image: none;
    width: 100%;
    position: relative;
  }

  .career-item.step-2.color-dark__gray, .career-item.step-3.color-dark__gray, .career-item.step-4 {
    background-image: none;
  }

  .padding-32 {
    z-index: 1;
    padding: 5.33rem 8rem 5.33rem 5.33rem;
    position: relative;
  }

  .padding-32.height-100 {
    padding-right: 5.33rem;
  }

  .padding-32.height-100.padding-none {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-32.height-100.padding-none.mob-none {
    padding-bottom: 0;
  }

  .icon-embed-custom-4 {
    width: 8.53333rem;
    height: auto;
  }

  .row-24 {
    grid-row-gap: 3.2rem;
  }

  .icon-embed-custom-5 {
    width: 12.2667rem;
    height: auto;
  }

  .icon-embed-custom-6 {
    width: 10.6667rem;
    height: 10.6667rem;
  }

  .icon-embed-custom-7 {
    width: 12.2667rem;
    height: 10.6667rem;
  }

  .marquee-container, .marquee {
    grid-column-gap: 2.13333rem;
    grid-row-gap: 2.13333rem;
  }

  .tag {
    border-radius: 26.6667rem;
    padding: 6.4rem;
    font-size: 6.4rem;
  }

  .tag.light-green__gradient {
    grid-column-gap: 1rem;
  }

  .icon-embed-custom-8 {
    width: 12.5333rem;
    height: auto;
  }

  .scroll {
    grid-column-gap: 2.13333rem;
    grid-row-gap: 2.13333rem;
  }

  .direction-img {
    display: none;
  }

  .direction-content {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    height: auto;
    padding: 0;
  }

  .swiper.swiper-direction {
    width: 86.6667rem;
    max-width: 86.6667rem;
  }

  .swiper.swiper-intership__btn {
    width: 85rem;
  }

  .swiper-wrapper.resume-wrapper {
    width: 80rem;
    max-width: 80rem;
  }

  .swiper-slide {
    width: 86.6667rem;
    max-width: 86.6667rem;
  }

  .swiper-slide.direction-slide, .swiper-slide.slide-btn {
    width: 100%;
    max-width: 100%;
  }

  .swiper-slide.about-slide {
    width: 80rem;
    min-width: 80rem;
    max-width: 80rem;
    height: 137.5rem;
    margin-right: 5.33rem;
  }

  .swiper-slide.resume-slide {
    background-color: var(--color);
    width: 100%;
    max-width: none;
    height: auto;
    margin-right: 20px;
    position: relative;
  }

  .direction-tags {
    grid-column-gap: 2.13333rem;
    grid-row-gap: 2.13333rem;
  }

  .direction-tags.is--mob {
    display: none;
  }

  .direction-tag {
    grid-column-gap: 2.66667rem;
    grid-row-gap: 2.66667rem;
    border-radius: 26.6667rem;
    padding: 3.2rem 4.26rem;
  }

  .direction-tag.is--active {
    display: flex;
  }

  .direction-tag.is--active.toggle {
    justify-content: space-between;
    width: 100%;
  }

  .icon-embed-custom {
    width: 2.66667rem;
    min-width: 2.66667rem;
    height: 2.66667rem;
    min-height: 2.66667rem;
  }

  .btn-8--16.light-green__gradient, .btn-8--16.purple-gradient {
    padding: 2.13rem 4.26rem;
  }

  .row-22 {
    grid-row-gap: 5.33333rem;
  }

  .row-12, .row-8 {
    grid-row-gap: 3.2rem;
  }

  .row-8.row-mob__8 {
    grid-row-gap: 2.13333rem;
  }

  .col-6.col-align__top {
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
  }

  .width-450 {
    width: 100%;
  }

  .icon-12.m-t__3 {
    width: 3.2rem;
    min-width: 3.2rem;
    height: 3.2rem;
  }

  .row-4 {
    grid-column-gap: 1.33333rem;
    grid-row-gap: 1.33333rem;
  }

  .direction-row {
    border-top-right-radius: 10.6667rem;
  }

  .step-image.pointer-events-off {
    display: none;
  }

  .steps-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .icon-embed-custom-9 {
    width: 12.8rem;
    height: auto;
  }

  .m-r__260 {
    margin-left: 8.9rem;
    margin-right: 0;
  }

  .icon-embed-custom-10 {
    width: 74.1333rem;
    height: auto;
  }

  .grid-16 {
    grid-column-gap: 5.33333rem;
    grid-row-gap: 5.33333rem;
    grid-template-columns: 1fr;
  }

  .grid-16._3fr {
    grid-column-gap: 4.26667rem;
    grid-row-gap: 4.26667rem;
    grid-template-columns: 1fr 1fr;
  }

  .step-row__img {
    border-bottom-left-radius: 10.6667rem;
    height: 85.6rem;
    min-height: 85.6rem;
  }

  .step-row__img.bot {
    border-top-right-radius: 10.6667rem;
    border-bottom-left-radius: 0;
  }

  .step-row__img.top {
    border-bottom-left-radius: 10.6667rem;
  }

  .icon-embed-custom-11 {
    width: 39.4667rem;
    height: auto;
  }

  .row-33 {
    justify-content: space-between;
    height: 100%;
  }

  .icon-embed-small {
    width: 8rem;
    height: 8rem;
  }

  .step-text__container {
    justify-content: space-between;
    width: 100%;
  }

  .step-description.top {
    border-bottom-left-radius: 10.6667rem;
    display: none;
  }

  .step-description.bot {
    border-top-right-radius: 10.6667rem;
  }

  .row-18 {
    grid-row-gap: 6.13333rem;
  }

  .icon-embed-custom-12 {
    width: 32rem;
    height: 32rem;
  }

  .icon-embed-custom-13.color-white {
    width: 38.4rem;
    height: auto;
  }

  .icon-embed-custom-15 {
    width: 28rem;
    height: auto;
  }

  .checklist-container {
    flex-direction: column;
  }

  .checklist-bg.pointer-events-off {
    width: 80rem;
    top: 9.4rem;
    left: -11.1rem;
  }

  .checklist-image__conainer {
    margin-top: 13.3333rem;
    display: block;
  }

  .checklist-img {
    width: 95rem;
    min-width: 95rem;
    position: relative;
    left: -9.7rem;
  }

  .icon-embed-custom-16 {
    width: 40.2667rem;
    height: auto;
    top: -12.1rem;
    right: 3rem;
  }

  .checklist-step {
    grid-column-gap: 6.4rem;
    grid-row-gap: 6.4rem;
    border-top-right-radius: 10.6667rem;
    border-bottom-right-radius: 10.6667rem;
    padding: 6.4rem 8.53rem;
  }

  .icon-embed-custom-17 {
    width: 8rem;
    min-width: 8rem;
    height: auto;
  }

  .icon-embed-custom-18 {
    width: 36.2667rem;
    height: auto;
    top: -10.2rem;
    right: -3.7rem;
  }

  .icon-embed-custom-19 {
    width: 5.86667rem;
    min-width: 5.86667rem;
    height: auto;
  }

  .brainz-container {
    z-index: 2;
    border-radius: 10.6667rem;
    flex-direction: column;
    padding-top: 19.2rem;
    padding-left: 6.66rem;
    padding-right: 6.66rem;
    overflow: hidden;
  }

  .brainz-model.pointer-events-off {
    display: none;
  }

  .icon-embed-custom-20 {
    width: 65.6rem;
    height: auto;
  }

  .width-430 {
    width: auto;
  }

  .row-16 {
    grid-row-gap: 3.2rem;
  }

  .icon-embed-custom-21 {
    width: 100%;
    height: auto;
  }

  .brainz-logo__images {
    z-index: 1;
    width: 100%;
    margin-top: 28rem;
    top: 0;
  }

  .brainz-logo__image--3 {
    width: 39rem;
    top: 4.1rem;
    right: 20.7rem;
  }

  .brainz-logo__image--2 {
    width: 29rem;
    top: 2.1rem;
    right: -8.9rem;
  }

  .brainz-logo__image--1 {
    width: 27rem;
    bottom: 4.4rem;
    left: -5.1rem;
  }

  .heading-head {
    grid-row-gap: 5.33333rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .icon-embed-custom-22 {
    width: 14.1333rem;
    height: auto;
    position: absolute;
    inset: -9rem 23.7rem auto auto;
  }

  .about-slider__container {
    grid-column-gap: 5.33333rem;
    padding-right: 6.25rem;
  }

  .about-slider__slide {
    height: 100%;
  }

  .slide-img {
    border-top-right-radius: 10.6667rem;
    width: 80rem;
    min-width: 80rem;
    height: 100%;
    display: block;
  }

  .slide-img._2 {
    border-top-right-radius: 0;
    border-bottom-left-radius: 10.6667rem;
  }

  .icon-embed-custom-23 {
    width: 29.0667rem;
    height: auto;
  }

  .icon-embed-custom-24 {
    width: 8rem;
    min-width: 8rem;
    height: 8rem;
  }

  .about-slide__desc {
    display: block;
    position: absolute;
  }

  .col-24 {
    grid-column-gap: 3.2rem;
  }

  .col-24.padding-m {
    padding-left: 5.33rem;
    padding-right: 5.33rem;
  }

  .profile-140 {
    width: 24rem;
    height: 24rem;
  }

  .slide-quote {
    height: 100%;
  }

  .slide-quote.border-none {
    background-color: var(--colors--color-white);
    border-bottom-left-radius: 0;
    flex: 1;
    height: auto;
    max-height: none;
  }

  .icon-embed-custom-25, .icon-embed-custom-26, .icon-embed-custom-27 {
    width: 29.0667rem;
    height: auto;
  }

  .icon-embed-custom-28 {
    width: 29rem;
    height: auto;
  }

  .career-bg {
    min-height: 182.933rem;
    display: none;
  }

  .career-bg.mob {
    border-radius: 10.6667rem;
    height: 160rem;
    min-height: 0;
    display: block;
  }

  .career-content__row {
    border-radius: 10.6667rem;
    height: 169rem;
  }

  .career-content {
    padding-top: 19.2rem;
    padding-left: 6.66rem;
    padding-right: 6.66rem;
    overflow: hidden;
  }

  .row-50 {
    z-index: 1;
    grid-row-gap: 13.3333rem;
    position: relative;
  }

  .career-img {
    width: 105rem;
    min-width: 115rem;
    top: 90rem;
    right: -7.2rem;
  }

  .icon-embed-custom-29 {
    width: 37.8667rem;
    height: auto;
    bottom: 11.6rem;
  }

  .icon-embed-custom-30 {
    width: 10.2564rem;
    height: auto;
    top: 105.5rem;
    right: 10.4rem;
  }

  .icon-embed-custom-31 {
    width: 7.73333rem;
    height: auto;
    top: 96.7rem;
    right: 75.9rem;
  }

  .faq-container {
    border-top-left-radius: 10.6667rem;
    border-top-right-radius: 10.6667rem;
    padding-top: 19.2rem;
    padding-bottom: 19.2rem;
  }

  .icon-embed-custom-32 {
    display: none;
  }

  .hor-space__between {
    grid-column-gap: 10.6667rem;
    grid-row-gap: 10.6667rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .faq-dropdown {
    width: 100%;
  }

  .faq-dropdown__toggle {
    border-top-right-radius: 10.6667rem;
    border-bottom-right-radius: 10.6667rem;
    padding: 3.2rem 2.6rem 3.2rem 5.33rem;
  }

  .faq-dropdown__list {
    border-top-right-radius: 10.6667rem;
    margin-top: 1.33333rem;
  }

  .icon-embed-custom-33 {
    width: 14.4rem;
    min-width: 14.4rem;
    height: 14.4rem;
  }

  .icon-embed-custom-33.is--mob {
    display: none;
  }

  .icon-embed-custom-33.is--dessktop {
    display: block;
  }

  .footer {
    width: 100%;
    padding-bottom: 10.6667rem;
    overflow: hidden;
  }

  .footer-container {
    grid-row-gap: 10.6485rem;
  }

  .footer-top {
    flex-direction: column;
  }

  .footer-question {
    flex-direction: column;
    width: 100%;
  }

  .icon-embed-custom-34 {
    width: 17.6rem;
    height: auto;
    position: absolute;
    inset: 0% 0 auto auto;
  }

  .social-media__link {
    border-radius: 9.33333rem;
    width: 40.5333rem;
    height: 40.5333rem;
  }

  .icon-embed-custom-35 {
    width: 12.2667rem;
    height: auto;
  }

  .icon-embed-custom-36 {
    width: 23.4667rem;
    height: auto;
  }

  .icon-embed-custom-37 {
    width: 13.0667rem;
    height: auto;
  }

  .icon-embed-custom-38 {
    width: 10.1333rem;
    height: auto;
  }

  .icon-embed-custom-39 {
    width: 8.8rem;
    height: auto;
  }

  .icon-embed-custom-40 {
    width: 10.6667rem;
    height: auto;
  }

  .social-links__container {
    width: 100%;
    margin-top: 19.2rem;
  }

  .icon-embed-custom-41.pointer-events-off {
    width: 10.6667rem;
    height: 10.6667rem;
  }

  .move-top {
    border-radius: 13.3333rem;
    align-items: flex-start;
    height: 29.3333rem;
    padding: 2.13rem;
    position: absolute;
    inset: auto 6.66667rem 0% auto;
  }

  .footer-bot {
    grid-row-gap: 6.4rem;
    flex-direction: column;
    align-items: flex-start;
    width: 70%;
  }

  .icon-embed-custom-42 {
    width: 29.0667rem;
    height: auto;
  }

  .icon-embed-custom-42.coming {
    top: 5rem;
    left: 5rem;
  }

  .privacy-text {
    font-size: 3.2rem;
    line-height: 150%;
  }

  .sticky-86 {
    position: static;
  }

  .mobile-dev {
    z-index: 2000;
    background-color: var(--colors--color-dark-gray);
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .burger-open {
    color: var(--colors--color-white);
    width: 6.13333rem;
    height: auto;
  }

  .nav-burger {
    z-index: 200;
    display: block;
    position: relative;
  }

  .step-img__mob {
    object-fit: cover;
    border-top-right-radius: 10.6667rem;
    width: 86.6667rem;
    height: 67.2rem;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .step-img__mob._2 {
    height: 54.6667rem;
  }

  .step-img__mob._3 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 10.6667rem;
    height: 54.6667rem;
  }

  .step-img__mob._4 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 10.6667rem;
  }

  .about-slide__desc--bg {
    background-color: var(--colors--color-white);
    width: 100%;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .burger-lottie {
    width: 6.13333rem;
  }

  .h2-mob {
    font-size: 6rem;
  }

  .h1-mob {
    font-size: 10rem;
  }

  .career-img-mob {
    z-index: 1;
    width: 105rem;
    min-width: 105rem;
    display: block;
    position: relative;
    left: -5.4rem;
  }

  .navigation-container {
    grid-column-gap: 2.66667rem;
    align-self: flex-start;
    margin-left: 0;
    margin-right: 0;
  }

  .arrow-prev, .arrow-next {
    width: 9rem;
    height: 9rem;
  }

  .star-point {
    margin-top: 3rem;
  }

  .brainz-logo {
    width: 104rem;
    min-width: 104rem;
  }

  .brainz-logo__row {
    left: -7.4rem;
  }

  .smile-row {
    top: -5.3rem;
    right: 8.2rem;
  }

  .eyes-left {
    width: 1.3rem;
    height: 1.3rem;
    top: -.8rem;
    bottom: 2.136px;
    left: 1rem;
  }

  .eyes-right {
    width: 1.3rem;
    height: 1.3rem;
    top: -1.3rem;
    left: 3.1rem;
  }

  .smile {
    width: 4.26667rem;
    height: auto;
  }

  .blend-left, .blend-right {
    display: none;
  }

  .svg-mask {
    width: auto;
    left: 3.8rem;
  }

  .video-text {
    position: absolute;
    inset: auto auto -7.7rem 4rem;
  }

  .bracket-left {
    width: 6.66rem;
    height: 18.13rem;
    margin-right: 3.46667rem;
  }

  .bracket-right {
    width: 6.6rem;
    height: 18.13rem;
    margin-left: 1.86667rem;
  }

  .icon-embed-custom-45 {
    width: 26.6667rem;
    height: 13.3333rem;
  }

  .blend-mob {
    width: 100rem;
    display: block;
    position: absolute;
    inset: auto 0% 0%;
  }

  .width-40 {
    width: 80%;
  }

  .bg-career-img {
    width: 100%;
    display: block;
    position: absolute;
    inset: auto 0% -14.5rem;
  }

  .icon-embed-play {
    width: 5rem;
    height: 7rem;
  }

  .direction-dropdown {
    width: 85rem;
    display: block;
  }

  .dropdown-toggle {
    display: block;
  }

  .dropdown-list {
    color: var(--colors--color-white);
    background-color: #0000;
    padding-left: 0;
    position: relative;
    overflow: hidden;
  }

  .svg-close-icon {
    z-index: 3;
    position: absolute;
    inset: 2.5rem 3rem auto auto;
  }

  .text-light--xs {
    color: var(--colors--color-white);
    font-size: var(--font-size-xs);
    width: 100%;
    height: 100%;
    padding: 1.6rem 4.26667rem;
    font-weight: 300;
    line-height: 120%;
    display: block;
  }

  .link-wrap.is--active {
    background-color: var(--colors--color-text-grey);
  }

  .direction-toggle {
    border-radius: 26.6667rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 11.4667rem;
    padding: 0 4.26667rem;
    display: flex;
  }

  .dropdown-list__content {
    background-color: #414652;
    border-radius: 5rem;
    margin-top: 1.06667rem;
    overflow: hidden;
  }

  .resume-container {
    grid-row-gap: 10.6667rem;
    flex-direction: column;
    padding: 19.2rem 6.66rem 10.41rem;
    display: flex;
    overflow: hidden;
  }

  .row-238 {
    flex-direction: column;
  }

  .row-238.is--mob {
    grid-row-gap: 10.6667rem;
  }

  .grid-15.is--mob {
    grid-template-columns: 1fr;
  }

  .col-38.height-114 {
    height: 156px;
  }

  .padding-t-b-24 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .icon-resume {
    height: 34px;
  }

  .icon-resume.h51 {
    height: 8.45071rem;
  }

  .icon-resume.h47, .icon-resume.h39, .icon-resume.h35 {
    height: 7.04225rem;
  }

  .icon-resume.h25 {
    height: 4.92958rem;
  }

  .icon-resume.h45 {
    height: 9.15493rem;
  }

  .grid-card.border-t-l {
    border-top-left-radius: 7.04225rem;
  }

  .grid-card.border-b-r, .grid-card.bottom-r-40 {
    border-bottom-right-radius: 7.04225rem;
  }

  .grid-card.bottom-r-l-40 {
    border-bottom-right-radius: 7.04225rem;
    border-bottom-left-radius: 7.04225rem;
  }

  .grid-card.border-b-l {
    border-bottom-left-radius: 7.04225rem;
  }

  .grid-card.border-t-r {
    border-top-right-radius: 7.04225rem;
  }

  .grid-description.border-t-l {
    border-top-left-radius: 7.04225rem;
  }

  .grid-description.border-b-r {
    border-bottom-right-radius: 7.04225rem;
    border-bottom-left-radius: 7.04225px;
  }

  .grid-description.border-b-l {
    border-bottom-left-radius: 7.04225rem;
  }

  .grid-description.border-t-r {
    border-top-right-radius: 7.04225rem;
  }

  .grid-description.is-mob {
    inset: 0%;
  }

  .icon-arrow {
    z-index: 5;
    width: 7.04225rem;
    height: 7.04225rem;
  }

  .protech-container {
    padding: 19.2rem 0;
    display: flex;
  }

  .row-227 {
    grid-row-gap: 10.6667rem;
    flex-direction: column;
  }

  .width-522, .width-410 {
    width: 100%;
  }

  .col-40 {
    grid-row-gap: 10.6667rem;
  }

  .protech-img {
    display: none;
  }

  .protech-img.is--mob {
    width: 100%;
    display: block;
    top: -4%;
    left: 0%;
    right: 0%;
  }

  .icon-1 {
    width: 21.8667rem;
    height: 18.6667rem;
    inset: 0% 0% auto auto;
  }

  .icon-2 {
    display: none;
  }

  .popup-size {
    width: 50rem;
    height: auto;
  }

  .popup-close {
    width: 3rem;
    height: 3rem;
  }

  .cookie__button {
    width: 100%;
    padding: 4.26667rem;
    font-size: 3.73333rem;
  }

  .cookie__button.btn-8--16.light-green__gradient {
    display: flex;
  }

  .button__icon, .button__icon.button__icon--mini {
    width: 10.6667rem;
    height: 10.6667rem;
  }

  .cookie__text {
    color: #020205;
    font-size: 3.73333rem;
  }

  .cookie__content {
    grid-column-gap: 4.26667rem;
    grid-row-gap: 4.26667rem;
    background-color: #f1f7fa;
    border-radius: 6.66667rem;
    flex-flow: column;
    padding: 4.26667rem;
  }

  .cookie {
    width: 80rem;
    display: flex;
  }
}

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

  .header.is--mob {
    background-color: var(--colors--color-dark-gray);
    position: fixed;
    left: 0;
    right: 0;
  }

  .text-light--l.resume-btn-txt {
    font-size: 4rem;
  }

  .padding-24 {
    padding-left: 5.33333rem;
    padding-right: 5.33333rem;
  }

  .section.s-direction-mob {
    background-color: var(--colors--color-dark-gray);
    border-radius: 10.6667rem;
  }

  .icon-flex.is--mob {
    color: var(--colors--color-text-green);
  }

  .nav-links__row {
    align-items: flex-start;
    display: none;
  }

  .nav-links__row.is--mob {
    display: none;
  }

  .nav-link.is--mob {
    border-radius: var(--borders--radius-60);
    background-color: var(--colors--color-text-green);
    color: var(--colors--color-dark-gray);
    width: auto;
    height: 9rem;
    margin-bottom: 3.2rem;
    padding: 1.46667rem 4rem;
  }

  .img-590 {
    width: 100rem;
  }

  .swiper-slide.resume-slide {
    margin-right: 5.33rem;
  }

  .swiper-slide.resume-slide.last-slide {
    margin-right: 12rem;
  }

  .step-image.pointer-events-off {
    display: none;
  }

  .m-r__260 {
    margin-left: auto;
  }

  .checklist-bg.pointer-events-off {
    width: 80rem;
    top: 7.3rem;
    left: -8rem;
  }

  .icon-embed-custom-16 {
    width: 38rem;
  }

  .brainz-model.pointer-events-off {
    display: none;
  }

  .brainz-logo__images {
    margin-top: 40rem;
  }

  .about-slider__slide {
    height: 121.333rem;
    max-height: 121.333rem;
  }

  .career-bg.mob {
    height: 182.933rem;
    display: block;
  }

  .row-50.is--mob {
    grid-row-gap: 97.6rem;
  }

  .career-img {
    display: block;
    top: 57.9rem;
    right: -3.9rem;
  }

  .icon-embed-custom-29 {
    bottom: 46.5rem;
  }

  .icon-embed-custom-30 {
    top: 74.4rem;
    right: 13.3rem;
  }

  .icon-embed-custom-31 {
    inset: -16% auto 0% 9%;
  }

  .icon-embed-custom-34 {
    padding-top: 5px;
  }

  .social-media__link.place__header-mob-menu {
    width: 26.6667rem;
    height: 26.6667rem;
  }

  .social-links__container.is--hidden.is--mob {
    grid-column-gap: var(--gaps--gap-40);
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 10rem;
    display: flex;
  }

  .step-img__mob, .step-img__mob._2, .step-img__mob._3 {
    height: 100%;
  }

  .step-img__mob._4 {
    border-bottom-left-radius: 10.6667rem;
    width: 100%;
    height: 100%;
  }

  .brainz-model-mob {
    height: 150rem;
    display: block;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .career-img-mob {
    z-index: 1;
    display: inline-block;
    position: absolute;
    inset: auto 0% 28%;
  }

  .svg-mask {
    width: 85rem;
  }

  .icon-logo {
    color: var(--colors--color-white);
  }

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

  .icon-embed-play {
    width: 5rem;
    height: 8rem;
  }

  .direction-dropdown {
    width: 86rem;
  }

  .dropdown-toggle {
    width: auto;
  }

  .dropdown-list {
    border-radius: 4.8rem;
    display: block;
  }

  .svg-close-icon {
    display: none;
  }

  .text-light--xs {
    line-height: 121%;
  }

  .link-wrap {
    justify-content: space-between;
    padding: 1rem 0;
    display: block;
  }

  .link-wrap.first-link {
    align-items: center;
    display: flex;
  }

  .link-wrap.first-link.is--active {
    background-color: #39c801;
    border-radius: 26.6667rem;
    padding-left: 4rem;
  }

  .resume-container {
    height: 183.467rem;
  }

  .col-38.height-114 {
    height: 40rem;
  }

  .icon-resume {
    height: 9.06667rem;
  }

  .icon-resume.h51, .icon-resume.h47, .icon-resume.h39, .icon-resume.h35 {
    height: 9rem;
  }

  .grid-card.border-t-l {
    border-top-left-radius: 10.6667rem;
  }

  .grid-card.border-b-r, .grid-card.bottom-r-40 {
    border-bottom-right-radius: 10.6667rem;
  }

  .grid-card.bottom-r-l-40 {
    border-bottom-right-radius: 10.6667rem;
    border-bottom-left-radius: 10.6667rem;
  }

  .grid-card.border-b-l {
    border-bottom-left-radius: 10.6667rem;
  }

  .grid-card.border-t-r {
    border-top-right-radius: 10.6667rem;
  }

  .grid-description.border-t-l {
    border-top-left-radius: 10.6667rem;
  }

  .grid-description.border-b-r {
    border-bottom-right-radius: 10.6667rem;
    border-bottom-left-radius: 10.6667px;
  }

  .grid-description.border-b-l {
    border-bottom-left-radius: 10.6667rem;
  }

  .grid-description.border-t-r {
    border-top-right-radius: 10.6667rem;
  }

  .grid-description.is-mob.border-t-l {
    border-top-left-radius: 10.6667rem;
  }

  .icon-arrow {
    width: 9rem;
    height: 9rem;
  }

  .protech-img.is--mob {
    top: 5%;
  }

  .icon-1 {
    top: -27%;
  }
}

#w-node-_129cf275-2033-a8d8-2058-eddf4360700c-4b7442ef, #w-node-_129cf275-2033-a8d8-2058-eddf4360700e-4b7442ef, #w-node-_129cf275-2033-a8d8-2058-eddf43607010-4b7442ef, #w-node-_129cf275-2033-a8d8-2058-eddf43607012-4b7442ef, #w-node-_129cf275-2033-a8d8-2058-eddf43607014-4b7442ef, #w-node-_129cf275-2033-a8d8-2058-eddf43607016-4b7442ef, #w-node-_880040cb-980b-acc1-a44b-50c69f539406-4b7442ef, #w-node-_7fc93a50-fa6d-20e3-fc67-a5d6003eccd6-4b7442ef, #w-node-c0d3d312-e895-eff1-45cc-94c2d9bb502c-4b7442ef, #w-node-c9607d74-a876-9110-2e09-fdb7863d1207-4b7442ef, #w-node-_64f74de5-298f-1b51-1c5f-c9e6fa01514e-4b7442ef, #w-node-_14988489-8f70-625b-c8dc-ec521003be41-4b7442ef, #w-node-b07570fb-33ee-9407-b5bf-d0827185e8f8-4b7442ef, #w-node-c70b7327-6a7a-323f-ba3a-9082890db459-4b7442ef, #w-node-_3c6e499f-ae51-7705-f8ed-eeaf895ca84e-4b7442ef, #w-node-_7ac6de6f-3bd5-b809-b106-6dd17e495823-4b7442ef, #w-node-c0d01e34-2cfd-69e5-7195-0641ce619dc4-4b7442ef, #w-node-b4a29c00-0dc0-4a8d-6902-5b18394ffc09-4b7442ef, #w-node-_57d9dd46-0487-36c1-17e1-c0a5a08d38bc-4b7442ef, #w-node-e1ee3527-03ac-951e-a4b8-e155acc93243-4b7442ef, #w-node-_140d04d9-0c23-f5fa-818d-7afc662d30c4-4b7442ef, #w-node-_1cc03c8b-8838-020a-57b4-70c8768824fc-4b7442ef, #w-node-_52fd4f36-4cf9-7878-70f0-58e91c1106dc-4b7442ef, #w-node-_9a53dd08-c17a-cb9c-5276-27eda232b2f8-4b7442ef, #w-node-d75febd9-640d-41b0-c32f-009c9d593ec2-4b7442ef, #w-node-_75085978-89e9-62d7-0b6e-a863d966d203-4b7442ef, #w-node-_2f000e35-a4d5-d1ba-8762-ff2108ee2125-e5a11aa7, #w-node-_2f000e35-a4d5-d1ba-8762-ff2108ee2127-e5a11aa7, #w-node-_2f000e35-a4d5-d1ba-8762-ff2108ee2129-e5a11aa7, #w-node-_2f000e35-a4d5-d1ba-8762-ff2108ee212b-e5a11aa7, #w-node-_2f000e35-a4d5-d1ba-8762-ff2108ee212d-e5a11aa7, #w-node-_2f000e35-a4d5-d1ba-8762-ff2108ee212f-e5a11aa7, #w-node-_13fe1557-90d0-adf6-3e7b-2cbdcc281aff-4b7442f0, #w-node-_13fe1557-90d0-adf6-3e7b-2cbdcc281b14-4b7442f0, #w-node-_13fe1557-90d0-adf6-3e7b-2cbdcc281b29-4b7442f0, #w-node-_13fe1557-90d0-adf6-3e7b-2cbdcc281b3e-4b7442f0, #w-node-_13fe1557-90d0-adf6-3e7b-2cbdcc281b53-4b7442f0, #w-node-_13fe1557-90d0-adf6-3e7b-2cbdcc281b68-4b7442f0, #w-node-_13fe1557-90d0-adf6-3e7b-2cbdcc281b7d-4b7442f0, #w-node-_13fe1557-90d0-adf6-3e7b-2cbdcc281b92-4b7442f0, #w-node-_13fe1557-90d0-adf6-3e7b-2cbdcc281ba7-4b7442f0, #w-node-fc7cc0e5-206d-8f8b-0d73-2fc44c04ece7-4b7442f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-c70b7327-6a7a-323f-ba3a-9082890db459-4b7442ef, #w-node-e1ee3527-03ac-951e-a4b8-e155acc93243-4b7442ef {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Croc W';
  src: url('../fonts/Croc-Regular__W.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Croc W';
  src: url('../fonts/Croc-Light__W.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Croc W';
  src: url('../fonts/Croc-Bold__W.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}