.hidden-important {
  display: none !important
}

.block-important {
  display: block !important
}

.grid-important {
  display: grid !important
}

.test-checkbox__input:checked~.test-checkbox__icon-wrapper .test-checkbox__icon-inner,
.active-open .test-checkbox__icon-inner {
  opacity: 100%
}

.active-open .test-checkbox__icon-inner {
  background: #fff
}

.active-wrong .disk,
.active-right .disk,
.inactive .disk,
.inactive-wrong .disk {
  opacity: 0
}

.active-wrong .cross,
.active-right .check,
.inactive-wrong .cross {
  opacity: 100%
}

.inactive-wrong .cross {
  color: #FDDFD6
}

.test-checkbox__input:checked~.test-checkbox__label,
.active-open .test-checkbox__label,
.active-wrong .test-checkbox__label,
.active-right .test-checkbox__label,
.inactive .test-checkbox__label,
.inactive-wrong .test-checkbox__label {
  cursor: default
}

.test-checkbox__input:checked~.test-checkbox__label,
.active-open .test-checkbox__label {
  border-color: #7057F3
}

.active-wrong .test-checkbox__label,
.active-wrong .test-checkbox__input:checked~.test-checkbox__label {
  border-color: #F55F30
}

.active-right .test-checkbox__label,
.active-right .test-checkbox__input:checked~.test-checkbox__label {
  border-color: #6AC631
}

.inactive .test-checkbox__label,
.inactive-wrong .test-checkbox__label,
.inactive .test-checkbox__input:checked~.test-checkbox__label,
.inactive-wrong .test-checkbox__input:checked~.test-checkbox__label {
  border-color: #fff
}

.test-checkbox__icon {
  width: 1.38vw;
  height: 1.38vw;
}

.rich-text>* {
  margin: 0;
  line-height: 1.5
}

.rich-text>*+*,
.rich-text li+li {
  margin-top: 0.46vw
}

.rich-text.space-between-40>*+*,
.rich-text.space-between-40 li+li {
  margin-top: 2.31vw
}

.rich-text p+h1,
.rich-text p+h2,
.rich-text p+h3,
.rich-text p+h4,
.rich-text p+h5,
.rich-text p+h6 {
  margin-top: 3vw
}

.rich-text figure+h1,
.rich-text figure+h2,
.rich-text figure+h3,
.rich-text figure+h4,
.rich-text figure+h5,
.rich-text figure+h6 {
  margin-top: 2.31vw
}

.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {
  font-size: 1.16em
}

.rich-text a {
  text-decoration: underline;
  color: #7057F3
}

.rich-text a:hover {
  text-decoration: none
}

.button:hover .button__bg {
  opacity: 70%
}

.hint__image:hover+.hint__text {
  z-index: 10;
  opacity: 100%;
  -webkit-transform: translate(5.32vw, -1.15vw);
  transform: translate(5.32vw, -1.15vw)
}

.value__label:hover+.value__image {
  -webkit-transform: scale(1) translate(-23.58vw, 0px);
  transform: scale(1) translate(-23.58vw, 0px);
  opacity: 100%
}

.value.unactive {
  opacity: 20%
}

.hidden-before-after.w-embed:before,
.hidden-before-after.w-embed:after,
.checklist-item .w-embed:before,
.checklist-item .w-embed:after {
  display: none
}

.checklist-item .w-embed svg {
  display: block
}

._3-column-grid[fs-cmsfilter-element="list"] {
  display: -ms-grid !important;
  display: grid !important
}

.filter-checkbox input:checked~.filter-checkbox__bg--hovered,
.filter-checkbox:active .filter-checkbox__bg--hovered {
  opacity: 0
}

.filter-checkbox input:checked~.filter-checkbox__bg--pressed,
.filter-checkbox:active .filter-checkbox__bg--pressed {
  opacity: 100%
}

.filter-checkbox input:checked~* {
  color: #fff
}

.filter-checkbox:has([id="checkbox-3-1"]):hover,
.filter-checkbox:hover [style="background-color:#cdf567"]+*,
.filter-checkbox input:checked~[style="background-color:#cdf567"]+* {
  color: #1B1D2A
}

.filter-checkbox:has(input:checked) {
  border-color: transparent
}

.menu-grid::before,
.menu-grid::after,
.index,
.card [fs-cmsnest-collection="mentors"] .mentors-image:nth-child(n+7) {
  display: none
}

.card__link {
  height: calc(100% - 3.93vw)
}

.button.primary {
  padding: 0.9vw 1.737vw
}

.button.primary.dark:hover {
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2)
}

.main-content {
  min-height: calc(100vh - 25.69vw)
}

