:root {
  --nutral--100: black;
  --green: #00ffbd;
  --neutral--05: #f8f8f8;
  --neutral--80: #292929;
  --paragraph-small: 1.2vw;
  --paragraph-small-tablet: 12px;
  --nutral--70: #585858;
  --neutral--50: #888;
  --neutral--02: #f6f6f6;
  --neutral--20: #e4e4e4;
  --box-padding-sm: 1.5vw;
  --box-padding: 3vw;
  --section-padding-horizontal: 8vh;
  --section-padding: 4vw;
  --section-padding-horizontal-tablet: 6vh;
  --section-padding-tablet: 6vw;
  --purple: #bf92ff;
  --paragraph-tablet: 14px;
  --neutral--10: #ededed;
  --orange: #ff8c55;
  --blue: #01b4f5;
  --red: #f77272;
  --pink: #f989b1;
  --yellow: #fcf474;
  --neutral--10-11: #ededed;
  --neutral--30: #b8b8b8;
  --neutral--40: #a0a0a0;
  --neutral--60: #707070;
  --purple-bold: #7c33ff;
  --heading-1: 4vw;
  --heading-1-tablet: 40px;
  --border-sm: 1px;
  --paragraph: 1.4vw;
  --avatar-small: 4vw;
  --heading-4: 1.5vw;
  --tan: #fef0e6;
  --green-secondry: #00f5b5;
  --untitled-ui-white: white;
  --paragraph-xs: 1.1vw;
  --heading-2: 2.65vw;
  --heading-2-tablet: 32px;
  --box-padding-horizontal: 4vh;
  --paragraph-line-height: 1.7em;
  --untitled-ui-gray900: #101828;
  --untitled-ui-primary700: #6941c6;
  --untitled-ui-primary600: #7f56d9;
  --untitled-ui-gray600: #475467;
  --border-radius-sm: 4px;
  --red-darker: #9b2e2e;
  --untitled-ui-gray500: #667085;
  --untitled-ui-gray50-501: #f9fafb;
  --untitled-ui-gray200: #eaecf0;
  --untitled-ui-warning300: #fec84b;
  --untitled-ui-primary50: #f9f5ff;
  --untitled-ui-gray100: #f2f4f7;
  --untitled-ui-gray700: #344054;
  --untitled-ui-primary100: #f4ebff;
  --heading-3: 2vw;
  --untitled-ui-gray300: #d0d5dd;
  --untitled-ui-gray400: #98a2b3;
  --untitled-ui-primary300: #d6bbfb;
  --untitled-ui-success50: #ecfdf3;
  --untitled-ui-success700: #027a48;
  --untitled-ui-gray800: #1d2939;
  --untitled-ui-primary800: #53389e;
  --heading-3-tablet: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

body {
  direction: rtl;
  color: var(--nutral--100);
  flex-direction: column;
  font-family: Modamvf, sans-serif;
  font-size: 0;
  line-height: 1.5;
  display: flex;
}

h1 {
  color: var(--nutral--100);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
}

a {
  color: #000;
  padding-left: 0;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.25rem;
}

li {
  justify-content: space-between;
  margin-bottom: .25rem;
  display: flex;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.form-message-success {
  background-color: var(--green);
  border: 2px solid #000;
  padding: 1.25rem;
}

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

.is-text-color-black {
  color: var(--nutral--100);
}

.fs-styleguide_row {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
}

.fs-styleguide_row.is-for-social-icons {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

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

.text-weight-semibold {
  font-weight: 600;
}

.text-weight-light {
  font-weight: 300;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.show {
  display: block;
}

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

.overflow-hidden {
  overflow: hidden;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.icon-1x1-small {
  width: 2.4rem;
  height: 2.4rem;
}

.button {
  background-color: var(--nutral--100);
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  justify-content: center;
  align-items: center;
  padding: 12px 18px 14px;
  font-size: 1.6vw;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.button:hover {
  background-color: var(--neutral--80);
}

.button.is-form-submit {
  width: 100%;
  margin-top: 1.5rem;
}

.button.button-secondary {
  color: var(--neutral--80);
  background-color: #f8f8f8;
  padding-top: 1.25vh;
  padding-bottom: 1.25vh;
  font-weight: 700;
}

.button.button-secondary:hover {
  color: #fff;
  background-color: #111;
}

.button.button-secondary.is-telegram {
  color: #08c;
  border-color: #08c;
}

.button.button-secondary.is-telegram:hover {
  background-color: #f4fbff;
  border-color: #0086c9;
}

.button.is-medium {
  border: 1px solid #000;
  min-height: 4rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 18px;
}

.button.is-small {
  padding: .8vh .95vw;
  font-size: 1.2vw;
}

.button.is-small.button-secondary.show-mobile-portrait {
  display: none;
}

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

.button.is-ghost {
  color: var(--nutral--100);
  background-color: #0000;
}

.button.is-green {
  background-color: var(--green);
  color: #000;
  border: 1px solid #000;
}

.button.is-large {
  border-radius: 0;
  padding: 14px 20px 15px;
  font-size: 18px;
}

.button.is-xlarge {
  letter-spacing: 0;
  padding-top: 1.65vh;
  padding-bottom: 1.85vh;
  font-size: 1.8vw;
}

.heading-medium {
  color: var(--nutral--100);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.heading-large {
  color: var(--nutral--100);
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.2;
}

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

.text-size-large {
  font-size: 2rem;
}

.icon-medium {
  height: 3rem;
}

.text-size-small {
  font-size: 1.125rem;
}

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

.fs-styleguide_section {
  grid-column-gap: 4rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

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

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

.icon-small {
  height: 2rem;
}

.show-mobile-portrait {
  display: none;
}

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

.background-color-grey {
  background-color: #a8c1d833;
}

.hide {
  display: none;
}

.fs-styleguide_section-type {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #000;
  padding: 1.25rem;
  font-size: 1rem;
  font-weight: 600;
}

.text-size-medium {
  font-size: 1.35rem;
}

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

.form {
  flex-direction: column;
  display: flex;
}

.text-weight-xbold {
  font-weight: 800;
}

.text-style-link {
  color: var(--nutral--100);
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.form-wrapper {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  margin-bottom: 0;
  display: flex;
}

.text-style-muted {
  opacity: .6;
}

.text-size-xsmall {
  font-size: .875rem;
  font-weight: 500;
}

.text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h5 {
  margin-top: 1.25rem;
  margin-bottom: .75rem;
}

.text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: .5rem;
}

.text-rich-text p {
  margin-bottom: .75rem;
  font-size: 1.25rem;
  line-height: 1.7;
}

.text-rich-text blockquote, .text-rich-text ul {
  margin-bottom: .75rem;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.icon-large {
  height: 4rem;
}

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

.form-radio {
  flex-direction: row;
  align-items: center;
  height: 100%;
  margin-bottom: .5rem;
  display: flex;
}

.heading-xlarge {
  color: var(--nutral--100);
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.1;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.form-input {
  letter-spacing: 1px;
  background-color: #0000;
  border: 1px #000;
  height: 100%;
  margin-bottom: 0;
  padding: .5rem 1rem .5rem 1.5rem;
  font-size: 1rem;
}

.form-input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.form-label {
  letter-spacing: 1px;
  text-transform: uppercase;
  align-items: center;
  margin-bottom: 0;
  font-size: .75rem;
  display: flex;
  position: absolute;
  inset: 0% 1.5rem 0% auto;
}

.page-wrapper {
  flex-direction: column;
  display: flex;
}

.text-size-tiny {
  font-size: var(--paragraph-small);
  letter-spacing: 2px;
}

.icon-1x1-medium {
  width: 3rem;
  height: 3rem;
}

.form-checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form-checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form-checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

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

.container-large.horizontal {
  align-items: center;
  display: flex;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 60rem;
}

.background-color-black {
  color: #f5f5f5;
  background-color: #000;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.fs-styleguide_classes {
  display: none;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.fs-styleguide_1-col {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs-styleguide_1-col.gap-medium {
  grid-row-gap: 2.5rem;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.page-padding {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.fs-styleguide_2-col {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: start;
  display: grid;
}

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

.show-tablet {
  display: none;
}

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

.is-text-color-grey {
  color: var(--nutral--70);
}

.form-radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form-radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form-radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.show-mobile-landscape {
  display: none;
}

.background-color-white {
  background-color: #fff;
}

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

.form-field-wrapper {
  border: 2px solid var(--nutral--100);
  background-color: var(--neutral--05);
  height: 5.625rem;
  display: flex;
  position: relative;
}

.icon-1x1-large {
  width: 3.5rem;
  height: 3.5rem;
}

.form-checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.form-message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.utility_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility_form-block {
  text-align: center;
  flex-direction: column;
  max-width: 20rem;
  display: flex;
}

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

.utility_image {
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
}

.main-wrapper {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

.main-wrapper.wf {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.main-wrapper.normal {
  width: 100%;
  padding-top: 0;
}

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

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

.button-secondary {
  border: 1px dashed var(--neutral--50);
  background-color: var(--neutral--02);
  color: var(--nutral--70);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.button-text {
  color: #386eec;
  text-align: center;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-weight: 600;
}

.margin-tiny {
  margin: .125rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.margin-xsmall {
  margin: .5rem;
}

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-xhuge {
  margin: 8rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

.padding-tiny {
  padding: .125rem;
}

.padding-xxsmall {
  padding: .25rem;
}

.padding-xsmall {
  padding: .5rem;
}

.padding-small {
  padding: 1rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-large {
  padding: 3rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xhuge {
  padding: 8rem;
}

.padding-xxhuge {
  padding: 12rem;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

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

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

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

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.fs-styleguide_background-spacer {
  height: 5rem;
}

.text-style-nowrap {
  white-space: nowrap;
}

.heading-small {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.heading-xsmall {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.5;
}

.text-weight-medium {
  font-weight: 600;
}

.fs-styleguide_version-details {
  z-index: 5;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}

.fs-styleguide_page-header {
  border-bottom: 2px solid #e6e6e6;
  margin-bottom: 2rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.nav_component {
  z-index: 1999;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  flex-wrap: nowrap;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.footer_component {
  color: var(--nutral--100);
  background-color: #fff;
  flex-direction: column;
  margin-top: auto;
  display: flex;
}

.nav_main-navigation {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.nav_main-navigation.border-full {
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  border-style: none;
  border-width: 0;
  flex: 1;
  align-items: center;
  display: block;
}

.nav_main-menu-logotype {
  color: var(--nutral--100);
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1rem;
  display: flex;
}

.border-full {
  border: .125rem solid var(--nutral--100);
}

.nav_logo-wrap {
  background-color: var(--neutral--05);
  color: var(--nutral--100);
  border-left: 1px dashed #000;
  width: 6.5vw;
  height: 6.5vw;
}

.link-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.nav_top-bar {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  height: 55px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.nav_main-menu {
  background-color: #0000;
  flex: 1;
  align-items: center;
  display: flex;
}

.nav_logo-mobile {
  width: 3.4rem;
}

.nav_main-menu-wrap {
  border-bottom: 2px solid #000;
  justify-content: space-between;
  align-items: center;
  height: 5.625rem;
  display: flex;
}

.nav-menu {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  justify-content: flex-end;
  padding-right: 0;
  display: flex;
}

.nav_logo-mobile-wrap {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.border-left {
  border-left: 2px solid var(--nutral--100);
}

.button_double {
  background-color: var(--neutral--02);
  color: var(--nutral--100);
  text-transform: uppercase;
  border: 2px solid #000;
  border-radius: 16px;
  align-items: center;
  height: 56px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.button_double:hover {
  background-color: var(--neutral--20);
  filter: saturate(200%);
}

.button_double.is-apply {
  background-color: var(--neutral--05);
  border-right: 2px solid #000;
  width: 20vw;
  transition: all .2s;
}

.button_double.is-small {
  height: 3rem;
  font-size: 15px;
}

.double-text {
  text-align: center;
  flex: 1;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.double-text.is-small {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.double-icon {
  border-right: 2px solid #000;
  justify-content: center;
  align-items: center;
  width: 4.2rem;
  height: 100%;
  display: flex;
}

.double-icon.is-small {
  width: 2rem;
}

.nav_logo-desktop {
  width: 42px;
}

.nav_logo-desktop.in-footer {
  width: 38px;
}

.nav_top-bar_wrap-left {
  padding-right: var(--box-padding-sm);
  letter-spacing: -.04em;
  text-transform: uppercase;
  padding-left: .5vw;
  font-size: 1.4vw;
  font-weight: 700;
  text-decoration: none;
}

.nav_logo-wrap-mobile {
  background-color: var(--neutral--05);
  display: none;
}

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

.footer_bottom-box {
  border-left: 1px dashed #000;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 5.625rem;
  display: flex;
}

.footer_bottom-box.is-footer-bottom-box-last {
  border-left-style: none;
}

.footer_bottom-nav {
  border-top: 1px dashed var(--nutral--100);
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.footer_bottom-nav-box {
  flex: 1;
  align-items: center;
  height: 3.375rem;
  font-size: .6875rem;
  display: flex;
}

.footer_bottom-nav-box.text-align-center {
  justify-content: center;
}

.footer_bottom-nav-box.text-align-right {
  justify-content: flex-end;
}

.bootcamp_header-component {
  border-bottom: 2px solid var(--nutral--100);
  background-color: #fff;
  min-height: 73vh;
  display: flex;
}

.bootcamp_header-component.wb-header {
  background-color: var(--nutral--100);
  justify-content: flex-end;
  min-height: 100vh;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}

.bootcamp_header-info-wrap {
  padding: var(--section-padding-horizontal) var(--section-padding);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  background-color: #fff;
  background-image: none;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60vh;
  display: flex;
  position: relative;
}

.bootcamp_header-info-wrap.is-medium {
  min-height: 52vh;
}

.bootcamp_header-info-bottom {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bootcamp_header-info-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.bootcamp_modules-box {
  border: 2px solid #000;
  flex-direction: column;
  display: flex;
}

.bootcamp_modules-iconbox {
  justify-content: center;
  align-items: center;
  width: 3rem;
  padding-top: 4px;
  font-size: 1.5vw;
  font-weight: 700;
  display: flex;
}

.bootcamp_modules-titlebox {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 0;
  font-size: 1.65vw;
  font-weight: 600;
  display: flex;
}

.bootcamp_modules-subtitlebox {
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  height: 2.2rem;
  font-size: .85rem;
  font-weight: 500;
  display: none;
}

.bootcamp_modules-header {
  background-color: #fff;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.bootcamp_modules-header:active {
  background-color: #fff;
}

.bootcamp_modules-body {
  border-top: 2px solid var(--nutral--100);
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.32rem;
  padding-bottom: 1rem;
  line-height: 1.4;
  display: flex;
}

.bootcamp_modules-header-texts {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.badge {
  background-color: var(--nutral--100);
  color: #fff;
  font-size: var(--paragraph-small);
  text-transform: uppercase;
  padding: .3rem .5rem .4rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  display: inline-block;
}

.badge.is-small {
  border: 1.6px solid #000;
  padding: .1rem .4rem .2rem;
  font-size: .8rem;
}

.badge.is-small.is-premium {
  background-color: var(--green);
  color: var(--nutral--100);
}

.badge.is-farsi.is-margin-bottom {
  margin-bottom: 1rem;
}

.badge.is-premium {
  background-color: var(--purple);
  color: #000;
}

.badge.is-grey {
  border: 1px solid var(--neutral--20);
  color: var(--nutral--100);
  letter-spacing: -.04em;
  background-color: #fff;
}

.badge.is-blank {
  color: var(--nutral--100);
  background-color: #0000;
}

.badge.is-blank.is-farsi {
  align-items: center;
  display: flex;
}

.badge.box {
  color: var(--neutral--10);
}

.badge.box.colored {
  background-image: linear-gradient(233deg, #ff7448, #fc484c 0%, #6248ff);
}

.bootcamp_header-title {
  color: var(--nutral--100);
  text-align: right;
  letter-spacing: -.04em;
  max-width: 41vw;
  font-size: 4.45vw;
  font-weight: 700;
  line-height: 1.5;
}

.bootcamp_header-span.is-num {
  margin-bottom: -5px;
}

.bootcamp_header-infinite {
  background-color: #fff;
  border-bottom: 1px dashed #000;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  min-height: 7.5vh;
  display: flex;
  overflow: hidden;
}

.header-icon-box {
  white-space: nowrap;
  align-items: center;
  font-size: 1.3vw;
  font-weight: 600;
  display: flex;
}

.bootcamp_header-info-middle {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.bootcamp_header-info-middle.wf {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.bootcamp_modules-icon {
  width: 1.8rem;
  height: 1.8rem;
  display: none;
}

.bootcamp_statistics {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  display: grid;
}

.bootcamp_statistics-box {
  border-style: none none solid solid;
  border-width: 2px;
  border-color: black var(--nutral--100) var(--nutral--100);
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  height: 10rem;
  display: flex;
}

.bootcamp_statistics-bottom {
  border-top: 2px solid var(--nutral--100);
  background-color: var(--neutral--05);
  justify-content: center;
  align-items: center;
  height: 3rem;
  font-size: 1.125rem;
  font-weight: 700;
  display: flex;
}

.bootcamp_statistics-bottom.is-color-light-green {
  text-align: center;
}

.bootcamp_statistics-header {
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 2.5rem;
  font-weight: 500;
  display: flex;
}

.icon-1x1-xsmall {
  width: 1.85vw;
  height: 1.85vw;
}

.is-color-light-blue {
  background-color: #00bdfc0d;
}

.is-color-light-purple {
  background-color: #891bff0d;
}

.is-color-light-green {
  background-color: #00b9860d;
}

.is-color-light-yellow {
  background-color: #fecd270d;
}

.is-color-light-orange {
  background-color: #f758530d;
}

.is-color-main-orange {
  background-color: var(--orange);
}

.is-color-main-purple {
  background-color: var(--purple);
}

.is-color-main-blue {
  background-color: var(--blue);
}

.is-color-main-red {
  background-color: var(--red);
}

.is-color-main-pink {
  background-color: var(--pink);
}

.is-color-main-green {
  background-color: var(--green);
}

.is-color-main-yellow {
  background-color: var(--yellow);
}

.reviews_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-top: 2px none var(--nutral--100);
  border-left: 2px none var(--nutral--100);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: flex;
}

.reviews_item {
  background-color: #fff;
  border: 1px solid #000;
  flex-direction: column-reverse;
  justify-content: flex-end;
  padding: 1.5rem 2rem;
  transition: all .2s;
  display: flex;
  box-shadow: 1px 2px #000;
}

.reviews_item:hover {
  opacity: 1;
  box-shadow: 4px 4px #000;
}

.reviews-item-bottom {
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.reviews-item-avatar {
  border-radius: 100px;
  width: 3.5rem;
  height: 3.5rem;
  margin-left: 12px;
}

.reviews-item-author {
  letter-spacing: -.04em;
  font-size: 1.125rem;
  font-weight: 600;
}

.review-item-body {
  color: var(--nutral--100);
  letter-spacing: -.04em;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}

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

.is-color-neutral-10 {
  background-color: var(--neutral--10-11);
}

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

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

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

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

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

.is-color-neutral-70 {
  background-color: var(--nutral--70);
}

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

.tuition-info-body {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--nutral--70);
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: .5rem;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
}

.button_double-alt-icon {
  width: 2rem;
  height: 2rem;
}

.button_double-alt-icon.is-small {
  width: 1.5rem;
  height: 1.5rem;
}

.button_double-alt-icon.is-small.is-rotated-45 {
  transform: rotate(-45deg);
}

.button_double-alt-icon.is-rotated-45 {
  transform: rotate(45deg);
}

.footer_top {
  display: flex;
}

.footer_top-main {
  flex: 1;
  display: flex;
}

.footer_top-side {
  background-color: var(--neutral--05);
  width: 33.2433%;
  display: flex;
  position: relative;
}

.logos_component {
  width: 100%;
}

.logos_grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 2px solid var(--nutral--100);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logos_grid.is-reset-padding {
  border-top-style: solid;
  border-right: 2px solid #000;
  flex-wrap: wrap;
  margin-left: -2px;
  display: flex;
}

.logos_itembox {
  border-bottom: 2px solid var(--nutral--100);
  border-left: 2px solid #000;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 16vw;
  display: flex;
}

.icon-1x1-xlarge {
  width: auto;
  height: 4rem;
}

.icon-1x1-xlarge.wf {
  height: 5rem;
}

.countdown_component {
  direction: ltr;
  text-transform: uppercase;
  align-items: center;
  margin-top: -2px;
  display: flex;
}

.countdown_time-wrap {
  margin-right: 6px;
  font-size: 1.125rem;
  font-weight: 700;
  display: flex;
}

.footer-cta {
  color: #fff;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 7.25rem;
  height: 7.25rem;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 2rem auto auto 2rem;
}

.footer-cta:hover {
  transform: rotate(35deg);
}

.sidemenu-icon {
  opacity: 1;
  width: 70%;
  max-width: 2.4rem;
}

.link-block-more {
  color: var(--purple-bold);
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
}

.header_hero-heading {
  grid-row-gap: 2vh;
  text-align: center;
  letter-spacing: -.04em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-bottom: 6vh;
  font-size: 1.2rem;
  line-height: 1.7;
  display: flex;
}

.header_hero-heading.no-padding {
  letter-spacing: -.04em;
  padding-bottom: 0;
}

.header_hero-heading.right {
  grid-column-gap: .9rem;
  grid-row-gap: .9rem;
  text-align: right;
  letter-spacing: -.02em;
  align-items: flex-start;
  width: auto;
}

.header_hero-heading.right.nopadding-bo {
  padding-bottom: 0;
}

.header_hero-heading.top-padding {
  padding-top: var(--section-padding-horizontal-tablet);
}

.header_hero-title {
  font-size: var(--heading-1);
  letter-spacing: -.02em;
  width: 100%;
  font-weight: 700;
}

.header_hero-title.large {
  font-size: 5vw;
}

.header_hero-title.widthself {
  flex: none;
  width: auto;
}

.bootcamp_header-info-top-left {
  align-items: center;
  margin-right: 8px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.footer_links {
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  flex-direction: column;
  flex: 1;
  padding: 3.5rem;
  display: flex;
}

.footer_links.is-last-child {
  border-left-style: none;
}

.footer_links-header {
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: 1rem;
}

.footer_links-item {
  color: var(--nutral--100);
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-weight: 500;
  text-decoration: none;
}

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

.is-color-main-lavender {
  background-color: #ffbcf9;
}

.countdown-in-tuition {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sidemenu-wrap {
  border-right: 2px solid #000;
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 9.125rem;
  display: none;
}

.header-icon-wrapper {
  border: 1px solid var(--nutral--100);
  justify-content: center;
  align-items: center;
  margin-left: 1vw;
  padding: .5vw;
  display: flex;
}

.header-icon-wrapper.text {
  padding-top: 8px;
  padding-bottom: 4px;
}

.bootcamp_header-infinite-wrap {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-direction: row;
  display: flex;
}

.bootcamp_modules-list {
  direction: rtl;
  width: 100%;
  padding-right: 0;
  font-size: 1rem;
  font-weight: 500;
}

.bootcamp_modules-list-number {
  color: var(--neutral--50);
  justify-content: center;
  margin-left: .875rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.bootcamp_modules-list-lesson {
  flex: 1;
}

.bootcamp_modules-list-duration {
  text-align: left;
  width: 4.8rem;
  font-size: .875rem;
  display: none;
}

.list-item {
  align-items: center;
  padding-bottom: .65rem;
}

.about-instructor {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.instructor_avatar {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 28%;
  font-size: 1.5rem;
  font-weight: 600;
  display: flex;
}

.instructor_avatar-img {
  width: 100%;
}

.instructor_text {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-right: 4rem;
  font-size: 1.125rem;
  line-height: 1.7;
  display: flex;
}

.sticky-sidebar {
  background-color: #fff;
  border-left: 1px solid #000;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  width: 420px;
  height: 100vh;
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: sticky;
  top: 0;
  overflow: auto;
}

.main-details {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.bootcamp_body {
  flex-direction: row;
  display: flex;
}

.footer-cta-text {
  color: #fff;
}

.instructor_name-text {
  justify-content: center;
  align-items: center;
  font-size: 1.875rem;
  font-weight: 700;
}

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

.guests_profile {
  border: 2px solid #000;
  flex-direction: column;
  display: flex;
}

.guest_profile-subject {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  align-items: center;
  min-height: 3.5rem;
  padding-right: 2rem;
  display: none;
}

.guest_profile-main {
  flex: 1;
  display: flex;
}

.guest_profile-image {
  border-left: 2px solid #000;
  flex: none;
  justify-content: center;
  width: 9rem;
  display: flex;
}

.guest_profile-heading {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 2.5rem 2rem;
  display: flex;
}

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

.guest_subtitle {
  color: var(--nutral--70);
  font-size: 1.125rem;
  font-weight: 400;
}

.guest_title {
  margin-bottom: .5rem;
  font-size: 1.5rem;
}

.review_write {
  background-color: var(--neutral--02);
  border-bottom: 2px solid #000;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 3.5rem;
  display: flex;
}

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

.section {
  padding: var(--section-padding-horizontal) var(--section-padding);
  border-bottom: var(--border-sm) dashed black;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.section.is-grey {
  background-color: var(--neutral--02);
}

.section.no-underline {
  background-color: var(--neutral--02);
  border-bottom-style: none;
  padding-bottom: 0;
}

.section.is-green {
  color: var(--nutral--100);
  background-color: #cafcc6;
}

.section.is-black {
  background-color: var(--nutral--100);
  color: #fff;
}

.section.is-black.padding-bottom-0 {
  border-bottom-style: none;
}

.section.large-padding {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.section.border-bottom {
  border-bottom: 1px dashed var(--nutral--100);
}

.section.testimonial {
  background-color: #d3f1f3;
}

.section.padding-bottom-0 {
  padding-bottom: 1rem;
}

.section.is-roadmap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.bootcamp_header-webflow {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  display: flex;
  position: relative;
}

.hero-image-wf {
  object-fit: cover;
  object-position: 100% 0%;
  width: 100%;
  max-width: none;
  height: 90%;
  position: absolute;
  top: auto;
  bottom: 0%;
}

.hero-image-wf-top {
  z-index: 1;
  perspective: 900px;
  border-radius: 9px;
  width: 14%;
  position: absolute;
  left: auto;
  transform: perspective(800px);
}

.hero-image-wf-top._2 {
  border-radius: 5px;
  width: 60%;
  max-width: 380px;
  max-height: 26vh;
  inset: auto -9% -3% auto;
}

.hero-image-wf-top._1 {
  object-fit: contain;
  width: 40%;
  max-width: 300px;
  max-height: 40vh;
  top: 5%;
  bottom: auto;
  right: -10%;
}

.hero-image-wf-top._4 {
  object-fit: scale-down;
  border-radius: 3px;
  width: 70%;
  max-width: 400px;
  top: 2%;
  bottom: auto;
  left: 1%;
}

.self-prespective {
  transform: perspective(900px)perspective(1000px)perspective(2000px);
}

.bootcamp_header-subtitle {
  font-size: var(--paragraph);
  text-align: right;
  letter-spacing: -.04em;
  max-width: 40vw;
  font-weight: 400;
  line-height: 1.8;
}

.sidebar_instructor-single {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--nutral--100);
  box-shadow: 1px 1px 0 0 var(--nutral--100);
  color: var(--nutral--100);
  background-color: #fff;
  align-items: center;
  width: 100%;
  padding: 10px 12px 10px 6px;
  transition: all .2s;
  display: flex;
}

.sidebar_instructor-single:hover {
  box-shadow: 3px 3px 0 0 var(--nutral--100);
}

.sticky-sidebar_section {
  margin-bottom: 1rem;
}

.sidebar_instructors-photo {
  width: var(--avatar-small);
  height: var(--avatar-small);
  border-radius: 100%;
}

.sidebar_instructors-photo.is-small {
  width: var(--avatar-small);
  margin-left: 0;
}

.sidebar_instructors-name {
  font-size: var(--paragraph);
  font-weight: 600;
}

.features_list {
  width: 100%;
}

.feature_item {
  border-bottom: 1px solid var(--neutral--20);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.feature_item-icon {
  justify-content: center;
  align-items: center;
  padding-left: 1rem;
  display: flex;
}

.feature_item-text {
  flex: 1;
}

.feature_item-checkmark-img {
  width: 2vw;
}

.feature_item-text-description {
  color: var(--nutral--70);
  margin-top: .35rem;
  font-size: 1rem;
  font-weight: 400;
  display: block;
}

.feature_item-title {
  font-size: 1.5vw;
  font-weight: 500;
}

.devider_dot {
  background-color: #000;
  border-radius: 20px;
  width: 3px;
  height: 3px;
  margin-left: 8px;
  margin-right: 8px;
}

.rating-img {
  width: 1rem;
  margin-left: 2px;
}

.inspo-flex__img {
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.inspo-flex__mobile {
  width: 13.2vw;
}

.inspo-flex-item {
  flex: none;
  padding: 1%;
}

.inspo-flex__desktop {
  width: 40vw;
}

.inspo-flex__button-arrow {
  width: .8em;
  height: .8em;
  margin-right: .5rem;
}

.inspo-list {
  flex-wrap: wrap;
  justify-content: center;
  width: 140%;
  padding-top: 2%;
  padding-bottom: 12%;
  display: flex;
  position: relative;
  right: -20%;
}

.inspo-flex__card-overlay {
  background-image: linear-gradient(#1b1b1b14, #1b1b1b3d);
  transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
  position: absolute;
  inset: 0%;
}

.inspo-flex__aspect-mobile {
  padding-top: 190%;
  position: relative;
  overflow: hidden;
}

.inspo-flex__wrapper {
  background-color: var(--neutral--02);
  position: relative;
}

.inspo-flex__card {
  border-radius: 3px;
  transition: box-shadow .3s cubic-bezier(.165, .84, .44, 1), transform .3s cubic-bezier(.165, .84, .44, 1);
  position: relative;
  overflow: hidden;
  transform: translate(0);
  box-shadow: 0 2px 4px #00000005, 0 10px 8px #00000008, 0 10px 16px #0000000d, 0 40px 32px #0000000d, 0 80px 60px #00000008, 0 120px 100px #0000;
}

.inspo-flex__card:hover {
  transform: translate(0, -2%);
  box-shadow: 0 2px 4px #00000005, 0 10px 8px #00000008, 0 10px 16px #00000014, 0 40px 32px #0000000d, 0 80px 60px #0000000f, 0 120px 100px #00000012;
}

.inspo-flex__button {
  z-index: 2;
  color: #000;
  letter-spacing: -.02em;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 8em;
  justify-content: center;
  align-items: center;
  padding: .5em .8em .5em .6em;
  font-size: 1vw;
  font-weight: 500;
  transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 20px 40px #0003;
}

.inspo-flex__aspect-desktop {
  padding-top: 62.5%;
  position: relative;
  overflow: hidden;
}

.section-inspo {
  border-bottom: 2px solid #000;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.bootcamp_header-logos {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  color: #fff;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  font-size: 1.5rem;
  font-weight: 700;
  display: flex;
}

.bootcamp_header-logos-list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 70%;
  display: grid;
}

.accordion_item-image {
  width: 32px;
  margin-left: 1rem;
  margin-right: 1rem;
}

.accordion-header {
  align-items: center;
  padding: 1rem 1.5rem 1rem .65rem;
  display: flex;
}

.accordion-header.js-accordion-header {
  cursor: pointer;
  justify-content: flex-end;
}

.question-text {
  text-align: right;
  flex: 1;
  font-size: 1rem;
  display: block;
}

.js-accordion-icon {
  height: 28px;
  margin-right: 1rem;
  transition: transform .2s;
}

.accordion {
  width: 100%;
  display: block;
}

.accordion__item {
  text-align: right;
  background-color: #fff;
  border: 1px solid #000;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1rem;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.accordion__item:hover {
  box-shadow: 0 3px 9px #2e323c17;
}

.accordion__item.js-accordion-item.hide {
  display: none;
}

.accordion-body {
  border-top: 1px solid #000;
  padding-right: 2rem;
  display: block;
}

.accordion-body.js-accordion-body {
  padding-top: .5rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
}

.accordion-body__contents {
  opacity: 1;
  color: var(--nutral--100);
  text-align: right;
  margin-top: 8px;
  font-size: 1rem;
  line-height: 1.8;
}

.bootcamp_modules-title {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 700;
}

.glow {
  z-index: 1;
  position: absolute;
}

.glow.is-left {
  z-index: 0;
  left: -80%;
  transform: rotate(-250deg);
}

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

.navigation-link {
  color: #060606;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.5vw;
  padding-right: 1.5vw;
  font-size: 1.2vw;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link:hover {
  color: #414b53;
}

.navigation-link.w--open {
  color: #4c4cb3;
}

.paragraph-small-regular {
  color: var(--nutral--70);
  font-size: var(--paragraph-small);
  text-align: right;
  letter-spacing: -.06em;
  font-weight: 400;
  line-height: 24px;
}

.sub-heading-small {
  color: #060606;
  font-size: var(--heading-4);
  text-align: right;
  letter-spacing: -.04em;
  font-weight: 700;
}

.navigation-image {
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.icon-nav {
  margin-right: 0;
  font-size: 1.1vw;
  inset: auto auto auto 0%;
}

.icon-block {
  border: 1px solid var(--nutral--100);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 56px;
  min-width: 56px;
  height: 56px;
  min-height: 56px;
  margin-top: 6px;
  margin-bottom: 10px;
  margin-left: 16px;
  display: flex;
}

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

.grid-navigation-images {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: 1fr 1fr .7fr 1fr;
}

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

.dropdown-list {
  z-index: 99;
  min-width: 100%;
}

.dropdown-list.w--open {
  z-index: 99;
  background-color: #0000;
  border: 1px dashed #000;
  min-width: auto;
  position: absolute;
  bottom: auto;
  left: 0;
  right: -1px;
}

.navigation-card-wrapper {
  border: 1px solid #f1f2f4;
  border-radius: 16px;
  margin-top: 1rem;
  padding: 16px;
  display: none;
}

.support-link {
  letter-spacing: -.04em;
  margin-left: 2px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .3s;
}

.support-link:hover {
  color: #414b53b3;
}

.navigation-dropdown-base {
  background-color: #fff;
  margin-top: 2px;
  overflow: hidden;
  box-shadow: 6px 49px 80px -20px #0003;
}

.navigation-toggle {
  padding-right: var(--box-padding-sm);
  color: #060606;
  letter-spacing: -.04em;
  justify-content: center;
  align-items: center;
  padding-left: 1.5vw;
  font-size: 1.2vw;
  font-weight: 600;
  line-height: 24px;
  transition: all .2s;
  display: flex;
}

.navigation-toggle:hover, .navigation-toggle.w--open {
  color: #414b53;
}

.support-wrapper-bottom {
  letter-spacing: -.04em;
  align-items: center;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

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

.support-wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-right: 1rem;
  display: flex;
}

.navigation-link-card-large {
  background-color: #fff;
  border-bottom: 1px dashed #000;
  border-left: 1px dashed #000;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 22px 24px 22px 14px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.navigation-link-card-large:hover {
  background-color: var(--yellow);
}

.navigation-link-card-large.is-disabled {
  opacity: .4;
}

.navigation-link-card-large.is-disabled.bootcamp.hide-tablet.is-last {
  border-left-style: none;
}

.navigation-link-card-large.bootcamp {
  justify-content: flex-start;
  align-items: center;
}

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

.navigation-bottom-wrapper {
  background-color: var(--yellow);
  padding: 10px 24px;
}

.menu-wrap {
  color: var(--nutral--100);
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: static;
}

.image-counter {
  color: #060606;
  background-color: #f1f2f4;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.full-image {
  width: 100%;
  max-width: 1429px;
  display: block;
}

.student-image {
  border-left: var(--border-sm) solid black;
  width: 6vw;
  height: 6vw;
}

.student_header {
  padding-right: var(--box-padding-sm);
  padding-left: var(--box-padding-sm);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.student_bottom {
  border-top: var(--border-sm) solid black;
  justify-content: space-between;
  align-items: center;
  padding-right: 1vw;
  display: flex;
}

.student_brief {
  border-top: 2px solid #000;
  padding: 20px 24px;
  display: none;
}

.student_name {
  font-size: 1.5vw;
  font-weight: 600;
}

.student_role {
  opacity: .6;
  font-size: var(--paragraph);
  font-weight: 400;
}

.student_profile {
  border: var(--border-sm) solid black;
  background-color: #fff;
  text-decoration: none;
  transition: all .2s;
  overflow: hidden;
}

.student_profile:hover {
  box-shadow: 4px -4px #000;
}

.student_arrow {
  border-right: var(--border-sm) solid black;
  background-color: #f2f2f2;
  justify-content: center;
  align-items: center;
  width: 4vw;
  height: 4vw;
  display: flex;
}

.student_arrow-image {
  width: 2vw;
  height: 2vw;
}

.student_heading {
  display: flex;
}

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

.students_header {
  grid-row-gap: 32px;
  text-align: center;
  border-bottom: 1px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 420px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.student_page-title {
  font-size: 6rem;
}

.bg-tan {
  background-color: var(--tan);
  background-image: url('../images/pattern.png');
  background-position: 0 0;
  background-size: 300px 300px;
}

.plans_component {
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  flex-direction: row;
  align-items: flex-end;
  display: flex;
}

.plan_box {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #000;
  flex: 1;
  margin-top: 32px;
}

.plan_box.is-plus {
  margin-top: 0;
}

.plan_heading {
  border-bottom: 1px solid #000;
  height: 90px;
  display: flex;
}

.plan_heading-course {
  border-left: 1px dotted #000;
  justify-content: center;
  align-items: center;
  width: 140px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 24px;
  font-weight: 600;
  display: flex;
}

.plan_heading-course.single {
  border-left-style: none;
  width: 100%;
}

.plan_heading-course-sub {
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.plan_body {
  padding: 16px 32px;
}

.plan_price {
  grid-column-gap: 0px;
  text-align: center;
  letter-spacing: -.04em;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  font-weight: 700;
  display: flex;
}

.plan_price.is-old {
  color: #9c9c9c;
  background-color: #fff;
  padding-top: 8px;
  font-size: 26px;
  font-weight: 400;
  text-decoration: line-through;
}

.plan_price.is-main {
  background-color: #fff;
  border-bottom: 1px dashed #000;
  padding-bottom: 8px;
}

.plan_features {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 16px;
  padding-bottom: 8px;
  display: flex;
}

.plan_feature-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.plan_bottom {
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.plan_offer {
  letter-spacing: -.04em;
  -webkit-text-fill-color: inherit;
  background-color: #f9dd4a;
  background-clip: border-box;
  border-bottom: 1px solid #000;
  justify-content: center;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.plan_note {
  -webkit-text-fill-color: inherit;
  background-color: #f2f2f2;
  background-clip: border-box;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.plan_note.is-green {
  background-color: var(--green-secondry);
}

.plan_note.is-margin {
  margin-top: -6px;
  margin-right: 30px;
}

.student_company {
  height: 2.5vw;
  margin-left: auto;
  margin-right: auto;
}

.pricing_tab-link {
  background-color: #0000;
  border-radius: 100px;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 700;
}

.pricing_tab-link.w--current {
  color: #fff;
  background-color: #000;
}

.pricing_tabs-menu {
  border: 1px solid #000;
  border-radius: 100px;
  justify-content: center;
  padding: 8px;
  display: flex;
}

.plans_tabs {
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.top-notif {
  grid-column-gap: 12px;
  grid-row-gap: 6px;
  background-color: var(--neutral--05);
  color: var(--nutral--100);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-bottom: 1px dashed #000;
  justify-content: center;
  align-items: center;
  min-height: 4.2vh;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  position: sticky;
  bottom: 0;
}

.sidebar_instructors-role {
  opacity: .65;
  font-size: var(--paragraph-small);
  font-weight: 400;
}

.discount-line {
  text-align: center;
  padding-top: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 2.4;
}

.discount-line.purple {
  color: var(--purple-bold);
}

.discount-line.red {
  color: #ec2f2f;
}

.discount-line.green {
  color: #20997a;
  letter-spacing: -.04em;
}

.nav-main-left {
  padding-left: var(--box-padding-sm);
  grid-column-gap: 1.2vw;
  grid-row-gap: 1.2vw;
  justify-content: flex-end;
  display: flex;
}

.container {
  width: 80vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.section-timeline {
  z-index: -3;
  color: var(--untitled-ui-white);
  -webkit-text-fill-color: inherit;
  background-color: #000;
  background-clip: border-box;
  position: relative;
}

.timeline_circle {
  box-shadow: 0 0 0 8px var(--nutral--100);
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: sticky;
  top: 50vh;
}

.timeline_quote-text-wrapper {
  font-size: var(--paragraph);
}

.timeline_quote-title {
  font-size: var(--paragraph);
  font-weight: 500;
}

.timeline_progress-bar {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(#ff7448, #ff4848 51%, #6248ff);
  width: 3px;
  height: 50vh;
  position: fixed;
  inset: 0 auto 50vh;
}

.text-colour-lightgrey {
  line-height: 1.8;
}

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

.timeline_quote-image {
  width: 5vw;
  height: 5vw;
  margin-left: 24px;
}

.timeline_centre {
  justify-content: center;
  display: flex;
}

.margin-bottom-xlarge {
  margin-bottom: 24px;
}

.timeline_progress {
  z-index: -2;
  background-color: #ffffff1a;
  width: 3px;
  height: 100%;
  position: absolute;
}

.timeline_item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 180px 1fr;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
  position: relative;
}

.timeline_item.center-aligned {
  grid-template-columns: 1fr;
  width: 100%;
}

.timeline_item.center-aligned.overlay-fade-bottom.black {
  background-image: linear-gradient(to top, var(--nutral--100) 76%, #0000);
  height: auto;
  padding-bottom: 120px;
  position: relative;
}

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

.timeline_image-wrapper {
  background-image: linear-gradient(138deg, #000, #0000 28%), url('../images/Image-Background.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 12px;
  margin-bottom: 32px;
  padding: 0;
  overflow: hidden;
}

.timeline_quote-wrapper {
  padding: var(--box-padding);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--neutral--05);
  border-radius: 9px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 16px;
  display: flex;
}

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

.timeline_text {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.7;
}

.overlay-fade-top {
  background-image: linear-gradient(#f8f8f8, #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: 0% 0% auto;
}

.overlay-fade-top.black {
  background-image: linear-gradient(to bottom, var(--nutral--100), #0a0a0a00);
}

.timeline_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.link-icon {
  width: 18px;
  height: 18px;
  margin-left: 6px;
}

.timeline_left {
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
}

.overlay-fade-bottom {
  background-image: linear-gradient(to top, #f8f8f8, #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.overlay-fade-bottom.black {
  background-image: linear-gradient(to top, var(--nutral--100), #0000);
}

.timeline_link {
  opacity: .6;
  font-size: var(--paragraph);
  text-transform: uppercase;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 1.5vh;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.timeline_link:hover {
  opacity: 1;
}

.timeline_date-text {
  font-size: var(--heading-1);
  letter-spacing: -.04em;
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.timeline_milestone-badge {
  color: #161616;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 24px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 12px;
  display: inline-block;
}

.timeline_quote {
  font-size: var(--paragraph);
  margin-bottom: .4vw;
  line-height: 1.7;
}

.timeline_heading {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 50vh;
}

.timeline_mentors {
  flex-direction: column;
  width: 100%;
  margin-bottom: 2vh;
  display: flex;
}

.timeline_mentors.right-aligned {
  align-items: flex-start;
}

.timeline_mentors-title {
  margin-bottom: .5rem;
  font-size: 16px;
  font-weight: 500;
}

.box {
  background-color: #1c1e22;
  border: 1px solid #25272d;
  border-radius: 10px;
}

.link-light {
  color: #fff;
}

.timeline-mentors-body {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.timeline_mentors-resume {
  opacity: .5;
  color: var(--neutral--10);
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 12px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.timeline_mentors-resume:hover {
  opacity: 1;
}

.timeline_mentors-resume.hide {
  display: none;
}

.timeline_mentors-resumeimg {
  opacity: .5;
  width: 18px;
  height: 20px;
  transition: all .2s;
}

.timeline_mentors-resumeimg:hover {
  opacity: 1;
}

.bullet-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-bottom: 32px;
  display: flex;
}

.timeline_lessons-check {
  width: 20px;
  margin-top: -3px;
}

.timeline_lessons-title {
  font-size: var(--paragraph-small);
  letter-spacing: -.04em;
}

.timeline_lessons-title.webflow {
  font-size: 16px;
}

.timeline_lessons-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  transition: opacity .5s;
  display: flex;
}

.timeline_lessons-item:hover {
  opacity: 1;
}

.timeline_subheader-wrap {
  font-size: var(--paragraph-small);
  margin-bottom: 40px;
}

.feature-list {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.feature-list_item-img {
  width: 24px;
}

.underline_curve {
  background-image: url('../images/underline_curve.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-color-blue {
  color: #55bbda;
}

.text-color-yellow {
  color: #f7d046;
}

.text-color-green {
  color: #4ca96d;
}

.feature-list_item {
  grid-column-gap: 12px;
  align-items: center;
  padding-top: .6rem;
  padding-bottom: .6rem;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.header_bar {
  grid-column-gap: 64px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header_bar.low-gap {
  grid-column-gap: 0px;
}

.text-color-pink {
  color: #f369e1;
}

.text-color-orange {
  color: #ea552b;
}

.pattern {
  background-image: url('../images/pattern.png');
  background-position: 0 0;
  background-size: 300px 300px;
}

.text-style-neon {
  font-weight: 600;
}

.feature-list-title {
  margin-bottom: 24px;
}

.teachers_avatars {
  margin-bottom: 48px;
}

.teachers_avatars.in-mobile {
  display: none;
}

.bootcamp_cover {
  border-radius: 16px;
  max-width: 420px;
  overflow: hidden;
}

.bootcamp_cover.workshop {
  border-radius: 0;
}

.bootcamo_cover-img {
  width: 100%;
}

.students_cover-img {
  background-image: url('../images/Students-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 60vh;
}

.foryou-image {
  width: 100%;
}

.foryou-wrap {
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 60vw;
  height: 54vh;
  display: flex;
  overflow: hidden;
}

.plans_bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.div-block-11 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.who-wrapper {
  flex-direction: column;
  flex: 1;
  padding: 3svh 2.5vw;
  display: flex;
}

.who-image-wrapper {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  align-items: center;
  margin-bottom: 2svh;
  display: flex;
}

.item {
  background-color: #fff5e9;
  border: 1px dashed #c0a07a;
  align-content: space-between;
  margin-top: -1px;
  padding: .9svh 1vw;
}

.item.marketing {
  background-color: #ffe6fb;
  border-color: #b284ab;
}

.item.design {
  background-color: #e6fffb;
  border-color: #6fa198;
}

.item.personal {
  background-color: #f8ffe5;
  border-color: #8f9c69;
}

.item-wrapper, .wrapper {
  flex-direction: column;
  display: flex;
}

.table-head-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 2fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-top: 2rem;
  padding-bottom: 1rem;
  display: grid;
}

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

.table-item-wrapper {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-item-wrapper.dark {
  background-color: #f9f9f9;
}

.div-block-13 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-14 {
  background-color: #b1ff9d;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 8rem;
  padding: .75rem 1rem;
  display: flex;
  position: absolute;
  right: 70px;
}

.table-heading {
  font-size: 1.5rem;
  font-weight: 600;
}

.table-wrapper {
  border-bottom: 1px dashed #000;
  flex-direction: column;
  display: flex;
}

.compare-table-head-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px dashed #e1e1e1;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 2fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-top: 2rem;
  padding-bottom: 1rem;
  display: grid;
}

.compare-table-item-wrapper {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px dashed #d8d8d8;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 1rem;
  display: grid;
}

.compare-table-heading {
  font-size: var(--heading-4);
  font-weight: 600;
}

.div-block-15, .div-block-16 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.dark-wrapper {
  background-color: #000;
  border-radius: 8px;
  flex-direction: column;
  width: 90%;
  padding: 7.5rem 8.125rem;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #ebeefa;
}

.div-block-17 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.heading {
  color: var(--neutral--10);
  font-size: 3.125rem;
  font-weight: 400;
}

.div-block-18 {
  grid-column-gap: 1.25px;
  grid-row-gap: 1.25px;
  flex-direction: column;
  display: flex;
}

.text-wrapper {
  flex-direction: column;
  width: 75%;
  display: flex;
  position: static;
}

.div-block-19 {
  position: absolute;
  inset: 7.5% auto auto 8%;
}

.items-wrapper {
  margin-top: 4.5rem;
}

.div-block-20 {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dark-item-wrapper {
  border-top: 1px solid #484848;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.dark-item-wrapper.last {
  border-bottom: 1px solid #484848;
}

.heading-2 {
  color: var(--neutral--10);
  font-size: 2rem;
}

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

.wrapper-basic {
  flex-direction: column;
  width: 80%;
  display: flex;
}

.header_hero-right-title {
  text-align: right;
  width: 100%;
  font-size: 2.75vw;
  font-weight: 500;
  line-height: 1.25;
}

.text-span, .text-span-2 {
  color: #5e5e5e;
}

.div-block-21 {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.light-item-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid #e4e7ed;
  flex-direction: column;
  padding-top: 1.875rem;
  padding-bottom: 3.5rem;
  display: flex;
}

.text-block-6 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.65;
}

.text-block-8 {
  font-size: .875rem;
}

.teacher-wrapper {
  max-width: 90%;
  display: flex;
}

.info-wrapper {
  flex-direction: column;
  padding-right: 6vw;
  display: flex;
}

.text-block-9 {
  font-size: 1rem;
}

.div-block-22 {
  background-color: #e4e7ed;
  width: 144px;
  height: 1px;
}

.text-block-10 {
  font-size: 1.2rem;
}

.div-block-23 {
  align-items: center;
  width: 60%;
  display: flex;
}

.heading-3 {
  font-size: 2.625rem;
  font-weight: 400;
}

.paragraph {
  text-align: right;
  margin-top: 10px;
  font-size: 1.25rem;
  line-height: 1.4;
}

.horizental-wrapper {
  display: flex;
}

.div-block-24 {
  flex-direction: column;
  padding-left: 2.875rem;
  display: flex;
}

.div-block-25 {
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  margin-top: 3.5rem;
  display: flex;
}

.bold-text {
  letter-spacing: 2.619px;
}

.feature-item-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.text-block-12 {
  margin-bottom: 2rem;
}

.student-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-right: 1px solid #e4e7ed;
  flex-direction: column;
  padding-right: 3.125rem;
  display: flex;
}

.paragraph-2 {
  font-size: 1.1rem;
}

.div-block-26 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.div-block-27 {
  flex-direction: column;
  display: flex;
}

.item-text {
  font-size: var(--paragraph-xs);
  font-weight: 500;
  line-height: 1.2;
}

.content-wrapper {
  font-size: var(--paragraph);
}

.icons-wrapper {
  display: flex;
}

.item-header {
  font-size: var(--heading-2);
  margin-top: .75rem;
  margin-bottom: .875rem;
  font-weight: 600;
  line-height: 1.4;
}

.text-block-15 {
  color: #fff;
  letter-spacing: 4.2px;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: .875rem;
  font-weight: 600;
}

.text-block-16 {
  color: #fff;
  margin-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1.25rem;
}

.icon-wrapper {
  justify-content: center;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.circle {
  background-color: #fff;
  border-radius: 50%;
  width: 10rem;
  height: 10rem;
  padding: 2.8125rem 3.3125rem;
  box-shadow: 0 3px 40px #acb9dc66;
}

.image-8 {
  width: auto;
  position: absolute;
  inset: 7% auto auto 7.5%;
}

.image-9 {
  width: auto;
}

.text-span-3 {
  color: #ea552b;
}

.text-span-4 {
  color: #f36194;
}

.text-span-5 {
  color: #4ca96d;
}

.text-span-6 {
  color: #f7d046;
}

.text-span-7 {
  color: var(--blue);
}

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

.space {
  height: 40px;
}

.description-text {
  font-size: 17px;
  line-height: 1.8;
}

.mega-menu-link-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.course-intro {
  border-bottom: var(--border-sm) dashed black;
  display: flex;
}

.course-intro-text {
  font-size: var(--paragraph);
  justify-content: center;
  align-items: center;
  width: 60%;
  padding-bottom: 3vh;
  line-height: 1.8;
  display: flex;
  position: relative;
}

.border-bottom {
  border-bottom: var(--border-sm) solid var(--nutral--100);
}

.devider-h {
  border-right: var(--border-sm) dashed black;
}

.devider-h.grey {
  border-right-color: var(--neutral--30);
}

.colorful-cel {
  border-top: var(--border-sm) dashed black;
  background-color: var(--pink);
  width: 100%;
  height: 2.65vh;
  position: absolute;
  inset: auto 0% 0%;
}

.colorful-cel.hashoor {
  background-color: var(--yellow);
  background-size: 48px;
  height: 2.5vh;
}

.course-intro-image {
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.course-header-main {
  justify-content: center;
  align-items: center;
  width: 60%;
  padding: 3vw;
  display: flex;
}

.course-header-main.hashoor {
  background-image: url('../images/tile1.svg');
  background-size: 56px;
  justify-content: center;
  align-items: center;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
}

.course-title {
  padding: 4vw var(--section-padding);
  grid-column-gap: 1.5vh;
  grid-row-gap: 1.5vh;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.course-title-text {
  text-align: right;
  font-size: 4.5vw;
  font-weight: 700;
  line-height: 1.4;
}

.hashoor {
  background-image: url('../images/tile1.svg');
  background-position: 0 0;
  background-size: 70px;
}

.course-header-wrap {
  border-bottom: var(--border-sm) dashed black;
  display: flex;
}

.course-header-intro {
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
  display: flex;
  position: relative;
}

.info-block {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: space-between;
  align-items: center;
  padding-top: .5vh;
  padding-bottom: .5vh;
  display: flex;
}

.info-block.bold {
  font-weight: 600;
}

.info-blocks-wrap {
  padding: var(--box-padding);
  flex-direction: column;
  justify-content: space-around;
  display: flex;
}

.info-block-title {
  font-size: 1.3vw;
}

.info-block-value {
  font-size: 1.3vw;
  font-weight: 500;
}

.dotted-line {
  border-bottom: 1px dashed #000;
  flex: 1;
}

.course-timeline-details {
  border-bottom: 1px dashed #000;
  display: flex;
}

.course-timeline-col {
  flex-direction: column;
  width: 50%;
  display: flex;
}

.course-timeline-col.full {
  width: 100%;
}

.course-timeline-col.small {
  width: 40%;
}

.course-timeline-col.big {
  width: 60%;
}

.course-timeline-head {
  padding: .85vh var(--box-padding);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: var(--border-sm) dashed black;
  background-color: var(--neutral--05);
  font-size: var(--paragraph-small);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.course-timeline-body {
  padding: var(--box-padding-horizontal) var(--box-padding);
  flex-direction: column;
  display: flex;
}

.course-timeline-body.is-center {
  text-align: center;
  align-items: center;
}

.course-timeline-week {
  font-size: 1.4vw;
  font-weight: 500;
}

.course-roadmap-details {
  width: 100%;
  max-width: 37vw;
}

.course-roadmap-details.hide-mobile-portrait {
  display: none;
}

.course-timeline-title {
  font-size: var(--heading-2);
  letter-spacing: -.04em;
  margin-bottom: 1.5vh;
  font-weight: 600;
}

.course-header-bottom {
  padding-right: var(--box-padding);
  padding-bottom: var(--box-padding);
  padding-left: var(--box-padding);
  grid-column-gap: 1.5vh;
  grid-row-gap: 1.5vh;
  flex-direction: column;
  display: flex;
}

.course-timeline-description {
  font-size: var(--paragraph-small);
  line-height: var(--paragraph-line-height);
  max-width: 90%;
  margin-bottom: 1.5vh;
}

.image-11 {
  width: 100%;
  position: sticky;
}

.course-instructor-single {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  border-bottom: 1px dashed var(--neutral--30);
  align-items: center;
  margin-bottom: 1.5vh;
  padding-bottom: 1.5vh;
  padding-left: 1vw;
  padding-right: 1vw;
  display: flex;
}

.course_curriculum-list {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  flex-direction: column;
  display: flex;
}

.icon-background-s {
  background-image: url('../images/checkmark_2.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1.65vw 1.85vw;
  width: 1.65vw;
  height: 1.65vw;
}

.icon-background-s.linkedin {
  background-image: url('../images/Linkedin_1.svg');
}

.course_curriculum-title {
  grid-column-gap: .65vw;
  grid-row-gap: .65vw;
  font-size: var(--paragraph-small);
  align-items: center;
  display: flex;
}

.course-instructor-body {
  flex: 1;
}

.image-inline {
  width: 100%;
}

.course-intro-text-wdith {
  font-size: var(--heading-4);
  max-width: 42vw;
}

.uui-pricing01_divider {
  border-bottom: 1px dashed #000;
  width: 100%;
  height: 1px;
  margin-top: 2.5vh;
  margin-bottom: 2.5vh;
}

.uui-pricing01_divider.grey {
  border-bottom-color: var(--neutral--30);
  border-bottom-color: #b8b8b8;
}

.uui-text-size-medium {
  font-size: var(--paragraph-small);
  letter-spacing: normal;
  line-height: 1.5;
}

.uui-pricing01_feature {
  opacity: .6;
  align-items: center;
  transition: opacity .8s;
  display: flex;
}

.uui-pricing01_feature:hover {
  opacity: 1;
}

.uui-pricing01_feature-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.uui-pricing01_plan {
  padding: var(--box-padding-horizontal) var(--section-padding);
}

.course-apply {
  padding-top: var(--section-padding-horizontal);
  padding-bottom: var(--section-padding-horizontal);
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  border-bottom: var(--border-sm) dashed black;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.course-apply.hashoor {
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/tile1.svg');
  background-position: 0 0, 0 0;
  background-size: auto, 70px;
}

.instructors-list {
  grid-column-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.timeline_link-image {
  background-image: linear-gradient(#ffefef52, #ffefef52), url('../images/project-1.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 9vh;
  padding: 1rem;
  text-decoration: none;
  display: flex;
}

.timeline_link-bottom {
  font-size: var(--paragraph);
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 16px 12px;
  font-weight: 600;
  display: flex;
}

.uui-button-row {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.uui-text-size-large-2 {
  font-size: var(--paragraph);
  letter-spacing: normal;
  line-height: 1.5;
}

.uui-space-xsmall-2 {
  width: 100%;
  min-height: 1rem;
}

.uui-max-width-large-2 {
  padding-top: var(--box-padding-horizontal);
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
}

.apply-box {
  background-color: #fff;
  border: 2px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 56%;
  display: flex;
}

.course-apply-bottom {
  grid-column-gap: 1.5vh;
  grid-row-gap: 1.5vh;
  flex-direction: column;
  display: flex;
}

.uui-text-size-large {
  font-size: var(--heading-4);
  letter-spacing: normal;
  line-height: 1.5;
}

.uui-space-xxsmall {
  width: 100%;
  min-height: .5rem;
}

.uui-heading-xxsmall {
  color: var(--untitled-ui-gray900);
  font-size: var(--paragraph);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.7;
}

.uui-text-size-medium-3 {
  font-size: var(--paragraph);
  letter-spacing: normal;
  line-height: 1.8;
}

.uui-text-size-medium-3.text-color-primary700 {
  color: var(--untitled-ui-primary700);
}

.uui-heading-tiny {
  font-size: var(--heading-4);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.5;
}

.uui-team03_image {
  object-fit: cover;
  border-radius: 100%;
  width: 6vw;
  height: 6vw;
}

.uui-team03_image-wrapper {
  margin-bottom: 1vh;
}

.uui-team03_item {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.uui-team03_list {
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.uui-heading-subheading {
  color: var(--untitled-ui-primary600);
  margin-bottom: .75rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-text-size-small {
  color: var(--untitled-ui-gray600);
  font-size: var(--paragraph-small);
  letter-spacing: normal;
  line-height: 1.5;
}

.uui-testimonial14_client-heading {
  color: var(--untitled-ui-gray900);
  font-size: var(--paragraph);
  letter-spacing: normal;
  font-weight: 600;
}

.uui-testimonial14_customer-image {
  width: var(--avatar-small);
  height: var(--avatar-small);
  object-fit: cover;
  border-radius: 100%;
}

.uui-testimonial14_client-image-wrapper {
  margin-left: .75rem;
}

.uui-testimonial14_client {
  margin-top: var(--box-padding-sm);
  align-items: center;
  display: flex;
}

.uui-testimonial14_content {
  padding: var(--box-padding-sm) var(--box-padding);
  border: 1px dashed var(--neutral--40);
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 2vh;
  display: inline-block;
}

.testimonial_component {
  column-count: 3;
  column-gap: 2vw;
}

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

.uui-button-row-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-row-2.button-row-center {
  justify-content: center;
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.uui-avatar-group_item, .uui-avatar-stack_item {
  border: 2px solid var(--untitled-ui-white);
  background-color: var(--untitled-ui-white);
  border-radius: 50%;
  width: 2.75rem;
  height: 2.75rem;
  margin-right: -1rem;
}

.uui-avatar-stack_item.featured {
  width: 3.5rem;
  height: 3.5rem;
  position: relative;
}

.avatar-stack_component {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  margin-bottom: 2rem;
  margin-right: 1rem;
  display: flex;
}

.uui-faq01_cta {
  border: 1px dashed var(--neutral--40);
  background-color: var(--neutral--05);
  justify-content: center;
  margin-top: 4rem;
  padding: 2rem;
  display: flex;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.uui-faq01_answer {
  overflow: hidden;
}

.accordion-icon_vertical-line {
  background-color: var(--neutral--50);
  border-radius: 1px;
  width: .2vw;
  height: 1vw;
  position: absolute;
}

.accordion-icon_horizontal-line {
  background-color: var(--neutral--50);
  border-radius: 1px;
  width: 1vw;
  height: .2vw;
  position: absolute;
}

.accordion-icon_component {
  border: 2px solid var(--neutral--50);
  color: var(--neutral--50);
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 2vw;
  height: 2vw;
  display: flex;
  position: relative;
}

.uui-faq01_icon-wrapper {
  color: var(--untitled-ui-primary600);
}

.uui-faq01_heading {
  color: var(--untitled-ui-gray900);
  font-size: var(--heading-4);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.uui-faq01_question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.uui-faq01_accordion {
  border-bottom: 1px dashed var(--neutral--40);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.uui-faq01_accordion.last-item {
  border-bottom-color: #0000;
}

.uui-faq01_list {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-faq01_component {
  margin-top: 4rem;
}

.uui-max-width-large-4 {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large-4.align-center {
  margin-left: auto;
  margin-right: auto;
}

.pricing-icon-check {
  background-image: url('../images/checkmark--outline.svg');
  background-position: 50%;
  background-size: 1.85vw 1.85vw;
  width: 1.85vw;
  height: 1.85vw;
  margin-left: .5vw;
}

.apply-box-price {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px dashed var(--neutral--20);
  justify-content: space-between;
  align-items: center;
  padding-top: .85vh;
  padding-bottom: .85vh;
  display: flex;
}

.price-rial-currency {
  font-size: var(--paragraph-small);
  margin-right: .2vw;
}

.apply-box-price-title {
  color: var(--nutral--70);
  font-size: 1.2vw;
  font-weight: 400;
}

.apply-box-price-title.big {
  color: var(--nutral--100);
  font-size: 1.4vw;
  font-weight: 500;
}

.apply-box-price-value {
  font-size: 1.2vw;
  font-weight: 500;
}

.apply-box-price-value.big {
  font-size: 1.8vw;
  font-weight: 700;
}

.apply-box-price-value.compare-table-heading {
  text-decoration: line-through;
}

.apply-box-wrap {
  flex-direction: column;
  margin-bottom: 2.5vh;
  display: flex;
}

.sticky-cta {
  z-index: 9999;
  background-color: #792d2d;
  height: 49px;
  display: none;
  position: sticky;
  bottom: 0;
}

.apply-notif {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  margin-top: 2vh;
  padding-top: .85vh;
  padding-bottom: .85vh;
  display: flex;
}

.header_hero-title-2 {
  width: 100%;
  font-size: 4vw;
  font-weight: 700;
}

.course-persona {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.who-image--img {
  width: 5vw;
}

.div-block-31 {
  align-items: center;
  width: 50%;
  display: flex;
}

.text-block-17 {
  font-size: 1rem;
  line-height: 1.8;
}

.text-block-18 {
  font-size: 1.2rem;
}

.course-intro-2-text {
  grid-column-gap: 3svh;
  grid-row-gap: 3svh;
  font-size: var(--paragraph);
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
  line-height: 1.8;
  display: flex;
}

.paragraph-small-1 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.7;
}

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

.section-large-2.background-color-grey {
  background-color: #d4d4d433;
}

.icon-small-7 {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.icon-small-7.rotate-180 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.paragraph-small-17 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
}

.button-secondary-right-icon {
  grid-column-gap: 8px;
  color: #141414;
  letter-spacing: -.02em;
  background-color: #fff;
  border-radius: 99px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

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

.scroll-link {
  grid-column-gap: 4px;
  color: #000;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
}

.overline-l {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.h1-heading-2 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 600;
  line-height: 1.2;
}

.h1-heading-2.hide-desktop {
  display: none;
}

.header-divider {
  background-color: #000;
  width: 1px;
  height: 200px;
  margin: 40px auto 32px;
}

.header-wrap-centre {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.header-bg {
  z-index: -1;
  object-fit: cover;
  height: 65%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 0%;
}

.header-bottom-nav {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 72px;
  display: flex;
}

.section-header {
  padding: 80px 5% 52px;
  position: relative;
}

.bold-text-2 {
  font-weight: 700;
}

.button-secondary-l {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #030711;
  background-color: #3898ec00;
  border: 1px solid #d1d5db;
  border-radius: 44px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, color .4s;
  display: flex;
}

.button-secondary-l:hover {
  background-color: #f6f7f9;
}

.button-secondary-l:active {
  color: #454f5f;
  background-color: #f6f7f9;
}

.button-secondary-l.w--current {
  background-color: #344256;
  border-color: #48566a;
}

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

.paragraph-small-20.text-color-gray-600 {
  color: #5a5a5a;
  text-align: right;
}

.button-ghost-l {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #030711;
  border-radius: 44px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, color .4s;
  display: flex;
}

.button-ghost-l:hover {
  background-color: #f6f7f9;
}

.button-ghost-l:active {
  color: #454f5f;
  background-color: #f6f7f9;
}

.button-ghost-l.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.navigation-container {
  grid-column-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon-red {
  background-color: #fde7e7;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.wrap-v-tiny-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  display: flex;
}

.navigation-menu {
  align-items: center;
  display: flex;
}

.dropdown-line {
  background-color: #edeff2;
  height: 1px;
}

.icon-blue {
  background-color: #e1e7f9;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

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

.navigation-main {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.icon-pink {
  background-color: #f4dcf4;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.banner-dark {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #f3f4f6;
  background-color: #030711;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-left: 3%;
  padding-right: 3%;
  text-decoration: none;
  display: flex;
}

.banner-dark.zigblue {
  background-color: #0b33ff;
  border-bottom: 2px solid #000;
}

.navigation-button-wrap-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

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

.dropdown-link-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  width: 100%;
  padding: 24px 32px 32px;
  display: flex;
}

.dropdown-main-grid {
  grid-template-rows: auto;
  grid-template-columns: 2fr;
}

.navigation-main-b {
  align-items: center;
  display: flex;
}

.navigation-3 {
  z-index: 9;
  background-color: #fff;
  align-items: center;
  width: 100%;
  min-height: 84px;
  padding: 20px 3%;
  display: flex;
}

.action-m {
  color: #111;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.dropdown-cta-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f9fafb;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  text-decoration: none;
  display: flex;
}

.dropdown-main-wrapper {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-direction: column;
  min-width: 900px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 16px 48px -8px #d1d5db80;
}

.dropdown-link-large {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 8px;
  align-items: flex-start;
  padding: 12px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.dropdown-link-large:hover {
  background-color: #f9fafb;
}

.dropdown-link-large.disabled {
  opacity: .4;
  cursor: default;
}

.icon-green {
  background-color: #e3f8e7;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.button-primary-l {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  color: #fff;
  letter-spacing: -.2px;
  background-color: #030711;
  border-radius: 44px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 6px 16px 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, color .4s;
  display: flex;
}

.button-primary-l.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.navigation-toggle-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #030711;
  letter-spacing: -.18px;
  align-items: center;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

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

.navigation-toggle-2.w--current {
  color: #642eff;
}

.dropdown-list-2 {
  background-color: #0000;
  margin-left: -90%;
  padding-top: 32px;
}

.action-m-2 {
  color: #111;
  text-align: right;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.action-m-2.text-color-gray-500 {
  color: #6b7280;
}

.dropdown-title-wrapper {
  margin-bottom: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 12px;
}

.navigation-link-4 {
  color: #030711;
  text-align: center;
  letter-spacing: -.18px;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  transition: color .3s;
}

.navigation-link-4:hover {
  color: #384252;
}

.navigation-link-4.w--current {
  color: #000;
  border: 1.5px solid #dcdfe5;
}

.caption {
  letter-spacing: .04px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.carousel-r, .carousel-l {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: none;
  display: flex;
}

.h3-heading-2 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.4;
}

.h3-heading-2.text-weight-medium {
  font-weight: 400;
}

.carousel-image {
  border-radius: 32px;
  width: 124px;
  overflow: hidden;
}

.section-cta-02 {
  direction: ltr;
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
}

.ticker-css {
  display: none;
}

.carousel-item {
  color: #b8b8b8;
  justify-content: center;
  align-items: center;
  transition: color .5s;
  display: flex;
}

.carousel-item:hover {
  color: #000;
}

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

.carousel-group-l {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: none;
  align-items: center;
  display: flex;
}

.ticker-wrapper-2 {
  background-color: #fff;
  border-radius: 16px;
  align-items: center;
  width: 100%;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-carousel {
  flex: none;
  align-items: center;
  display: flex;
}

.feature-accent {
  transform-style: preserve-3d;
  flex: none;
  width: 200px;
  height: 200px;
  position: absolute;
  inset: auto auto -88px -88px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

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

.button-primary-icon {
  z-index: 4;
  color: #f5f5f5;
  background-color: #141414;
  border-radius: 99px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: relative;
}

.feature-carousel-l {
  flex: none;
  display: flex;
}

.card-text-wrap {
  z-index: 4;
  width: 100%;
  max-width: 168px;
  position: relative;
}

.feature-card-3 {
  grid-row-gap: 80px;
  background-color: #f5f5f5;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 384px;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-bg {
  object-fit: cover;
  max-width: 40%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0;
}

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

.feature-noise {
  z-index: 1;
  mix-blend-mode: overlay;
  display: none;
  position: absolute;
  inset: 0%;
  transform: rotate(0);
}

.feature-card-s {
  grid-row-gap: 80px;
  background-color: #f5f5f5;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 180px;
  padding: 24px 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h1-heading-3 {
  direction: ltr;
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 58px;
  font-weight: 700;
  line-height: 1.2;
}

.feature-ticker {
  border-radius: 16px;
  align-items: center;
  width: 100%;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h6-heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
}

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

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

.title-wrapper-s {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 440px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.feature-carousel-r {
  flex: none;
  display: flex;
}

.feature-carousel-item {
  flex: none;
}

.h2-heading-2 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 1.2;
}

.feature-card-carousel {
  direction: ltr;
  background-color: #f5f5f5;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 384px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.icon-small-10 {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.feature-carousel-badge {
  color: #000;
  letter-spacing: -.04em;
  background-color: #fff;
  border-radius: 99px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 8px 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: inline-block;
  overflow: hidden;
}

.feature-carousel-badge:hover {
  color: #fff;
  background-color: #000;
}

.overline-b {
  margin-top: 22px;
  font-size: 18px;
}

.icon-link {
  color: #141414;
  border: 1px solid #e0e0e0;
  border-radius: 99px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.button-link-large {
  grid-column-gap: 16px;
  color: #000;
  letter-spacing: -.02em;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
  text-decoration: none;
  display: flex;
}

.feature-image-s {
  background-color: #f5f5f5;
  border-radius: 8px;
  width: 128px;
  height: 128px;
  overflow: hidden;
}

.overline-l-2 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.paragraph-small-18 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.feature-outline-l {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #000;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  flex-direction: column;
  align-items: stretch;
  padding: 24px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.feature-outline-l:hover {
  box-shadow: 0 24px 64px #d9d9d97a;
}

.feature-outline-l.disabled {
  opacity: .4;
  cursor: default;
}

.feature-outline-l.hide {
  display: none;
}

.wrap-v-x-small-3 {
  z-index: 5;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
  position: relative;
}

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

.overline-l-3 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.sub-heading-small-3 {
  color: #000;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}

.grid-three-column-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.footer-legal-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #666;
  flex-flow: row-reverse;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-regular-8 {
  padding: 92px 5%;
  position: relative;
}

.footer-divider {
  background-color: #e3e3e3;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.footer-button {
  color: #000;
  text-align: center;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 6px;
  padding: 4px 16px;
  font-size: 14px;
  line-height: 24px;
}

.footer-button:hover {
  background-color: #f0f0f0;
  border: 1px solid #e3e3e3;
}

.wrap-v-tiny-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

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

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

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

.background-pattern {
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.footer-company-wrap-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row-reverse;
  align-items: center;
  display: flex;
}

.footer-block {
  background-color: #f5f5f5;
  border-radius: 24px;
  width: 100%;
  max-width: 1208px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px;
  position: relative;
}

.feature-card-outline-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 12px;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.badge-2 {
  color: #000;
  background-color: #fff;
  border-radius: 99px;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

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

.footer-legal-links {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  display: flex;
}

.footer-logo {
  height: 38px;
}

.footer-legal-link {
  color: #666;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}

.footer-legal-link:hover {
  color: #000;
}

.credential {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  margin-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.alumni {
  width: 100%;
}

.get-record {
  color: #fff;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  display: inline-block;
}

.top-nav-link-23 {
  color: #fff;
}

.uui-pricing01_plan-2 {
  padding: 4vh 4vw;
}

.uui-max-width-large-5 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4vh;
  padding-bottom: 0;
  display: flex;
}

.apply-box-price-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px dashed #e4e4e4;
  justify-content: space-between;
  align-items: center;
  padding-top: .85vh;
  padding-bottom: .85vh;
  display: flex;
}

.course-apply-2 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  border-bottom: 1px dashed #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 8vh;
  padding-bottom: 8vh;
  display: flex;
  position: relative;
}

.course-apply-2.hashoor {
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/tile1.svg');
  background-position: 0 0, 0 0;
  background-size: auto, 70px;
}

.price-rial-currency-2 {
  margin-right: .2vw;
  font-size: 1.2vw;
}

.apply-box-price-title-2 {
  color: #585858;
  font-size: 1.2vw;
  font-weight: 400;
}

.apply-box-price-title-2.big {
  color: #000;
  font-size: 1.4vw;
  font-weight: 500;
}

.apply-box-price-value-2 {
  font-size: 1.2vw;
  font-weight: 500;
}

.apply-box-price-value-2.big {
  font-size: 1.8vw;
  font-weight: 700;
}

.apply-box-price-value-2.compare-table-heading {
  text-decoration: line-through;
}

.header_hero-title-3 {
  letter-spacing: -.02em;
  width: 100%;
  font-size: 4vw;
  font-weight: 700;
}

.button-2 {
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding: 12px 18px 14px;
  font-size: 1.6vw;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.button-2:hover {
  background-color: #292929;
}

.button-2.button-secondary {
  color: #292929;
  background-color: #f8f8f8;
  padding-top: 1.25vh;
  padding-bottom: 1.25vh;
  font-weight: 700;
}

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

.button-2.is-xlarge {
  padding-top: 1.65vh;
  padding-bottom: 1.85vh;
  font-size: 1.8vw;
}

.uui-text-size-medium-4 {
  letter-spacing: normal;
  font-size: 1.2vw;
  line-height: 1.5;
}

.link-record {
  color: #fff;
}

@media screen and (min-width: 1920px) {
  .container-large {
    max-width: 92.5rem;
  }

  .bootcamp_header-title {
    max-width: 48vw;
    font-size: 5vw;
  }
}

@media screen and (max-width: 991px) {
  body {
    color: var(--nutral--100);
  }

  .button {
    font-size: 1rem;
  }

  .button.is-small {
    padding: 6px 8px 7px;
    font-size: 13px;
  }

  .button.is-xlarge {
    font-size: 22px;
  }

  .hide-tablet {
    display: none;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .heading-xlarge {
    font-size: 4rem;
  }

  .text-size-tiny {
    font-size: var(--paragraph-small-tablet);
  }

  .container-large.horizontal {
    flex-direction: column;
  }

  .show-tablet {
    display: block;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

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

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

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

  .nav_main-menu-logotype {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .nav_logo-wrap {
    width: 64px;
    height: 64px;
  }

  .nav_logo-mobile {
    width: 38px;
  }

  .nav-menu {
    margin-top: 2px;
  }

  .nav_logo-mobile-wrap {
    align-items: center;
  }

  .menu-button {
    text-align: center;
    border-right: 1px dashed #000;
    width: 64px;
    height: 63px;
    padding: 22px 0;
    display: flex;
  }

  .menu-button.w--open {
    background-color: var(--neutral--20);
    height: 64px;
  }

  .menu-button.border-left {
    background-color: #fff;
    width: 5rem;
    height: 5rem;
    padding-top: 1.9rem;
    padding-bottom: 1.9rem;
  }

  .nav_main-menu-burger-lines {
    background-color: var(--nutral--100);
    width: 28px;
    height: 3px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .border-left {
    border-left: 2px solid var(--nutral--100);
  }

  .nav_top-bar_wrap-left {
    padding-right: var(--box-padding);
    font-size: 16px;
    text-decoration: none;
  }

  .nav_logo-wrap-mobile {
    border-left: 1px solid #000;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    display: flex;
  }

  .footer_bottom-nav {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer_bottom-nav-box {
    flex: 0 auto;
  }

  .footer_bottom-nav-box.text-align-center {
    flex: 1;
  }

  .footer_bottom-nav-box.text-align-right {
    flex: 0 auto;
  }

  .bootcamp_header-component {
    flex-direction: column;
    display: flex;
  }

  .bootcamp_header-info-wrap {
    padding: var(--section-padding-horizontal-tablet) var(--section-padding-tablet);
    align-items: flex-start;
    min-height: auto;
  }

  .bootcamp_modules-iconbox, .bootcamp_modules-titlebox {
    font-size: 3vw;
  }

  .badge.is-grey, .badge.is-blank.is-farsi {
    font-size: var(--paragraph-tablet);
  }

  .bootcamp_header-title {
    text-align: right;
    max-width: 100%;
    font-size: 5.8vw;
  }

  .bootcamp_header-infinite {
    min-height: 8vh;
  }

  .header-icon-box {
    font-size: 14px;
  }

  .bootcamp_statistics-box {
    justify-content: center;
  }

  .icon-1x1-xsmall {
    width: 18px;
    height: 18px;
  }

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

  .reviews_item {
    padding: 2rem;
  }

  .footer_top {
    flex-direction: column;
  }

  .footer_top-main {
    flex-direction: row;
  }

  .footer_top-side {
    width: 100%;
  }

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

  .logos_itembox {
    width: 25%;
    height: 25vw;
  }

  .header_hero-title {
    font-size: var(--heading-1-tablet);
  }

  .header_hero-title.large {
    font-size: 8vw;
  }

  .header-icon-wrapper {
    padding: 6px 8px;
  }

  .bootcamp_header-infinite-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .instructor_avatar-img {
    border-bottom-style: none;
    border-left: 2px solid #000;
  }

  .sticky-sidebar {
    display: none;
  }

  .main-details {
    flex: 0 auto;
    width: 100%;
  }

  .instructor_name-text {
    background-color: #0000;
    height: 100%;
  }

  .guest_profile-main {
    flex-direction: column;
  }

  .guest_profile-image {
    border-bottom: 2px solid #000;
    border-left-style: none;
    width: 100%;
  }

  .stats_wrap {
    padding: 2rem;
  }

  .section {
    padding-right: var(--section-padding-tablet);
    padding-left: var(--section-padding-tablet);
  }

  .section.is-roadmap {
    flex-direction: column;
  }

  .bootcamp_header-webflow {
    border-left-style: none;
    width: 98vw;
    min-height: 80vh;
    display: block;
  }

  .bootcamp_header-subtitle {
    font-size: var(--paragraph-tablet);
    text-align: right;
    max-width: none;
  }

  .sidebar_instructors-photo {
    width: 42px;
    height: 42px;
  }

  .sidebar_instructors-name {
    font-size: var(--paragraph-tablet);
  }

  .feature_item-checkmark-img {
    width: 3vw;
  }

  .feature_item-title {
    font-size: 3vw;
  }

  .inspo-flex__button {
    font-size: 1.5vw;
  }

  .navigation-link {
    color: #060606;
    border-bottom: 1px dashed #000;
    justify-content: flex-start;
    width: 100%;
    padding: 1rem 16px;
    font-size: 1rem;
  }

  .navigation-link.w--open {
    color: #fff;
    background-color: #7070c2;
    width: 100%;
  }

  .paragraph-small-regular {
    font-size: 13px;
  }

  .sub-heading-small {
    font-size: 18px;
  }

  .icon-nav {
    margin-left: 12px;
    font-size: 14px;
  }

  .dropdown {
    width: 100%;
  }

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

  .navigation-dropdown-base {
    box-shadow: none;
    margin-top: 0;
  }

  .navigation-toggle {
    color: #060606;
    border-bottom: 1px dashed #000;
    justify-content: flex-start;
    width: 100%;
    padding: 1rem 16px;
    font-size: 1rem;
  }

  .navigation-toggle.w--open {
    width: 100%;
  }

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

  .menu-wrap {
    background-color: #fff;
    height: auto;
    margin-top: 1px;
    position: absolute;
  }

  .full-image {
    object-fit: fill;
    object-position: 0% 50%;
    overflow: auto;
  }

  .student-image {
    width: 20vw;
    height: 20vw;
  }

  .student_header {
    padding-right: 4vw;
  }

  .student_name {
    font-size: 18px;
  }

  .student_role {
    font-size: 14px;
  }

  .student_arrow {
    width: 6vw;
    height: 6vw;
  }

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

  .student_page-title {
    font-size: 4rem;
  }

  .plans_component {
    flex-direction: column;
  }

  .plan_box {
    width: 100%;
    margin-top: 0;
  }

  .student_company {
    height: 4vw;
  }

  .top-notif, .sidebar_instructors-role {
    font-size: var(--paragraph-small-tablet);
  }

  .nav-main-left {
    padding-left: var(--box-padding);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 1;
  }

  .timeline_quote-title {
    font-size: var(--paragraph-tablet);
  }

  .timeline_quote-image {
    width: 48px;
    height: 48px;
  }

  .timeline_link, .timeline_quote {
    font-size: var(--paragraph-tablet);
  }

  .timeline_mentors, .timeline_subheader-wrap {
    max-width: none;
  }

  .header_bar {
    grid-row-gap: 64px;
    flex-direction: column-reverse;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .teachers_avatars {
    display: none;
  }

  .teachers_avatars.in-mobile {
    display: block;
  }

  .bootcamp_cover {
    width: 100%;
    max-width: none;
    margin-top: 40px;
  }

  .who-wrapper {
    border-bottom: 1px dashed #000;
  }

  .teacher-wrapper {
    max-width: 100%;
  }

  .item-text {
    font-size: var(--paragraph-tablet);
  }

  .item-header {
    font-size: var(--heading-2-tablet);
  }

  .course-intro {
    flex-direction: column;
  }

  .course-intro-text {
    padding: 10vh var(--section-padding-tablet) 12vh;
    font-size: var(--paragraph-tablet);
    width: 100%;
    max-width: none;
  }

  .colorful-cel.hashoor {
    border-bottom: var(--border-sm) solid black;
    display: none;
  }

  .course-intro-image {
    order: -1;
    width: 100%;
  }

  .course-header-main {
    border-bottom-style: none;
    width: 100%;
    padding: 0;
  }

  .course-header-main.hashoor {
    border-bottom-style: none;
    padding: 0;
  }

  .course-title {
    padding: 3vh var(--section-padding-tablet) 0vh;
    background-color: var(--untitled-ui-white);
    border-style: none;
    width: 100%;
  }

  .course-title-text {
    font-size: 5vw;
  }

  .course-header-wrap {
    background-color: var(--untitled-ui-white);
    flex-direction: column;
  }

  .course-header-intro {
    background-color: #fff0;
    width: 100%;
  }

  .info-blocks-wrap {
    padding: 1vh var(--section-padding-tablet) var(--box-padding-horizontal);
  }

  .info-block-title, .info-block-value {
    font-size: 16px;
  }

  .course-timeline-details {
    flex-direction: column;
  }

  .course-timeline-col, .course-timeline-col.small, .course-timeline-col.big {
    width: 100%;
  }

  .course-timeline-head {
    padding-right: var(--section-padding-tablet);
    padding-left: var(--section-padding-tablet);
    font-size: var(--paragraph-small-tablet);
  }

  .course-timeline-body {
    padding-top: 2vh;
    padding-right: var(--section-padding-tablet);
    padding-left: var(--section-padding-tablet);
  }

  .course-timeline-body.col-1 {
    padding-top: var(--box-padding-horizontal);
    padding-bottom: 0;
  }

  .course-timeline-body.is-center {
    padding-top: 4vh;
  }

  .course-timeline-week {
    font-size: 16px;
  }

  .course-roadmap-details {
    max-width: none;
  }

  .course-timeline-title {
    font-size: var(--heading-2-tablet);
  }

  .course-header-bottom {
    padding-right: var(--section-padding-tablet);
    padding-bottom: var(--section-padding-tablet);
    padding-left: var(--section-padding-tablet);
  }

  .course-timeline-description {
    font-size: var(--paragraph-tablet);
    max-width: none;
  }

  .course-instructor-single {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .icon-background-s {
    background-size: 16px;
    width: 16px;
    height: 16px;
  }

  .icon-background-s.linkedin {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
  }

  .course_curriculum-title {
    font-size: var(--paragraph-small-tablet);
  }

  .image-inline {
    margin-top: 1vh;
  }

  .course-intro-text-wdith {
    max-width: none;
    font-size: 4vw;
  }

  .uui-text-size-medium {
    font-size: var(--paragraph-tablet);
  }

  .course-apply {
    padding-top: var(--section-padding-horizontal-tablet);
    padding-bottom: var(--section-padding-horizontal-tablet);
  }

  .course-apply.hashoor {
    margin-top: 8vh;
    padding: 0;
  }

  .instructors-list {
    grid-template-columns: 1fr;
  }

  .timeline_link-bottom {
    font-size: var(--paragraph-tablet);
  }

  .uui-button-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .uui-text-size-large-2 {
    font-size: var(--paragraph-tablet);
  }

  .apply-box {
    border-left-style: none;
    border-right-style: none;
    width: 100%;
  }

  .course-apply-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .uui-heading-xxsmall {
    font-size: var(--paragraph-tablet);
  }

  .uui-text-size-medium-3 {
    font-size: var(--paragraph-small-tablet);
  }

  .uui-heading-tiny {
    font-size: var(--paragraph-tablet);
  }

  .uui-team03_image {
    width: 64px;
    height: 64px;
  }

  .uui-team03_list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .uui-text-size-small {
    font-size: var(--paragraph-small-tablet);
  }

  .uui-testimonial14_client-heading {
    font-size: var(--paragraph-tablet);
  }

  .uui-testimonial14_customer-image {
    width: 42px;
    height: 42px;
  }

  .uui-testimonial14_content {
    padding: 22px;
  }

  .testimonial_component {
    column-count: 2;
    margin-left: -4vw;
    margin-right: -4vw;
  }

  .accordion-icon_vertical-line {
    width: 2px;
    height: 10px;
  }

  .accordion-icon_horizontal-line {
    width: 10px;
    height: 2px;
  }

  .accordion-icon_component {
    width: 20px;
    height: 20px;
  }

  .uui-faq01_heading {
    font-size: var(--paragraph-tablet);
  }

  .pricing-icon-check {
    background-size: 18px;
    width: 18px;
    height: 18px;
    margin-left: 4px;
  }

  .apply-box-price {
    padding-top: 1vh;
    padding-bottom: 1vh;
  }

  .price-rial-currency {
    font-size: var(--paragraph-small-tablet);
  }

  .apply-box-price-title, .apply-box-price-value {
    font-size: var(--paragraph-tablet);
  }

  .header_hero-title-2 {
    font-size: 40px;
  }

  .course-persona {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .text-block-17 {
    font-size: var(--heading-4);
    line-height: 1.8;
  }

  .course-intro-2-text {
    font-size: var(--paragraph-tablet);
    width: 100%;
  }

  .navigation-menu {
    background-color: #fff;
    border-bottom: 1px solid #e5e7eb;
    padding: 12px;
  }

  .navigation-menu.w--open {
    background-color: #282556;
    border-color: #fff;
  }

  .navigation-mobile {
    color: #fff;
    background-color: #030711;
    border-radius: 44px;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    padding: 11px;
    display: flex;
  }

  .navigation-mobile.w--open {
    color: #fff;
    background-color: #030711;
    border-color: #0000;
  }

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

  .dropdown-main-grid {
    grid-template-columns: auto 2fr;
  }

  .navigation-main-b {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
  }

  .navigation-3 {
    position: relative;
  }

  .dropdown-main-wrapper {
    min-width: auto;
  }

  .navigation-toggle-2 {
    justify-content: space-between;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .dropdown-list-2.w--open {
    margin-left: 0%;
    padding-top: 0;
    position: relative;
  }

  .navigation-logo-link-2 {
    margin-right: 0;
  }

  .navigation-link-4 {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .dropdown-2 {
    width: 100%;
  }

  .ticker-wrapper-2, .feature-ticker {
    width: 95%;
  }

  .grid-three-column-4, .grid-three-column-5 {
    grid-template-columns: 1fr 1fr;
  }

  .footer-legal-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: center;
  }

  .footer-nav-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer-block {
    padding: 40px;
  }

  .apply-box-price-2 {
    padding-top: 1vh;
    padding-bottom: 1vh;
  }

  .course-apply-2 {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }

  .course-apply-2.hashoor {
    margin-top: 8vh;
    padding: 0;
  }

  .price-rial-currency-2 {
    font-size: 12px;
  }

  .apply-box-price-title-2, .apply-box-price-value-2 {
    font-size: 14px;
  }

  .header_hero-title-3 {
    font-size: 40px;
  }

  .button-2 {
    font-size: 1rem;
  }

  .button-2.is-xlarge {
    font-size: 22px;
  }

  .uui-text-size-medium-4 {
    font-size: 14px;
  }
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1rem;
  }

  .fs-styleguide_row.is-for-social-icons {
    grid-template-rows: auto auto;
  }

  .fs-styleguide_3-col {
    grid-template-columns: 1fr 1fr;
  }

  .is-color-neutral-05 {
    padding: 2.5rem 2rem;
  }

  .button.is-xlarge {
    font-size: 18px;
  }

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

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

  .text-size-large {
    font-size: 1.25rem;
  }

  .fs-styleguide_section-type {
    font-size: .875rem;
  }

  .heading-xlarge {
    font-size: 2.5rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .show-mobile-landscape {
    display: block;
  }

  .form-field-wrapper {
    height: 4.625rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

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

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

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

  .text-style-nowrap {
    white-space: normal;
  }

  .heading-small {
    font-size: 1rem;
  }

  .fs-styleguide_version-details {
    font-size: .875rem;
  }

  .fs-styleguide_page-header {
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .nav_main-menu-logotype {
    padding: 1rem;
  }

  .menu-button.border-left {
    width: 4.25rem;
    height: 4.25rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

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

  .button_double.is-apply {
    width: auto;
    height: 4rem;
  }

  .nav_logo-desktop {
    width: 38px;
  }

  .footer_bottom-wrap {
    flex-direction: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .footer_bottom-box {
    border-left-style: none;
    flex: 0 auto;
    justify-content: center;
    width: 100%;
    height: 4rem;
  }

  .footer_bottom-box.is-footer-bottom-box-last {
    border-bottom-style: none;
  }

  .footer_bottom-nav {
    flex-direction: column;
    align-items: center;
    padding: 1rem 0;
  }

  .footer_bottom-nav-box {
    border-bottom: 2px none var(--nutral--100);
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-self: center;
    width: 100%;
    height: 2.8rem;
  }

  .footer_bottom-nav-box.text-align-center {
    border-top: 2px none var(--nutral--100);
    border-bottom: 2px none var(--nutral--100);
    flex: 0 auto;
    order: 0;
    justify-content: center;
  }

  .footer_bottom-nav-box.text-align-right {
    justify-content: center;
  }

  .bootcamp_header-component {
    min-height: 70vh;
  }

  .bootcamp_header-info-wrap {
    justify-content: center;
    padding: 4vh;
  }

  .bootcamp_header-info-bottom {
    flex-direction: row;
  }

  .bootcamp_modules-iconbox {
    font-size: 1.125rem;
  }

  .bootcamp_modules-titlebox {
    font-size: 4vw;
  }

  .bootcamp_header-title {
    font-size: 9vw;
  }

  .header-icon-box {
    font-size: 14px;
  }

  .bootcamp_header-info-middle.wf {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .bootcamp_statistics {
    flex-direction: column;
  }

  .bootcamp_statistics-box {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    height: auto;
  }

  .bootcamp_statistics-bottom {
    height: 3.25rem;
    font-size: 1rem;
  }

  .bootcamp_statistics-header {
    flex: 0 auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 2rem;
  }

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

  .review-item-body {
    font-size: 1.3rem;
  }

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

  .footer_top-main {
    flex-direction: column;
  }

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

  .logos_itembox {
    width: 33.3333%;
    height: 33.3333vw;
  }

  .header_hero-heading {
    font-size: 1rem;
  }

  .footer_links {
    padding: 2rem;
  }

  .about-instructor {
    flex-direction: column;
    align-items: flex-start;
  }

  .instructor_avatar {
    width: 50%;
    margin-bottom: 2rem;
  }

  .instructor_text {
    flex: 0 auto;
    padding-right: 0;
    font-size: 1.25rem;
  }

  .sticky-sidebar {
    border-bottom: 2px solid #000;
    border-left-style: none;
    width: 100%;
    height: auto;
    display: flex;
    position: static;
    overflow: visible;
  }

  .bootcamp_body {
    flex-direction: column;
  }

  .guests_list {
    grid-template-columns: 1fr;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .guest_profile-heading {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .guest_title {
    font-size: 1.5rem;
  }

  .review_write {
    padding: 2rem;
  }

  .section {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .section.border-bottom {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .feature_item-checkmark-img {
    width: 1.5rem;
  }

  .feature_item-title {
    font-size: 1rem;
    font-weight: 600;
  }

  .inspo-flex__button {
    font-size: 2vw;
  }

  .accordion {
    width: 100%;
    margin-bottom: -16px;
  }

  .accordion-body {
    padding-right: 1.5rem;
  }

  .icon-nav {
    margin-left: 16px;
  }

  .navigation-link-card-large.bootcamp {
    border-left-style: none;
  }

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

  .navigation-bottom-wrapper.hide-mobile-portrait {
    display: none;
  }

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

  .students_header {
    grid-row-gap: 24px;
  }

  .student_page-title {
    font-size: 2.5rem;
  }

  .plan_heading {
    flex-direction: column;
    align-items: center;
    height: auto;
  }

  .plan_heading-course {
    border-left-style: none;
    width: auto;
  }

  .plan_heading-course-sub {
    border-top: 2px dotted #000;
    justify-content: center;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .plan_body {
    padding-left: 16px;
    padding-right: 16px;
  }

  .plan_feature-item {
    font-size: 1rem;
  }

  .timeline_centre {
    justify-content: flex-start;
  }

  .margin-bottom-xlarge {
    margin-bottom: 48px;
  }

  .timeline_progress {
    right: 6px;
  }

  .timeline_item {
    grid-template-columns: 48px 1fr;
    width: 100%;
  }

  .timeline_text {
    font-size: 20px;
  }

  .timeline_date-text {
    text-align: right;
    margin-bottom: 24px;
    font-size: 36px;
  }

  .feature-list_item {
    font-size: 16px;
  }

  .plans_bottom {
    width: 100%;
  }

  .header_hero-right-title {
    font-size: 36px;
  }

  .course-intro-text {
    font-size: 16px;
  }

  .course-title-text {
    font-size: 8vw;
    line-height: 1.3;
  }

  .course-timeline-title {
    font-size: 28px;
  }

  .uui-pricing01_feature-list {
    grid-template-columns: 1fr;
  }

  .uui-pricing01_plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .instructors-list {
    grid-template-columns: 1fr;
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-text-size-large-2 {
    font-size: 1rem;
  }

  .uui-space-xsmall-2 {
    min-height: .75rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-team03_image-wrapper {
    margin-bottom: 1rem;
  }

  .uui-team03_list {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .uui-testimonial14_content {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
  }

  .testimonial_component {
    column-count: 1;
  }

  .uui-button-row-2 {
    align-self: stretch;
  }

  .uui-button-row-2.button-row-center.is-reverse-mobile-landscape, .uui-button-row-2.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .avatar-stack_component {
    margin-bottom: 1.5rem;
  }

  .uui-faq01_cta {
    margin-top: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .uui-faq01_component {
    margin-top: 3rem;
  }

  .apply-box-price-title.big {
    font-size: 16px;
  }

  .apply-box-price-value.big {
    font-size: 18px;
  }

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

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

  .header-divider {
    height: 80px;
  }

  .header-bg {
    height: 60%;
  }

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

  .dropdown-main-grid {
    grid-template-columns: 2fr;
  }

  .navigation-3 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .dropdown-link-large {
    border: 1px solid #e5e7eb;
  }

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

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

  .feature-card-row {
    flex-direction: column;
    align-items: center;
  }

  .feature-card-3, .feature-card-s {
    max-width: none;
  }

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

  .h6-heading-2 {
    font-size: 28px;
  }

  .h6-heading-2.large {
    font-size: 24px;
  }

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

  .h2-heading-2 {
    font-size: 44px;
  }

  .feature-card-carousel {
    max-width: none;
  }

  .overline-b {
    font-size: 16px;
  }

  .grid-three-column-4, .grid-three-column-5 {
    grid-template-columns: 1fr;
  }

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

  .footer-nav-wrap {
    flex-flow: column;
  }

  .footer-block {
    padding: 56px 32px;
  }

  .uui-pricing01_plan-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .apply-box-price-title-2.big {
    font-size: 16px;
  }

  .apply-box-price-value-2.big, .button-2.is-xlarge {
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .button.is-small.button-secondary.show-mobile-portrait, .show-mobile-portrait {
    display: block;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .text-style-link {
    flex: 0 auto;
    font-size: 1rem;
  }

  .fs-styleguide_2-col {
    grid-template-columns: auto;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

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

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

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

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .nav_main-menu {
    border-top-style: none;
    display: flex;
  }

  .nav_main-menu-wrap {
    height: 4.25rem;
  }

  .nav-menu, .nav_logo-mobile-wrap {
    flex: 1;
  }

  .button_double.is-small {
    font-size: 1rem;
  }

  .double-text {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .double-text.is-small {
    font-size: 1rem;
  }

  .bootcamp_header-component.wb-header {
    padding-top: 3.5rem;
    padding-bottom: 0;
    overflow: hidden;
  }

  .bootcamp_header-info-wrap {
    padding-left: 3vh;
    padding-right: 3vh;
  }

  .bootcamp_header-info-bottom {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .bootcamp_header-info-middle.wf {
    text-align: right;
    justify-content: flex-start;
  }

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

  .bootcamp_statistics-header {
    font-size: 1.5rem;
  }

  .reviews_item {
    padding: 1.5rem;
  }

  .review-item-body {
    font-size: 1.125rem;
  }

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

  .logos_itembox {
    width: 50%;
    height: 50vw;
  }

  .countdown_component {
    margin-top: .5rem;
  }

  .header_hero-heading.is-padding {
    padding-left: 2rem;
    padding-right: 1rem;
  }

  .bootcamp_header-info-top-left {
    margin-bottom: .5rem;
    margin-right: 0;
    display: none;
  }

  .countdown-in-tuition {
    flex-direction: column;
    padding: 1rem 1.5rem;
  }

  .instructor_avatar {
    font-size: 2rem;
  }

  .instructor_text {
    font-size: 1rem;
  }

  .sticky-sidebar, .guests_list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .guest_profile-main {
    flex-direction: column;
  }

  .guest_profile-heading {
    padding: 1rem 1.25rem;
  }

  .stats_wrap, .review_write {
    padding: 1.5rem;
  }

  .section {
    padding: 4rem 1.5rem;
  }

  .section.nopadding {
    padding-left: 0;
    padding-right: 0;
  }

  .bootcamp_header-webflow {
    height: 60vh;
    min-height: 600px;
  }

  .hero-image-wf {
    width: 100%;
    height: auto;
    top: 20%;
    bottom: auto;
    left: -4%;
  }

  .hero-image-wf-top._2 {
    bottom: 9%;
  }

  .hero-image-wf-top._1 {
    top: -2%;
  }

  .hero-image-wf-top._4 {
    top: 8%;
    left: 0%;
  }

  .bootcamp_header-subtitle {
    margin-bottom: 1rem;
  }

  .feature_item-icon {
    padding-left: 1rem;
  }

  .feature_item-checkmark-img {
    width: 6vw;
  }

  .feature_item-text-description {
    font-size: 1rem;
  }

  .inspo-flex__mobile {
    width: 20vw;
  }

  .inspo-flex__desktop {
    width: 61vw;
  }

  .accordion_item-image {
    width: 30px;
  }

  .accordion-header {
    padding-left: .5rem;
  }

  .question-text {
    flex: 0 100%;
    font-size: 1rem;
  }

  .js-accordion-icon {
    margin-right: .5rem;
  }

  .accordion__item {
    border-left-style: none;
    border-right-style: none;
    margin-bottom: -2px;
  }

  .accordion-body {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .accordion-body.js-accordion-body {
    border-top: 1px solid #0000001a;
  }

  .navigation-bottom-detail {
    flex-direction: column;
  }

  .grid-navigation-images {
    grid-template-columns: 1fr 1fr;
    height: auto;
  }

  .navigation-dropdown-base {
    padding-bottom: 20px;
  }

  .support-wrapper-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .support-wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .student-image {
    width: 100px;
    height: 100px;
  }

  .top-notif {
    grid-row-gap: 4px;
    flex-direction: column;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .margin-bottom-medium {
    margin-bottom: 24px;
  }

  .timeline_item {
    grid-template-columns: 48px 1fr;
  }

  .timeline_date-text {
    font-size: 32px;
  }

  .div-block-11 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .description-text {
    font-size: 16px;
  }

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

  .info-block-title {
    font-size: 15px;
  }

  .info-block-value {
    font-size: 14px;
  }

  .uui-team03_list {
    grid-column-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .course-persona {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .h1-heading-2.hide-desktop {
    display: block;
  }

  .header-bottom-nav {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .section-header {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .navigation-button-wrap-2 {
    display: none;
  }

  .dropdown-link-block {
    padding: 16px;
  }

  .dropdown-cta-block, .dropdown-link-large {
    flex-direction: column;
    align-items: flex-start;
  }

  .feature-card-carousel {
    max-width: 90vw;
  }

  .overline-b {
    max-width: 280px;
  }

  .footer-legal-wrap {
    text-align: center;
    align-items: center;
  }

  .footer-block {
    padding: 48px 24px;
  }

  .footer-nav {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-legal-links {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
  }
}

#w-node-_006750c0-031e-1b7e-dbc3-7507fdec6ff1-96310e9e, #w-node-ad679c21-add0-e55f-53a4-2836f0d974af-96310e9e, #w-node-ad679c21-add0-e55f-53a4-2836f0d974b9-96310e9e, #w-node-ad679c21-add0-e55f-53a4-2836f0d974c3-96310e9e, #w-node-d9137fa4-c8e5-8b09-3603-13edfbd05132-fa01eeb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d9137fa4-c8e5-8b09-3603-13edfbd0513d-fa01eeb5 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-d9137fa4-c8e5-8b09-3603-13edfbd0513f-fa01eeb5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d9137fa4-c8e5-8b09-3603-13edfbd05155-fa01eeb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d9137fa4-c8e5-8b09-3603-13edfbd05160-fa01eeb5 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-d9137fa4-c8e5-8b09-3603-13edfbd05162-fa01eeb5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d9137fa4-c8e5-8b09-3603-13edfbd05167-fa01eeb5, #w-node-_86b894fb-b8b4-fdc3-258c-2eaaa810ba5a-fa01eeb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_86b894fb-b8b4-fdc3-258c-2eaaa810ba63-fa01eeb5 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_86b894fb-b8b4-fdc3-258c-2eaaa810ba65-fa01eeb5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5acc2e16-c7f0-c04a-150f-9c2f3fbed51f-fa01eeb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5acc2e16-c7f0-c04a-150f-9c2f3fbed52b-fa01eeb5 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_5acc2e16-c7f0-c04a-150f-9c2f3fbed52d-fa01eeb5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b958fe17-73a0-a0f6-56ff-0293357ac185-fa01eeb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b958fe17-73a0-a0f6-56ff-0293357ac190-fa01eeb5 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-b958fe17-73a0-a0f6-56ff-0293357ac192-fa01eeb5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_291faa9e-9635-a27f-f325-5da91473e431-fa01eeb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_291faa9e-9635-a27f-f325-5da91473e43a-fa01eeb5 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_291faa9e-9635-a27f-f325-5da91473e43c-fa01eeb5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a3e27a4c-6008-414d-63eb-6aeb770c4951-e4310eb8, #w-node-_526c897d-6695-0955-a39e-5927fa31df2f-dab2ac84, #w-node-fc2b0210-f78b-2bda-e3c5-a68904d16b1b-dab2ac84, #w-node-fc2b0210-f78b-2bda-e3c5-a68904d16b1d-dab2ac84, #w-node-fc2b0210-f78b-2bda-e3c5-a68904d16b1f-dab2ac84, #w-node-fc2b0210-f78b-2bda-e3c5-a68904d16b21-dab2ac84, #w-node-d0a4ef41-a89c-f645-7672-24b7fb52d748-d24cec12, #w-node-_6688ee5e-4a56-2310-aeee-2722b8a6b57b-d24cec12, #w-node-_5dccebd4-a1ce-69ad-d616-4e1e8ea481b5-d24cec12, #w-node-_5d5a6aac-007f-c584-5c35-18700de4b10d-d24cec12 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_17e5cc88-2fc2-bce9-3d8f-6e4bede54d83-d24cec12 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-f9e9f658-d29c-e664-00d9-b26220419e96-d24cec12 {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af033cca-6405-9733-4f7f-89fe5755f374-d24cec12 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-a502a38d-10bc-a8f4-462a-f90a767a45a2-d24cec12, #w-node-de36935b-0457-bb88-1d8b-6d9e8fe41a7d-d24cec12, #w-node-_98274e1e-88dc-6526-3a8d-8b4c810891d3-d24cec12, #w-node-_64e25ebc-a515-6085-6fc1-b6ea871645d8-d24cec12, #w-node-_64e25ebc-a515-6085-6fc1-b6ea871645dd-d24cec12, #w-node-_64e25ebc-a515-6085-6fc1-b6ea871645e0-d24cec12, #w-node-_45877ff4-5e25-e6c1-c8c9-f0291b7ffaf0-d24cec12, #w-node-_45877ff4-5e25-e6c1-c8c9-f0291b7ffaf5-d24cec12, #w-node-_45877ff4-5e25-e6c1-c8c9-f0291b7ffaf8-d24cec12, #w-node-_88a637bb-1e69-0efc-b6ae-f9c91466c0a7-d24cec12, #w-node-_88a637bb-1e69-0efc-b6ae-f9c91466c0ac-d24cec12, #w-node-_88a637bb-1e69-0efc-b6ae-f9c91466c0af-d24cec12 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f086e38a-79ff-6c67-c3e3-e37a979c995f-d24cec12 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-f086e38a-79ff-6c67-c3e3-e37a979c9962-d24cec12 {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f086e38a-79ff-6c67-c3e3-e37a979c9963-d24cec12 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-a0a55fa3-8e8c-1953-aaab-42b1d4fdd8f0-d24cec12, #w-node-a0a55fa3-8e8c-1953-aaab-42b1d4fdd8f5-d24cec12, #w-node-a0a55fa3-8e8c-1953-aaab-42b1d4fdd8f8-d24cec12, #w-node-aad281b9-a171-5323-77a4-d38510291b34-d24cec12, #w-node-aad281b9-a171-5323-77a4-d38510291b3a-d24cec12, #w-node-aad281b9-a171-5323-77a4-d38510291b3d-d24cec12, #w-node-_27bc8f35-de92-bd05-959a-7f5be173aa2a-d24cec12, #w-node-_27bc8f35-de92-bd05-959a-7f5be173aa30-d24cec12, #w-node-_27bc8f35-de92-bd05-959a-7f5be173aa33-d24cec12, #w-node-_69c3fcce-4a05-5616-6023-dbe286e10042-d24cec12, #w-node-_69c3fcce-4a05-5616-6023-dbe286e10048-d24cec12, #w-node-_69c3fcce-4a05-5616-6023-dbe286e1004b-d24cec12, #w-node-caf20cce-4477-da96-ebc6-58262627cfa1-d24cec12, #w-node-caf20cce-4477-da96-ebc6-58262627cfa7-d24cec12, #w-node-caf20cce-4477-da96-ebc6-58262627cfaa-d24cec12, #w-node-_0810dba5-00cc-12f0-c04d-7886c7a55455-d24cec12, #w-node-_818dc0d6-41ae-f357-96ff-8991bce2c741-d24cec12, #w-node-ff8e8f6d-ebb7-861d-cff5-0c46892b0308-d24cec12, #w-node-ff8e8f6d-ebb7-861d-cff5-0c46892b030e-d24cec12, #w-node-_3e21304e-2911-e5e6-6dd4-e4c1b587cb76-d24cec12, #w-node-_3e21304e-2911-e5e6-6dd4-e4c1b587cb7c-d24cec12, #w-node-cfbefbe0-464f-67d4-29fd-7a7787dc3d7e-d24cec12, #w-node-_7e512d62-5831-d87f-5c25-42405901450e-d24cec12, #w-node-_401aa746-ab96-f594-67e7-2448c167889a-d24cec12, #w-node-ad9ed2cb-710e-e3be-0687-d4d9466ce837-d24cec12, #w-node-ad9ed2cb-710e-e3be-0687-d4d9466ce840-d24cec12, #w-node-ad9ed2cb-710e-e3be-0687-d4d9466ce849-d24cec12 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a81d0b01-5c1c-0c39-1399-763bfa2e0ffc-d24cec12, #w-node-a81d0b01-5c1c-0c39-1399-763bfa2e0ffc-bf62dbd6 {
  align-self: start;
}

#w-node-_213a8be6-9604-5dd9-741a-a29fdfc738e5-0c670860 {
  justify-self: center;
}

#w-node-a81d0b01-5c1c-0c39-1399-763bfa2e0ffc-0c670860, #w-node-a81d0b01-5c1c-0c39-1399-763bfa2e0ffc-f273e34e, #w-node-a81d0b01-5c1c-0c39-1399-763bfa2e0ffc-64834d8f, #w-node-a81d0b01-5c1c-0c39-1399-763bfa2e0ffc-e3f4a1a5, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd68e-bdb5b5eb, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd693-bdb5b5eb, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd698-bdb5b5eb, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd69d-bdb5b5eb, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd6a2-bdb5b5eb, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd6b6-bdb5b5eb {
  align-self: start;
}

#w-node-_4bbe7d09-9beb-10a9-473e-d9f61c46e081-3498c011, #w-node-_4bbe7d09-9beb-10a9-473e-d9f61c46e06f-3498c011, #w-node-_4bbe7d09-9beb-10a9-473e-d9f61c46e0a2-3498c011, #w-node-_4d9d113a-f4d8-2b03-cd52-8215afbe06d4-3498c011, #w-node-_4d9d113a-f4d8-2b03-cd52-8215afbe06e3-3498c011, #w-node-_4d9d113a-f4d8-2b03-cd52-8215afbe06f2-3498c011 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd68e-3498c011, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd693-3498c011, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd6a7-3498c011 {
  align-self: start;
}

#w-node-_4bbe7d09-9beb-10a9-473e-d9f61c46e081-204f390b, #w-node-_4bbe7d09-9beb-10a9-473e-d9f61c46e06f-204f390b, #w-node-_4bbe7d09-9beb-10a9-473e-d9f61c46e0a2-204f390b, #w-node-_4d9d113a-f4d8-2b03-cd52-8215afbe06d4-204f390b, #w-node-_4d9d113a-f4d8-2b03-cd52-8215afbe06e3-204f390b, #w-node-_4d9d113a-f4d8-2b03-cd52-8215afbe06f2-204f390b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd68e-204f390b, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd693-204f390b, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd6a7-204f390b, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd68e-18798da4, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd693-18798da4, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd69d-18798da4, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd6ac-18798da4, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd6b1-18798da4, #w-node-_7b52fdac-ff23-fc6b-928f-75cb9d4fd6b6-18798da4 {
  align-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-ad679c21-add0-e55f-53a4-2836f0d974c3-96310e9e {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_006750c0-031e-1b7e-dbc3-7507fdec6ff1-96310e9e {
    order: -9999;
  }

  #w-node-ad679c21-add0-e55f-53a4-2836f0d974c3-96310e9e {
    grid-column: span 1 / span 1;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03b9-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03bc-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03be-d24cec12 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b7a3e61f-9646-695c-5722-8f4bf3693248-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b7a3e61f-9646-695c-5722-8f4bf3693253-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03c5-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03c8-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_3afe9a53-5b78-68d2-7633-83a80f288b8e-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_3afe9a53-5b78-68d2-7633-83a80f288b99-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ffe400f4-73e6-0fc8-f28c-ca1fa77735e0-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ffe400f4-73e6-0fc8-f28c-ca1fa77735eb-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03d8-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03db-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03f2-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03f5-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c042b-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c042e-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c0449-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c044c-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_4a44d77c-55b4-361b-39f4-8ef2ff120385-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_4a44d77c-55b4-361b-39f4-8ef2ff120390-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c045c-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c045f-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c0470-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c0473-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_9c3d33fc-62bf-98ec-a010-89992ff2d7bb-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_9c3d33fc-62bf-98ec-a010-89992ff2d7c6-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_013c183f-6877-683e-c3c8-46e637ec1f66-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_013c183f-6877-683e-c3c8-46e637ec1f71-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-c6d3344d-8613-51d8-8417-f0194fe11e9b-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-c6d3344d-8613-51d8-8417-f0194fe11ea6-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_213a8be6-9604-5dd9-741a-a29fdfc738da-d24cec12 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_213a8be6-9604-5dd9-741a-a29fdfc738e5-d24cec12 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03b9-bf62dbd6 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03bc-bf62dbd6 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03be-bf62dbd6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b7a3e61f-9646-695c-5722-8f4bf3693248-bf62dbd6 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b7a3e61f-9646-695c-5722-8f4bf3693253-bf62dbd6 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03c5-bf62dbd6 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03c8-bf62dbd6 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_2b61fa12-da45-b5bf-fc4a-1741252a7be6-bf62dbd6 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2b61fa12-da45-b5bf-fc4a-1741252a7bf0-bf62dbd6 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03b9-ae13f41a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03bc-ae13f41a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_22175912-3571-46e4-2154-7307d0e26945-ae13f41a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_22175912-3571-46e4-2154-7307d0e26949-ae13f41a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-be9e0d72-9253-7e65-a29d-ad1bd7e5505b-ae13f41a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-be9e0d72-9253-7e65-a29d-ad1bd7e5505f-ae13f41a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03b9-0c670860 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03bc-0c670860 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03be-0c670860 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03c5-0c670860 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03c8-0c670860 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_3afe9a53-5b78-68d2-7633-83a80f288b8e-0c670860 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_3afe9a53-5b78-68d2-7633-83a80f288b99-0c670860 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ffe400f4-73e6-0fc8-f28c-ca1fa77735e0-0c670860 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ffe400f4-73e6-0fc8-f28c-ca1fa77735eb-0c670860 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03d8-0c670860 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03db-0c670860 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03f2-0c670860 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03f5-0c670860 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_4a44d77c-55b4-361b-39f4-8ef2ff120385-0c670860 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_4a44d77c-55b4-361b-39f4-8ef2ff120390-0c670860, #w-node-_213a8be6-9604-5dd9-741a-a29fdfc738e5-0c670860 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03b9-64834d8f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03bc-64834d8f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03be-64834d8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03c5-64834d8f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03c8-64834d8f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_7a3807a2-e696-8880-cfd4-64d923b0369f-64834d8f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7a3807a2-e696-8880-cfd4-64d923b036a9-64834d8f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_3867c403-23a6-8b38-44d7-b2b1e93afa9d-64834d8f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_3867c403-23a6-8b38-44d7-b2b1e93afaa7-64834d8f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03b9-e3f4a1a5 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03bc-e3f4a1a5 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03be-e3f4a1a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03c5-e3f4a1a5 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03c8-e3f4a1a5 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_7a3807a2-e696-8880-cfd4-64d923b0369f-e3f4a1a5 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7a3807a2-e696-8880-cfd4-64d923b036a9-e3f4a1a5 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_3867c403-23a6-8b38-44d7-b2b1e93afa9d-e3f4a1a5 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_3867c403-23a6-8b38-44d7-b2b1e93afaa7-e3f4a1a5 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03b9-892a8d9a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_45bc2b37-e0c5-07c7-cb06-285d324c03bc-892a8d9a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_22175912-3571-46e4-2154-7307d0e26945-892a8d9a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_22175912-3571-46e4-2154-7307d0e26949-892a8d9a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-be9e0d72-9253-7e65-a29d-ad1bd7e5505b-892a8d9a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-be9e0d72-9253-7e65-a29d-ad1bd7e5505f-892a8d9a {
    grid-area: 1 / 1 / 3 / 2;
  }
}


@font-face {
  font-family: 'Modamvf';
  src: url('../fonts/ModamVF.woff2') format('woff2');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}