/* 100 vh - (header height + footer height) */
.blue-gradient {
  background: linear-gradient(73.32deg, rgba(246, 250, 252, 0.85) 0%, #DEF5FF 100%)
}

.w-nav {
  z-index: 11
}

.pink-gradient {
  background: linear-gradient(87.62deg, #F7E7F8 0%, #FFF2F6 100%)
}

.blue-pink-gradient {
  background: linear-gradient(73.32deg, rgba(228, 239, 249, 0.85) 0%, #FBF6FB 100%)
}

.light-blue-gradient {
  background: linear-gradient(73.32deg, rgba(237, 250, 255, 0.85) 0%, rgba(237, 243, 253, 0.85) 100%)
}

.light-orange-gradient {
  background: linear-gradient(73.32deg, rgba(252, 246, 240, 0.85) 0%, rgba(246, 243, 245, 0.85) 100%)
}

.light-orange-blue-gradient {
  background: linear-gradient(73.32deg, rgba(253, 247, 242, 0.85) 0%, rgba(227, 247, 248, 0.85) 100%)
}

.card-with-hover:hover {
  box-shadow: 0px 16px 48px rgba(31, 32, 41, 0.06)
}

.card-with-hover:hover * {
  opacity: 1
}

.card-with-hover[style*="rgb(112, 87, 243)"]:hover {
  color: #fff
}

.card-with-hover.white-text:hover * {
  color: white !important
}

.card-with-hover.active * {
  opacity: 1;
  color: white
}

.card-with-hover.active.white-text * {
  color: white !important
}

.card-with-hover.active .arrow {
  display: block
}

.filter-dropdown-outer.min-width-260.radius-20[style*="z-index"] {
  background-color: #fff !important;
  color: #1B1D2A !important
}

.filter-dropdown-container {
  color: #1B1D2A
}

.filter-dropdown-container.w--open {
  max-height: 100vw
}

.filter-dropdown-outer .w-dropdown-btn,
.filter-dropdown-outer .w-dropdown-toggle,
.filter-dropdown-outer .w-dropdown-link,
.title.sm {
  color: inherit
}

.filter-dropdown-icon {
  width: 0.57vw;
  height: auto;
  margin-right: 0.11vw;
  -webkit-transform: translateY(-0.05vw);
  transform: translateY(-0.05vw)
}

.w--open .filter-dropdown-icon {
  -webkit-transform: translateY(-0.05vw) rotate(180deg);
  transform: translateY(-0.05vw) rotate(180deg)
}

input.search-input::placeholder {
  color: #B4B8D9;
  font-weight: 500;
  font-size: 0.9vw;
  line-height: 1.4vw
}

.navbar-wrapper .menu-button:hover {
  background-color: #F4F4FC
}

.navbar-wrapper .menu-button.active {
  background-color: #E9E9F9
}

.nav-menu-wrapper {
  filter: drop-shadow(0px 16px 48px rgba(31, 32, 41, 0.12));
  z-index: 1000;
  background-color: transparent
}

.nav-menu-inner {
  border-bottom-left-radius: 1.7vw;
  border-top-left-radius: 1.7vw;
  border-right: 1px solid #dadceb;
  background-color: #fafafe
}

.button.w-nav-button.w--open {
  color: inherit
}

.link-submenu {
  border-bottom-right-radius: 1.7vw;
  border-top-right-radius: 1.7vw;
  margin-left: -0.05vw
}

.text.sm.submenu-title {
  font-weight: 600
}

.menu-category.active .link-block-arrow,
.menu-category.is-active .link-block-arrow {
  opacity: 1 !important
}

.menu-category-item-mobile.is-active .menu-category-arrow {
  transform: rotate(180deg);
}

.search-suggestions {
  min-height: fit-content;
  filter: drop-shadow(0px 16px 48px rgba(31, 32, 41, 0.06))
}

.w-nav-overlay {
  display: none !important
}

.search-suggestions {
  overflow-y: scroll !important
}

.search-suggestions::-webkit-scrollbar {
  width: 8px
}

.search-suggestions::-webkit-scrollbar-track {
  background-color: #DADCEC;
  border-radius: 1.2vw
}

.search-suggestions::-webkit-scrollbar-thumb {
  background-color: #7057F3;
  border-radius: 50px
}

.search-suggestions__outer {
  min-height: fit-content
}

[action="/search"] {
  z-index: 10
}

.use-case-with-hover:hover img {
  box-shadow: 0px 16px 48px rgba(31, 32, 41, 0.12)
}

.use-case-with-hover:focus img {
  box-shadow: 0px 8px 16px rgba(31, 32, 41, 0.16)
}

.tabs__link>*,
.tabs__link .text.md,
.tabs__link .title.extra-sm,
.tabs__link .title.md.bigger {
  color: inherit
}

.tabs__link::after {
  content: '';
  display: block;
  width: 0.54vw;
  height: 1.3vw;
  position: absolute;
  top: 50%;
  right: -0.54vw;
  margin-top: -0.65vw;
  background-position: 0% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 150ms cubic-bezier(.645, .045, .355, 1);
  transition: opacity 150ms cubic-bezier(.645, .045, .355, 1)
}

.tabs__link.violet-dark::after {
  background-image: url(https://uploads-ssl.webflow.com/633f251a3bb7912a43238cf1/634ed1a8b4ffd451c62e8c49_tabs-arrow.svg)
}

.tabs__link.hot-pink::after {
  background-image: url(https://uploads-ssl.webflow.com/633f251a3bb7912a43238cf1/634fca62766bef6657edee86_hot-pink-tabs-arrow.svg)
}

.tabs__link.deep-sky-blue::after {
  background-image: url(https://uploads-ssl.webflow.com/633f251a3bb7912a43238cf1/634fccdebe1922fcf67987c5_deep-sky-blue-tabs-arrow.svg)
}

.tabs__link.violet-dark.w--current {
  background-color: #7057f3
}

.tabs__link.hot-pink.w--current {
  background-color: #FB7EA8
}

.tabs__link.deep-sky-blue.w--current {
  background-color: #4CB5FF
}

.tabs__link:hover::after,
.tabs__link.w--current::after {
  opacity: 1
}

.shadow-100 {
  box-shadow: 0px 2px 4px -2px rgba(24, 39, 75, 0.12), 0px 4px 4px -2px rgba(24, 39, 75, 0.08)
}

.shadow-200 {
  box-shadow: 0px 16px 48px rgba(31, 32, 41, 0.06)
}

.shadow-800 {
  box-shadow: 0px 8px 28px -6px rgba(24, 39, 75, 0.12), 0px 18px 88px -4px rgba(24, 39, 75, 0.14)
}

.highlight-cta-bg,
.highlight-bg,
.long-underline-bg,
.underlined-bg {
  position: relative
}

.highlight-cta-bg>*,
.highlight-bg>*,
.long-underline-bg>*,
.underlined-bg>* {
  position: relative;
  z-index: 2
}

.highlight-cta-bg::after,
.highlight-bg::after,
.long-underline-bg::after,
.underlined-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  margin: auto;
  background-position: 0% 0%;
  background-size: cover;
  background-repeat: no-repeat
}

.highlight-cta-bg::after {
  width: 14.58vw;
  height: 3.92vw;
  background-image: url(https://uploads-ssl.webflow.com/633f251a3bb7912a43238cf1/63500dd90d6bbca7e3bf331e_light-green-cta-highlight.svg)
}

.highlight-cta-bg.v-2::after {
  width: 13.19vw;
  background-image: url(https://uploads-ssl.webflow.com/633f251a3bb7912a43238cf1/63ce840ac8b33a8fd22f69af_light-green-cta-highlight-v2.svg)
}

.highlight-bg::after {
  margin-left: -33%;
  width: 11.63vw;
  height: 4.68vw;
  background-image: url(https://uploads-ssl.webflow.com/633f251a3bb7912a43238cf1/6354f8c8d13ee920b2524d74_light-green-highlight.svg)
}

.underlined-bg::after {
  bottom: -95%;
  width: 6.53vw;
  height: 0.4vw;
  background-image: url(https://uploads-ssl.webflow.com/633f251a3bb7912a43238cf1/63515c24c576be0df47a04b9_underlined-light-green.svg)
}

.long-underline-bg::after {
  bottom: -95%;
  margin-right: 0;
  width: 14.98vw;
  height: 0.63vw;
  background-image: url(https://uploads-ssl.webflow.com/633f251a3bb7912a43238cf1/6352dfeaafc1668c06e8c458_long-underlined-light-green.svg)
}

[swiper-slider="reviews-slider"] .swiper-slide.swiper-slide-active {
  z-index: 2
}

[role="list"] .mentors-image:nth-child(1) {
  z-index: 100
}

[role="list"] .mentors-image:nth-child(2) {
  z-index: 90
}

[role="list"] .mentors-image:nth-child(3) {
  z-index: 80
}

[role="list"] .mentors-image:nth-child(4) {
  z-index: 70
}

[role="list"] .mentors-image:nth-child(5) {
  z-index: 60
}

[role="list"] .mentors-image:nth-child(6) {
  z-index: 50
}

[role="list"] .mentors-image:nth-child(7) {
  z-index: 40
}

[role="list"] .mentors-image:nth-child(8) {
  z-index: 30
}

[role="list"] .mentors-image:nth-child(9) {
  z-index: 20
}

[role="list"] .mentors-image:nth-child(10) {
  z-index: 10
}

[swiper-slider="interactive-courses-slider"] .swiper-slide:hover img {
  box-shadow: 0px 16px 48px rgb(31 32 41 / 12%)
}

[swiper-slider="interactive-courses-slider"] .swiper-slide>a {
  min-width: 100%
}

.swiper-button-prev[swiper-slider="interactive-courses-button-prev"],
.swiper-button-next[swiper-slider="interactive-courses-button-next"] {
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - (11.92vw/5))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.swiper-button-prev.vertical.swiper-button-disabled,
.swiper-button-next.vertical.swiper-button-disabled {
  opacity: 25%
}

.swiper-button-prev {
  left: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.swiper-button-prev.vertical {
  left: auto;
  right: 0;
  margin-top: -0.92vw;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.swiper-button-next {
  right: 0;
  -webkit-transform: translateX(50%);
  transform: translateX(50%)
}

.swiper-button-next.vertical {
  margin-top: 0.92vw;
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%)
}

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none
}

.swiper-button-prev,
.swiper-button-next {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 2.77vw;
  height: 2.77vw;
  border-radius: 50%;
  background-color: #1B1D2A;
  color: #fff
}

.swiper-button-prev.vertical,
.swiper-button-next.vertical {
  top: 50%;
  width: 1.38vw;
  height: 1.38vw;
  border: 1px solid currentColor;
  background-color: #fff;
  color: #1B1D2A
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 0.46vw;
  height: 0.81vw
}

.swiper-button-prev.vertical svg,
.swiper-button-next.vertical svg {
  width: 0.46vw;
  height: 0.28vw
}

.image-overlay::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: auto;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%)
}

.flex-shrink-0 {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.vertical-tabs .shape.w--current {
  background-color: #1B1D2A;
  color: #fff
}

.vertical-tabs .shape.w--current .arrow,
.vertical-tabs .shape:hover .arrow {
  opacity: 100%
}

.vertical-tabs__pane {
  opacity: 0
}

.vertical-tabs__pane.w--tab-active {
  opacity: 100%
}

.input:focus~.input-label,
.input.is-filled~.input-label,
.input:-webkit-autofill~.input-label,
.input:autofill~.input-label {
  font-size: 0.69vw;
  font-weight: 400;
  -webkit-transform: translateY(-90%);
  transform: translateY(-90%)
}

.input:focus~.input-label.textarea,
.input.is-filled~.input-label.textarea,
.input:-webkit-autofill~.input-label.textarea,
.input:autofill~.input-label.textarea {
  -webkit-transform: translateY(-0.52vw);
  transform: translateY(-0.52vw)
}

.input.error~.input-label {
  color: #F56861
}

.input.checked~.input-show-password {
  right: 3vw
}

.input.checked {
  background-position: calc(100% - 0.92vw) 50%
}

.input.error {
  border-color: #F56861;
  background-color: #FEF7F7
}

label.error {
  position: absolute;
  margin-top: 0.23vw;
  font-size: 0.81vw;
  font-weight: 400;
  line-height: 1.5;
  color: #F56861
}

.modal__content-wrapper label.error,
.cta label.error {
  color: #fff
}

.hot-pink+.modal__content-wrapper label.error,
.light-green+.modal__content-wrapper label.error {
  color: #1B1D2A
}

a {
  text-decoration: none;
  color: inherit
}

a.underlined:hover,
a .underlined:hover {
  text-decoration: none
}

.accordion__toggle-inner {
  background-color: currentColor
}

.notification,
.fixed-notification {
  display: none
}

.history-calendar-item a {
  text-decoration: underline;
  color: #7057F3
}

.history-calendar-item a:hover {
  text-decoration: none
}

@media screen and (max-width: 767px) {

  .input:focus~.input-label,
  .input.is-filled~.input-label,
  .input:-webkit-autofill~.input-label,
  .input:autofill~.input-label {
    font-size: 12px;
    -webkit-transform: translateY(-21px);
    transform: translateY(-21px)
  }

  .input:focus~.input-label.textarea,
  .input.is-filled~.input-label.textarea,
  .input:-webkit-autofill~.input-label.textarea,
  .input:autofill~.input-label.textarea {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }

  .input.checked {
    background-position: calc(100% - 10px) 50%;
    background-size: 20px 20px
  }

  .input.checked~.input-show-password {
    right: 40px
  }

  .input[id='Password'].checked~.input-show-password {
    right: 20px !important
  }

  label.error {
    margin-top: 4px;
    font-size: 10px
  }

  .input-wrapper.has-error,
  .input-wrapper:has(.input.error) {
    margin-bottom: 14px
  }
}