:root {
  --_variable-collection---teal--teal: #08756d;
  --_variable-collection---black--black: #121717;
  --_typography---font-size--p-xl: 20px;
  --_typography---font-size--lh-p-xl: 30px;
  --_typography---font-size--p-l: 16px;
  --_typography---font-size--lh-p-l: 24px;
  --_typography---font-size--p-m: 14px;
  --_typography---font-size--lh-p-m: 20px;
  --_variable-collection---black--black-74: #121717bd;
  --_typography---font-size--p-s: 12px;
  --_typography---font-size--lh-p-s: 18px;
  --_typography---font-size--h4: 24px;
  --_typography---font-size--lh-h4: 36px;
  --_variable-collection---white--white-74: #ffffffbd;
  --_typography---font-size--h3: 32px;
  --_typography---font-size--lh-h3: 42px;
  --_typography---font-size--h2: 48px;
  --_typography---font-size--lh-h2: 58px;
  --_typography---font-size--h1: 64px;
  --_typography---font-size--lh-h1: 72px;
  --_typography---font-size--title: 88px;
  --_typography---font-size--lh-title: 114px;
  --_tokens---icons--icon-black: var(--_variable-collection---black--black);
  --_tokens---buttons--button-secondary: var(--_variable-collection---teal--teal);
  --_tokens---text--text-white: var(--_variable-collection---white--white);
  --_tokens---buttons--button-main: var(--_variable-collection---extra--yellow);
  --_variable-collection---teal--teal-32: #08756d52;
  --_variable-collection---teal--teal-8: #08756d14;
  --_tokens---buttons--button-white: var(--_variable-collection---white--white);
  --_tokens---text--text-basic: var(--_variable-collection---black--black);
  --_tokens---buttons--button-third: var(--_variable-collection---black--black);
  --_variable-collection---white--white: #fff;
  --_tokens---lines--line-default: var(--_variable-collection---black--black-16);
  --_variable-collection---extra--yellow: #fc0;
  --_variable-collection---white--white-8: #ffffff14;
  --_variable-collection---black--black-16: #12171729;
  --_variable-collection---teal--teal-16: #08756d29;
  --_variable-collection---white--white-16: #ffffff29;
  --_variable-collection---extra--yellow-16: #ffcc0029;
  --_variable-collection---white--white-50: #ffffff80;
  --_variable-collection---black--black-50: #12171780;
  --_variable-collection---black--black-32: #12171752;
  --_variable-collection---black--black-8: #12171714;
  --_variable-collection---black--black-4: #1217170a;
  --_variable-collection---teal--teal-74: #08756dbd;
  --_variable-collection---teal--teal-50: #08756d80;
  --_variable-collection---teal--teal-4: #08756d0a;
  --_variable-collection---white--white-32: #ffffff52;
  --_variable-collection---white--white-4: #ffffff0a;
  --_variable-collection---extra--purple: #8338ec;
  --_variable-collection---extra--black2: #1c2121;
  --_variable-collection---red--red: #ff4b4b;
  --_variable-collection---red--red-74: #ff4b4bbd;
  --_tokens---forms--form-border-default: var(--_variable-collection---black--black-16);
  --_tokens---forms--form-border-filled: var(--_variable-collection---black--black-32);
  --_tokens---forms--form-border-active: var(--_variable-collection---teal--teal);
  --_tokens---icons--icon-white: var(--_variable-collection---white--white);
  --_tokens---icons--icon-gray: var(--_variable-collection---black--black-50);
  --_tokens---lines--line-white: var(--_variable-collection---white--white);
  --_tokens---lines--line-black: var(--_variable-collection---black--black);
  --_tokens---lines--line-white-light: var(--_variable-collection---white--white-16);
  --_tokens---lines--line-light: var(--_variable-collection---black--black-8);
  --_variable-collection---red--red-50: #ff4b4b80;
  --_variable-collection---red--red-32: #ff4b4b52;
  --_variable-collection---red--red-16: #ff4b4b29;
  --_variable-collection---red--red-8: #ff4b4b14;
  --_variable-collection---red--red-4: #ff4b4b0a;
  --_tokens---text--placeholder: var(--_variable-collection---black--black-50);
  --_tokens---text--text-secondary: var(--_variable-collection---black--black-74);
  --_tokens---text--text-white-second: var(--_variable-collection---white--white-74);
}

body {
  color: #333;
  --_typography---font-size--p-xl: 20px;
  --_typography---font-size--lh-p-xl: 30px;
  --_typography---font-size--p-l: 16px;
  --_typography---font-size--lh-p-l: 24px;
  --_typography---font-size--p-m: 14px;
  --_typography---font-size--lh-p-m: 20px;
  --_typography---font-size--p-s: 12px;
  --_typography---font-size--lh-p-s: 18px;
  --_typography---font-size--h4: 24px;
  --_typography---font-size--lh-h4: 36px;
  --_typography---font-size--h3: 32px;
  --_typography---font-size--lh-h3: 42px;
  --_typography---font-size--h2: 48px;
  --_typography---font-size--lh-h2: 58px;
  --_typography---font-size--h1: 64px;
  --_typography---font-size--lh-h1: 72px;
  --_typography---font-size--title: 88px;
  --_typography---font-size--lh-title: 114px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  color: var(--_variable-collection---teal--teal);
  text-decoration: none;
}

img {
  display: inline-block;
}

.text-regularp-xl {
  direction: rtl;
  color: var(--_variable-collection---black--black);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--p-xl);
  line-height: var(--_typography---font-size--lh-p-xl);
  font-weight: 400;
}

.text-regularp-l {
  direction: rtl;
  color: var(--_variable-collection---black--black);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--p-l);
  line-height: var(--_typography---font-size--lh-p-l);
  margin-bottom: 0;
  font-weight: 400;
}

.text-regularp-m {
  direction: rtl;
  color: var(--_variable-collection---black--black);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--p-m);
  line-height: var(--_typography---font-size--lh-p-m);
  font-weight: 400;
}

.text-regularp-m.provider-label {
  color: var(--_variable-collection---black--black-74);
}

.text-regularp-s {
  direction: rtl;
  color: var(--_variable-collection---black--black);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--p-s);
  line-height: var(--_typography---font-size--lh-p-s);
  font-weight: 400;
}

.text-mediump-xl {
  direction: rtl;
  color: var(--_variable-collection---black--black);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--p-xl);
  line-height: var(--_typography---font-size--lh-p-xl);
  font-weight: 500;
}

.text-mediump-xl.nowrap {
  white-space: nowrap;
}

.text-mediump-l {
  direction: rtl;
  color: var(--_variable-collection---black--black);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--p-l);
  line-height: var(--_typography---font-size--lh-p-l);
  font-weight: 500;
}

.text-mediump-m {
  direction: rtl;
  color: var(--_variable-collection---black--black);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--p-m);
  line-height: var(--_typography---font-size--lh-p-m);
  font-weight: 500;
}

.text-mediump-s {
  direction: rtl;
  color: var(--_variable-collection---black--black);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--p-s);
  line-height: var(--_typography---font-size--lh-p-s);
  font-weight: 500;
}

.text-headerh4 {
  direction: rtl;
  color: var(--_variable-collection---black--black);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---font-size--lh-h4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.text-headerh4.white2-text {
  color: var(--_variable-collection---white--white-74);
}

.text-headerh3 {
  direction: rtl;
  color: var(--_variable-collection---black--black);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--h3);
  line-height: var(--_typography---font-size--lh-h3);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.text-headerh2 {
  direction: rtl;
  color: var(--_variable-collection---black--black);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--h2);
  line-height: var(--_typography---font-size--lh-h2);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.text-headerh2.teal-text.social-title {
  max-width: 400px;
}

.text-headerh1 {
  direction: rtl;
  color: var(--_variable-collection---black--black);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--h1);
  line-height: var(--_typography---font-size--lh-h1);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.text-headerh1.separate-header {
  text-align: center;
  max-width: 1000px;
  margin-top: 124px;
}

.text-titletitle1 {
  direction: rtl;
  color: var(--_variable-collection---black--black);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--title);
  line-height: var(--_typography---font-size--lh-title);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.text-iconsicon16 {
  color: var(--_tokens---icons--icon-black);
  width: 16px;
  height: 16px;
  font-family: Material Symbols, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.text-iconsicon20 {
  color: var(--_tokens---icons--icon-black);
  width: 20px;
  height: 20px;
  font-family: Material Symbols, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}

.text-iconsicon24 {
  color: var(--_tokens---icons--icon-black);
  width: 24px;
  height: 24px;
  font-family: Material Symbols, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
}

.text-iconsicon32 {
  color: var(--_tokens---icons--icon-black);
  width: 32px;
  height: 32px;
  font-family: Material Symbols, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
}

.text-iconsicon32.js-accordion-icon {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.text-iconsicon32.js-accordion-icon.active {
  transform: rotate(0);
}

.text-iconsicon48 {
  color: var(--_tokens---icons--icon-black);
  width: 48px;
  height: 48px;
  font-family: Material Symbols, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 48px;
}

.typeextra-big-stylesecondary {
  grid-column-gap: 12px;
  background-color: var(--_tokens---buttons--button-secondary);
  border-radius: 16px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.arrow_left_alt {
  color: var(--_tokens---text--text-white);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.untitled {
  color: var(--_tokens---text--text-white);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---font-size--lh-h4);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  text-decoration: none;
}

.typeextra-big-stylemain {
  grid-column-gap: 12px;
  background-color: var(--_tokens---buttons--button-main);
  border-radius: 16px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.typeextra-big-stylethird {
  grid-column-gap: 12px;
  border: 1px solid var(--_variable-collection---teal--teal-32);
  background-color: var(--_variable-collection---teal--teal-8);
  border-radius: 16px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.typeextra-big-stylelight {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.typemiddle-stylesecondary {
  grid-column-gap: 8px;
  background-color: var(--_tokens---buttons--button-secondary);
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.typemiddle-stylemain {
  grid-column-gap: 8px;
  background-color: var(--_tokens---buttons--button-main);
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.typebig-stylesecondary {
  grid-column-gap: 12px;
  background-color: var(--_tokens---buttons--button-secondary);
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 64px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.typebig-stylemain {
  grid-column-gap: 12px;
  background-color: var(--_tokens---buttons--button-main);
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 64px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.typemiddle-stylethird {
  grid-column-gap: 8px;
  border: 1px solid var(--_variable-collection---teal--teal-32);
  background-color: var(--_variable-collection---teal--teal-8);
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.typemiddle-stylelight {
  grid-column-gap: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.typebig-stylethird {
  grid-column-gap: 12px;
  border: 1px solid var(--_variable-collection---teal--teal-32);
  background-color: var(--_variable-collection---teal--teal-8);
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 64px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.typebig-stylelight {
  grid-column-gap: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.typeextra-big-styleon-black {
  grid-column-gap: 12px;
  border: 1px solid var(--_tokens---buttons--button-white);
  border-radius: 16px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.typemiddle-styleon-black {
  grid-column-gap: 8px;
  border: 1px solid var(--_tokens---buttons--button-white);
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.arrow_left_alt-2 {
  color: var(--_tokens---text--text-basic);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.untitled-2 {
  color: var(--_tokens---text--text-basic);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---font-size--lh-h4);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  text-decoration: none;
}

.arrow_left_alt-3 {
  color: var(--_tokens---buttons--button-secondary);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.untitled-3 {
  color: var(--_tokens---buttons--button-secondary);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---font-size--lh-h4);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  text-decoration: none;
}

.arrow_left_alt-4 {
  color: var(--_tokens---buttons--button-third);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.untitled-4 {
  color: var(--_tokens---buttons--button-third);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---font-size--lh-h4);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  text-decoration: none;
}

.arrow_left_alt-5 {
  color: var(--_variable-collection---white--white);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.untitled-5 {
  color: var(--_variable-collection---white--white);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--p-xl);
  line-height: var(--_typography---font-size--lh-p-xl);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
}

.arrow_left_alt-6 {
  color: var(--_tokens---text--text-basic);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.untitled-6 {
  color: var(--_tokens---text--text-basic);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--p-xl);
  line-height: var(--_typography---font-size--lh-p-xl);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
}

.arrow_left_alt-7 {
  color: var(--_tokens---buttons--button-secondary);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.untitled-7 {
  color: var(--_tokens---buttons--button-secondary);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--p-xl);
  line-height: var(--_typography---font-size--lh-p-xl);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
}

.arrow_left_alt-8 {
  color: var(--_tokens---buttons--button-third);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.untitled-8 {
  color: var(--_tokens---buttons--button-third);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--p-xl);
  line-height: var(--_typography---font-size--lh-p-xl);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
}

.arrow_left_alt-9 {
  color: var(--_tokens---buttons--button-white);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.untitled-9 {
  color: var(--_tokens---buttons--button-white);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---font-size--lh-h4);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  text-decoration: none;
}

.arrow_left_alt-10 {
  color: var(--_tokens---buttons--button-white);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.untitled-10 {
  color: var(--_tokens---buttons--button-white);
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: var(--_typography---font-size--p-xl);
  line-height: var(--_typography---font-size--lh-p-xl);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
}

.content {
  width: 100%;
  padding-right: 88px;
  position: relative;
}

.body {
  height: 100%;
}

.menu-bar {
  z-index: 1002;
  border-left: 1px solid var(--_tokens---lines--line-default);
  background-color: var(--_variable-collection---white--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 88px;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.logo {
  width: 48px;
  height: 48px;
}

.logo-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 88px;
  display: flex;
}

.logo-wrapper.w--current {
  position: absolute;
  inset: 0% 0% auto auto;
}

.menu-burger {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 16px;
  display: flex;
  position: relative;
}

.login-wrapper {
  border-top: 1px solid var(--_tokens---lines--line-default);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 88px;
  display: flex;
  position: relative;
}

.menu-burger-wrapper {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.header {
  z-index: 2;
  background-color: var(--_variable-collection---white--white);
  justify-content: space-between;
  align-items: center;
  padding: 16px 64px;
  display: flex;
  position: absolute;
  inset: 0% 88px auto 0;
}

.button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button.middle {
  height: 56px;
  padding-left: 16px;
  padding-right: 16px;
}

.button.middle.third {
  border: 1px solid var(--_variable-collection---teal--teal-32);
  background-color: var(--_variable-collection---teal--teal-8);
}

.button.middle.main {
  background-color: var(--_variable-collection---extra--yellow);
}

.button.extra-big {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 16px;
  height: 80px;
  padding-left: 32px;
  padding-right: 32px;
}

.button.extra-big.main {
  background-color: var(--_variable-collection---extra--yellow);
}

.button.extra-big.secondary {
  background-color: var(--_variable-collection---teal--teal);
}

.button.extra-big.on-black {
  border: 1px solid var(--_variable-collection---white--white);
}

.button.extra-big.on-black.encyclopedia {
  margin-top: 8px;
}

.button.extra-big.white {
  background-color: var(--_variable-collection---white--white);
}

.button.extra-big.white.w100 {
  width: 100%;
}

.hero-section {
  height: 90vh;
  padding-top: 88px;
  padding-left: 64px;
  padding-right: 64px;
}

.hero {
  background-image: linear-gradient(90deg, #0000 31%, #121717e6), url('../images/bg-photo.webp');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 32px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.hero-content {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  padding-top: 48px;
  padding-bottom: 64px;
  padding-right: 48px;
  display: flex;
}

.hero-content-text {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: right;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 32px;
  display: flex;
}

.white-text {
  color: var(--_variable-collection---white--white);
}

.hero-actions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.play-button-big {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_variable-collection---white--white-8);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  white-space: nowrap;
  border-radius: 16px;
  justify-content: flex-end;
  align-items: center;
  height: 80px;
  padding-left: 32px;
  padding-right: 8px;
  display: flex;
  position: relative;
}

.play-button-image-wrapper {
  background-image: linear-gradient(to bottom, var(--_variable-collection---black--black-16), var(--_variable-collection---black--black-16)), url('../images/button-image_1button-image.avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.play-button-icon {
  width: 24px;
  height: 24px;
}

.bg-gradient {
  z-index: -1;
  background-image: linear-gradient(180deg, var(--_variable-collection---teal--teal-16), #fff0);
  border-radius: 48px;
  height: 2139px;
  position: absolute;
  inset: 160px 88px auto 0;
}

.fwp-section {
  width: 100%;
  padding-left: 64px;
  padding-right: 64px;
}

.fwp-section.align-middle {
  justify-content: center;
  align-items: center;
  display: flex;
}

.fwp-section.align-middle.separate-header {
  margin-top: 124px;
}

.problem-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: var(--_variable-collection---teal--teal-8);
  border-radius: 32px;
  flex-flow: column;
  margin-top: 104px;
  padding: 32px 48px 64px;
  display: flex;
}

.problem-title-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.problem-image {
  max-height: 220px;
}

.problems-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.problem {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--_variable-collection---white--white);
  text-align: right;
  border-radius: 16px;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 32px;
  display: flex;
}

.problem-number {
  background-color: var(--_variable-collection---teal--teal-16);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.teal-text {
  color: var(--_variable-collection---teal--teal);
}

.speaker {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 64px;
  display: flex;
  position: relative;
}

.speaker-bio {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: right;
  flex-flow: column;
  display: flex;
}

.speaker-title {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: right;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.speaker-about-text {
  z-index: 1;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  flex: 3 auto;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  position: relative;
}

.speaker-section-border {
  z-index: 0;
  border: 2px solid var(--_variable-collection---black--black);
  border-radius: 32px;
  position: absolute;
  inset: 0% 64px 0% 0%;
}

.speaker-photo {
  background-color: var(--_variable-collection---teal--teal);
  background-image: url('../images/AH-Photo.avif'), url('../images/bg-logo.svg');
  background-position: 0 0, -40px 40px;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, 732px 732px;
  border-radius: 32px;
  flex: 1;
  width: 100%;
  min-height: 700px;
}

.speaker-photo-wrapper {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
}

.speaker-experience {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--_variable-collection---teal--teal-8);
  border-radius: 24px;
  flex-flow: column;
  width: 100%;
  padding: 24px 16px;
  display: flex;
}

.partners {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  direction: rtl;
  flex-flow: column;
  display: flex;
}

.experience-logo {
  align-self: center;
  max-width: 68px;
  max-height: 35px;
}

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

.image {
  max-width: 165px;
}

.video-popup-button {
  width: 100%;
  position: absolute;
  inset: 0;
}

.definition {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--_variable-collection---teal--teal);
  background-image: linear-gradient(#0000, #fc03);
  border-radius: 32px;
  flex-flow: column;
  margin-top: 104px;
  padding: 40px 40px 64px;
  display: flex;
}

.definition-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: relative;
}

.definition-list-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  direction: rtl;
  flex-flow: column;
  display: flex;
}

.vertical-separator {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_variable-collection---white--white-16);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 1px;
  position: relative;
}

.fw-section {
  width: 100%;
}

.video-testimonials {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--_variable-collection---black--black);
  border-radius: 32px;
  flex-flow: column;
  width: 100%;
  margin-top: 124px;
  padding: 64px 0 80px;
  display: flex;
  overflow: hidden;
}

.video-testimonials-title {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

.yellow-span {
  color: var(--_variable-collection---extra--yellow);
}

.splide__arrow {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #16181a14;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  box-shadow: 0 4px 4px #0000000f;
}

.splide__arrow.splide__arrow--next {
  justify-content: center;
  align-items: center;
  margin-top: -32px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
}

.splide__arrow.splide__arrow--prev {
  justify-content: center;
  align-items: center;
  margin-top: -32px;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0;
}

.splide__arrow.splide__arrow--next {
  justify-content: flex-start;
  display: flex;
}

.slider-nav-button-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Material Symbols, sans-serif;
  font-size: 32px;
  line-height: 32px;
  display: flex;
}

.testimonial-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.arrows {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.splide__arrows {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
}

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

.splide__slide {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: flex-end;
  align-items: flex-start;
  min-width: 300px;
  position: relative;
}

.splide {
  width: 3000px;
  max-width: 100%;
  position: relative;
}

.splide.slider1 {
  padding-left: 64px;
  padding-right: 64px;
  position: relative;
}

.splide.slider2 {
  padding-left: 64px;
  padding-right: 64px;
  position: relative;
  overflow: hidden;
}

.splide.slider3 {
  padding-bottom: 32px;
  padding-left: 64px;
  padding-right: 64px;
}

.testimonial-comment {
  background-color: var(--_variable-collection---extra--yellow);
  background-image: linear-gradient(180deg, var(--_variable-collection---extra--yellow-16), #fff0);
  border-radius: 24px;
  flex: 1;
  width: 100%;
  padding: 16px;
}

.testimonial {
  background-color: var(--_variable-collection---white--white-8);
  background-image: linear-gradient(180deg, #0000 56%, var(--_variable-collection---extra--yellow-16));
  border-radius: 24px;
  flex: 1;
  width: 100%;
}

.testimonial-thumb {
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 180px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.play-button-medium {
  background-color: var(--_variable-collection---black--black-74);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
  position: absolute;
}

.play-button-medium-icon {
  width: 24px;
  height: 24px;
  margin-left: 4px;
}

.testimonial-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.white-text-2 {
  color: var(--_variable-collection---white--white-74);
}

.you-can-too {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  margin-top: 124px;
  display: flex;
}

.collumn {
  width: 100%;
}

.collumn.yct-header {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.light-accordion {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.accordion-item {
  background-color: var(--_variable-collection---teal--teal-8);
  border: 2px solid #12171700;
  border-radius: 24px;
  width: 100%;
}

.accordion-item.js-accordion-item.active {
  border-color: var(--_variable-collection---black--black);
  background-color: var(--_variable-collection---white--white);
}

.accordion-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: right;
  cursor: pointer;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  display: flex;
}

.accordion-content {
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.services {
  background-color: var(--_variable-collection---extra--yellow);
  border-radius: 32px;
  flex-flow: column;
  width: 100%;
  margin-top: 124px;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
  overflow: hidden;
}

.services-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-bottom: 40px;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

.tabs {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
}

.tab {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 2px solid var(--_variable-collection---black--black);
  background-color: #ddd0;
  border-radius: 222px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.tab.w--current {
  border-color: var(--_variable-collection---white--white);
  background-color: var(--_variable-collection---white--white);
}

.tabs-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  direction: rtl;
  scrollbar-width: none;
  margin-bottom: 32px;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
  overflow: scroll;
}

.service {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--_variable-collection---white--white);
  border-radius: 24px;
  flex-flow: column;
  flex: none;
  max-width: 500px;
  padding: 24px;
  display: flex;
}

.service.splide__slide {
  justify-content: space-between;
  align-items: flex-start;
}

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

.service-image-wrapper {
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 224px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service-image {
  object-fit: contain;
  height: 100%;
}

.tab-content {
  padding-bottom: 32px;
}

.services-list.splide__list {
  flex-flow: row;
}

.image-2 {
  object-fit: cover;
}

.problem-title-text {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: right;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.half-col {
  width: 100%;
}

.half-col.card-text {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: right;
  flex-flow: column;
  display: flex;
}

.about-card-image-2 {
  background-image: url('../images/2_12.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.formula-card-2x {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--_variable-collection---extra--yellow);
  border-radius: 32px;
  flex-flow: column;
  flex: 1;
  width: 100%;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.formula {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  margin-top: 124px;
  display: flex;
  position: relative;
}

.formula-cards-first {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.about-card-image-1 {
  background-image: url('../images/1_11.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.formula-cards-second {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.formula-card-x {
  border-radius: 32px;
  width: 100%;
  height: 400px;
  padding: 32px 32px 40px;
  display: flex;
  position: relative;
}

.formula-card-x.card-style-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  text-align: center;
  background-color: #8338ec;
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
}

.formula-card-x.card-style-3 {
  text-align: right;
  background-color: #08756d29;
  justify-content: flex-end;
}

.formula-card-x.card-style-1 {
  text-align: right;
  border: 2px solid #121717;
  justify-content: flex-end;
}

.formula-card-x.card-style-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  text-align: center;
  background-color: #08756d;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
}

.about-card-image-3 {
  background-image: url('../images/3_13.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.about-card-image-4 {
  background-image: url('../images/4_14.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.light-accordion2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.accordion-item2 {
  background-color: var(--_variable-collection---white--white);
  border: 0 solid #12171700;
  border-radius: 24px;
  width: 100%;
}

.accordion-item2.js-accordion-item.active {
  background-color: var(--_variable-collection---white--white);
}

.graduates {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: var(--_variable-collection---black--black);
  background-image: linear-gradient(180deg, #0000, var(--_variable-collection---teal--teal-16));
  border-radius: 32px;
  flex-flow: column;
  margin-top: 124px;
  padding-top: 64px;
  padding-bottom: 80px;
  display: flex;
  overflow: hidden;
}

.graduates-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

.yellow-text {
  color: var(--_variable-collection---extra--yellow);
}

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

.author-name-wrapper3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 100px;
  justify-content: flex-end;
  align-items: center;
  padding: 8px 8px 8px 24px;
  display: flex;
}

.text-headerh4-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.author-photo-image {
  width: 100%;
  height: 100%;
}

.testimonial-wrapper-2 {
  direction: ltr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-mediump-xl-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.text-mediump-m-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.splide__slide-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #0a9ac929;
  border-radius: 32px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 440px;
  position: relative;
}

.splide__slide-2.style2 {
  text-align: center;
  background-color: #ffaa19;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.splide__slide-2.style4 {
  text-align: center;
  background-color: #fff;
  border: 2px solid #16181a;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.splide__slide-2.style5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  background-color: #0a9ac9;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 300px;
  padding: 24px;
  display: flex;
}

.author-name-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 100px;
  justify-content: flex-end;
  align-items: center;
  padding: 8px 8px 8px 24px;
  display: flex;
  position: static;
}

.author-photo {
  background-color: #0a9ac914;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
  overflow: hidden;
}

.author-name-position {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: right;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.offer-wrapper-1 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--_variable-collection---teal--teal);
  background-image: linear-gradient(#fff0, #fc03);
  border-radius: 48px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 124px;
  padding-bottom: 80px;
  display: flex;
}

.offer-wrapper-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--_variable-collection---white--white-8);
  border-radius: 32px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 64px;
  display: flex;
}

.offer-wrapper-3 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: var(--_variable-collection---white--white-8);
  border-radius: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 64px 64px;
  display: flex;
}

.offer-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--_variable-collection---white--white);
  border-radius: 32px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 40px 40px 48px;
  display: flex;
}

.main-action {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 2px solid var(--_variable-collection---black--black);
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
}

.price-block {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.black-text2 {
  color: var(--_variable-collection---black--black-74);
}

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

.riyal-title {
  width: 64px;
  height: 64px;
}

.riyal-h4 {
  width: 24px;
  height: 24px;
}

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

.text-inline2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.text-inline2.list-item-price {
  justify-content: flex-start;
  align-items: center;
  min-width: 180px;
}

.price-included {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid var(--_tokens---lines--line-default);
  border-radius: 24px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
}

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

.price-list-item {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.horizontal-separator {
  background-color: var(--_variable-collection---teal--teal-16);
  width: 100%;
  height: 1px;
}

.info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_variable-collection---extra--yellow-16);
  border-radius: 24px;
  padding: 24px;
  display: flex;
}

.main-action-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.info-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.info2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_variable-collection---teal--teal-8);
  border-radius: 24px;
  padding: 24px;
  display: flex;
}

.title-subtitle {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  display: flex;
}

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

.buttons-horizontal {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 820px;
  display: flex;
}

.metrics-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 124px;
  display: flex;
}

.metrics {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.metric {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  display: flex;
}

.metric.metric1 {
  border: 1px solid var(--_tokens---lines--line-default);
}

.accordeon-item-image-wrapper {
  background-color: var(--_variable-collection---teal--teal-8);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.faq-header {
  text-align: right;
  width: 100%;
  max-width: 740px;
}

.accordion-body {
  color: #16181a;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.accordion-body.js-accordion-body {
  text-align: right;
  width: 100%;
  max-width: 740px;
  padding-top: 0;
  padding-bottom: 32px;
}

.icon24 {
  font-family: Material Symbols, sans-serif;
  font-size: 24px;
  line-height: 24px;
  text-decoration: none;
}

.accordion-header {
  color: #2e323c;
  align-items: center;
  display: flex;
}

.accordion-header.js-accordion-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  justify-content: space-between;
  width: 100%;
  padding: 24px 32px;
}

.accordion__item {
  border-bottom: 1px solid var(--_variable-collection---teal--teal-16);
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 0 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.accordion__item.js-accordion-item {
  padding-bottom: 0;
}

.accordion__item.js-accordion-item.active {
  background-color: var(--_variable-collection---white--white);
  cursor: default;
  border-bottom-width: 0;
  border-radius: 24px;
}

.accordion__item.js-accordion-item.active:hover {
  box-shadow: none;
}

.accordeon-arrow-wrapper {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.faq-title {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 48px;
  display: flex;
}

.accordion {
  width: 66.66%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.accordion.js-accordion {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.faq-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_variable-collection---teal--teal-8);
  border-radius: 48px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 100%;
  margin-top: 124px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 32px 64px;
}

.footer {
  background-color: var(--_variable-collection---teal--teal-16);
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 104px;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.sticky-header {
  z-index: 10;
  background-color: var(--_variable-collection---white--white-50);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  justify-content: space-between;
  align-items: center;
  padding: 8px 32px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  transform: translate(0, -72px);
}

.login-button {
  background-color: var(--_variable-collection---white--white);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: none;
}

.mobile-logo-wrapper2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 88px;
  display: flex;
}

.mobile-logo-wrapper2.w--current {
  width: 56px;
  height: 56px;
}

.menu-modal-wrapper {
  z-index: 1001;
  background-color: var(--_variable-collection---black--black-50);
  opacity: 0;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-right: 88px;
  display: none;
  position: fixed;
  inset: 0% 0% auto auto;
}

.menu-modal {
  z-index: 2;
  background-color: var(--_variable-collection---white--white);
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 80px;
  padding-right: 88px;
  display: flex;
  position: relative;
  transform: translate(50px);
}

.menu-close-zone {
  z-index: 1;
  flex: 1;
  height: 100%;
  position: absolute;
  inset: 0;
}

.menu-container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: row;
  display: flex;
}

.menu-collumn {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-flow: column;
  display: flex;
}

.menu-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.vertical-separator-gray {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_variable-collection---black--black-16);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 1px;
  position: relative;
}

.social-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.menu-burger-close-line2 {
  background-color: var(--_variable-collection---black--black);
  width: 100%;
  height: 3px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.menu-burger-close-line1 {
  background-color: var(--_variable-collection---black--black);
  width: 100%;
  height: 3px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.logo-menu {
  flex: 1;
  width: 100%;
  position: relative;
}

.in-media {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  direction: rtl;
  flex-flow: column;
  display: flex;
}

.logo-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  display: flex;
}

.whatsapp {
  z-index: 1024;
  background-color: #25d366;
  background-image: url('../images/whatsapp.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: fixed;
  inset: auto auto 24px 24px;
  box-shadow: 0 4px 4px #1198431f;
}

.riteria-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--_variable-collection---teal--teal-8);
  border-radius: 32px;
  flex-flow: column;
  margin-top: 104px;
  padding: 64px 48px 80px;
  display: flex;
}

.criteria-title-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.criteria-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  direction: rtl;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.criteria {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_variable-collection---white--white);
  text-align: right;
  border-radius: 16px;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.criteria.criteria-1 {
  order: 1;
}

.criteria.criteria-2 {
  order: 2;
}

.criteria.criteria-3 {
  order: 3;
}

.criteria.criteria-4 {
  order: 4;
}

.c {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--_variable-collection---white--white);
  text-align: right;
  border-radius: 16px;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 32px;
  display: flex;
}

.criteria-number {
  background-color: var(--_variable-collection---teal--teal-16);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.scenarios-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: center;
  flex-flow: column;
  margin-top: 16px;
  display: flex;
}

.scenarios-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.scenario {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: right;
  border-radius: 24px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  display: flex;
}

.scenario.scenario-1 {
  background-color: var(--_variable-collection---teal--teal);
}

.scenario.scenario-2 {
  background-color: var(--_variable-collection---extra--yellow);
}

.scenario-number {
  background-color: var(--_variable-collection---white--white);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.countdown-section-wrapper {
  padding-left: 104px;
  padding-right: 104px;
}

.countdown {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.countdown-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-headerh4-3 {
  direction: rtl;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.text-regularp-m-2 {
  direction: rtl;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.vertical-separator-2 {
  width: 1px;
  height: 20px;
}

.vertical-separator-2.cntdwn-sep {
  background-color: var(--_variable-collection---teal--teal-16);
  position: relative;
}

.countdown-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--_variable-collection---teal--teal-8);
  border-bottom-right-radius: 32px;
  border-bottom-left-radius: 32px;
  justify-content: space-between;
  align-items: center;
  padding: 24px 48px;
  display: flex;
}

.countdown-header {
  direction: rtl;
  color: var(--_variable-collection---teal--teal);
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
}

@media screen and (max-width: 991px) {
  body {
    --_typography---font-size--p-xl: 20px;
    --_typography---font-size--lh-p-xl: 30px;
    --_typography---font-size--p-l: 16px;
    --_typography---font-size--lh-p-l: 24px;
    --_typography---font-size--p-m: 14px;
    --_typography---font-size--lh-p-m: 20px;
    --_typography---font-size--p-s: 12px;
    --_typography---font-size--lh-p-s: 18px;
    --_typography---font-size--h4: 24px;
    --_typography---font-size--lh-h4: 36px;
    --_typography---font-size--h3: 32px;
    --_typography---font-size--lh-h3: 42px;
    --_typography---font-size--h2: 48px;
    --_typography---font-size--lh-h2: 58px;
    --_typography---font-size--h1: 56px;
    --_typography---font-size--lh-h1: 72px;
    --_typography---font-size--title: 72px;
    --_typography---font-size--lh-title: 98px;
  }

  .content {
    padding-right: 0;
  }

  .menu-bar {
    flex-flow: row;
    width: 100%;
    height: 88px;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .logo-wrapper.w--current {
    order: -9999;
    width: 88px;
    position: relative;
  }

  .login-wrapper {
    order: -9999;
    width: 88px;
  }

  .menu-burger-wrapper {
    width: 88px;
  }

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

  .button.middle.third {
    display: none;
  }

  .hero-section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero {
    background-position: 0 0, -260px 0;
  }

  .hero-content {
    width: 100%;
    padding: 32px;
  }

  .hero-content-text {
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 32px;
  }

  .bg-gradient {
    right: 0;
  }

  .fwp-section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .problem-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 80px;
    padding-bottom: 40px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .problems-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .problem {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 24px;
  }

  .problem-number {
    order: -9999;
  }

  .speaker {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    margin-top: 64px;
  }

  .speaker-about-text {
    order: 9999;
    padding: 32px 24px;
  }

  .speaker-section-border {
    right: 0%;
  }

  .speaker-photo {
    border-radius: 24px;
  }

  .speaker-photo-wrapper {
    padding: 8px 8px 0;
  }

  .definition {
    margin-top: 80px;
    padding: 32px 32px 48px;
  }

  .video-testimonials {
    margin-top: 80px;
    padding-bottom: 64px;
  }

  .video-testimonials-title {
    padding-left: 32px;
    padding-right: 32px;
  }

  .splide__arrows {
    margin-bottom: 48px;
  }

  .splide.slider1, .splide.slider2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .you-can-too {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 80px;
  }

  .collumn.price-summ {
    order: -9999;
  }

  .services {
    margin-top: 80px;
    padding-bottom: 32px;
  }

  .services-header {
    padding-left: 32px;
    padding-right: 32px;
  }

  .tabs-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .tab-content {
    padding-bottom: 0;
  }

  .formula-card-2x {
    flex: none;
    height: 100%;
    min-height: 80vh;
  }

  .formula {
    flex-flow: column;
    margin-top: 104px;
  }

  .formula-cards-second {
    order: -9999;
  }

  .graduates {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    margin-top: 104px;
  }

  .graduates-header {
    padding-left: 32px;
    padding-right: 32px;
  }

  .offer-wrapper-1 {
    margin-top: 104px;
  }

  .offer-wrapper-3 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-top: 64px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .offer-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding: 32px 32px 40px;
  }

  .buttons-horizontal {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .metrics-wrapper {
    margin-top: 104px;
  }

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

  .accordion-body.js-accordion-body {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .accordion-header.js-accordion-header {
    padding-left: 24px;
    padding-right: 24px;
  }

  .accordion__item.js-accordion-item, .accordion__item.js-accordion-item.active {
    padding-left: 0;
    padding-right: 0;
  }

  .accordion {
    width: 83.33%;
    padding-left: 0;
    padding-right: 0;
  }

  .faq-wrapper {
    margin-top: 104px;
  }

  .menu-modal-wrapper {
    padding-top: 88px;
    padding-right: 0;
  }

  .menu-modal {
    width: 100%;
    padding-left: 64px;
    padding-right: 64px;
  }

  .logo-menu {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .riteria-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 80px;
    padding-bottom: 64px;
    padding-left: 32px;
    padding-right: 32px;
  }

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

  .criteria {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
  }

  .c {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 24px;
  }

  .criteria-number {
    order: -9999;
  }

  .scenarios-list {
    flex-flow: column;
  }

  .scenario.scenario-1 {
    order: -9999;
  }

  .countdown-section-wrapper {
    margin-top: -32px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .countdown {
    order: 9999;
  }

  .countdown-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    padding-top: 64px;
    padding-bottom: 32px;
  }

  .countdown-header {
    font-size: 28px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .accordion__item {
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .accordion {
    width: 100%;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_typography---font-size--p-xl: 18px;
    --_typography---font-size--lh-p-xl: 28px;
    --_typography---font-size--p-l: 16px;
    --_typography---font-size--lh-p-l: 24px;
    --_typography---font-size--p-m: 14px;
    --_typography---font-size--lh-p-m: 20px;
    --_typography---font-size--p-s: 12px;
    --_typography---font-size--lh-p-s: 18px;
    --_typography---font-size--h4: 20px;
    --_typography---font-size--lh-h4: 32px;
    --_typography---font-size--h3: 28px;
    --_typography---font-size--lh-h3: 38px;
    --_typography---font-size--h2: 32px;
    --_typography---font-size--lh-h2: 46px;
    --_typography---font-size--h1: 46px;
    --_typography---font-size--lh-h1: 58px;
    --_typography---font-size--title: 64px;
    --_typography---font-size--lh-title: 80px;
  }

  .text-regularp-l.teal-text.countdown-label {
    font-size: 14px;
    line-height: 20px;
  }

  .text-headerh4 {
    font-size: var(--_typography---font-size--h4);
  }

  .text-headerh4.button-text {
    text-align: right;
    white-space: normal;
  }

  .text-headerh3.accordeon-header {
    font-size: 20px;
    line-height: 32px;
  }

  .text-headerh1.white-text.offer-title {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-headerh1.metric-header {
    font-size: 40px;
    line-height: 48px;
  }

  .text-headerh1.separate-header {
    margin-top: 80px;
  }

  .text-titletitle1.white-text.mobile-title {
    font-size: 46px;
    line-height: 58px;
  }

  .text-iconsicon32.accordeon-arrow {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
  }

  .logo-wrapper.w--current {
    width: auto;
  }

  .header {
    padding-left: 8px;
    padding-right: 8px;
    right: 0;
  }

  .button.middle.main.sticky-button {
    flex: 1;
  }

  .button.extra-big.main {
    height: 64px;
  }

  .button.extra-big.secondary.you-can-too-action {
    width: 100%;
    height: 64px;
  }

  .button.extra-big.on-black.encyclopedia {
    height: 64px;
  }

  .button.extra-big.white.w100 {
    height: 64px;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-flex;
  }

  .hero-section {
    height: 100vh;
    padding-left: 8px;
    padding-right: 8px;
  }

  .hero {
    background-image: linear-gradient(180deg, #0000 30%, var(--_variable-collection---black--black-74)), url('../images/bg-photo.webp');
    background-position: 0 0, -340px;
    background-size: auto, cover;
  }

  .hero-content {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-content-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-bottom: 24px;
  }

  .hero-actions {
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
  }

  .play-button-big {
    height: 80px;
  }

  .fwp-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .problem-wrapper {
    margin-top: 64px;
    padding: 24px 16px 32px;
  }

  .problem-title-wrapper, .problems-list {
    flex-flow: column;
  }

  .problem.problem-1 {
    order: -9999;
  }

  .problem.problem-3 {
    order: 9999;
  }

  .speaker {
    flex-flow: column;
    margin-top: 48px;
  }

  .speaker-title {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .speaker-about-text {
    z-index: 2;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
  }

  .speaker-section-border {
    right: 0;
  }

  .speaker-photo {
    min-height: 400px;
  }

  .speaker-photo-wrapper {
    order: -9999;
    padding: 8px;
  }

  .definition {
    margin-top: 64px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .definition-list {
    flex-flow: column;
  }

  .vertical-separator {
    width: 100%;
    height: 1px;
  }

  .video-testimonials {
    margin-top: 64px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .video-testimonials-title {
    padding-left: 24px;
    padding-right: 24px;
  }

  .arrows.testimonial-arrows {
    display: none;
  }

  .splide__arrows {
    margin-bottom: 32px;
  }

  .splide.slider1, .splide.slider2, .splide.slider3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .testimonial-text-wrapper {
    padding: 16px;
  }

  .you-can-too {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    margin-top: 64px;
  }

  .collumn.yct-header {
    order: -9999;
  }

  .accordion-title.js-accordion-header {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 16px;
  }

  .accordion-content.js-accordion-body {
    padding-left: 16px;
    padding-right: 16px;
  }

  .services {
    margin-top: 64px;
    padding-top: 48px;
    padding-bottom: 24px;
  }

  .services-header {
    padding-left: 24px;
    padding-right: 24px;
  }

  .tabs-menu {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tabs-content {
    padding-bottom: 24px;
  }

  .service.splide__slide {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px;
  }

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

  .problem-title-text {
    padding-left: 8px;
    padding-right: 8px;
  }

  .half-col {
    width: 100%;
    height: auto;
  }

  .half-col.card-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    order: 9999;
  }

  .about-card-image-2 {
    height: 160px;
  }

  .formula-card-2x {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    min-height: 60vh;
    padding: 24px 16px;
  }

  .formula {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 80px;
  }

  .formula-cards-first {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .about-card-image-1 {
    height: 160px;
  }

  .formula-cards-second {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    order: 9999;
  }

  .formula-card-x.card-style-4 {
    flex-flow: column;
    height: auto;
    padding: 16px 16px 24px;
  }

  .formula-card-x.card-style-3, .formula-card-x.card-style-1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    height: auto;
    padding: 16px 16px 24px;
  }

  .formula-card-x.card-style-2 {
    flex-flow: column;
    height: auto;
    padding: 16px 16px 24px;
  }

  .about-card-image-3, .about-card-image-4 {
    height: 160px;
  }

  .graduates {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 80px;
    padding-top: 48px;
    padding-bottom: 64px;
  }

  .graduates-header {
    padding-left: 24px;
    padding-right: 24px;
  }

  .offer-wrapper-1 {
    margin-top: 80px;
    padding-bottom: 64px;
  }

  .offer-wrapper-3 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-left: 0;
    padding-right: 0;
  }

  .offer-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .main-action {
    padding: 24px 16px 16px;
  }

  .text-inline {
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
  }

  .text-inline2.list-item-price {
    order: 9999;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding-right: 32px;
  }

  .price-included {
    padding: 24px 16px;
  }

  .price-list-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .info, .info2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .title-subtitle {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .title-subtitle.promise-title {
    padding-left: 16px;
    padding-right: 16px;
  }

  .buttons-horizontal {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .metrics-wrapper {
    margin-top: 80px;
  }

  .metrics {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    width: 100%;
    display: grid;
  }

  .metric.metric1 {
    padding: 16px 12px;
  }

  .accordeon-item-image-wrapper {
    width: 32px;
    height: 32px;
  }

  .accordion-body {
    padding-left: 56px;
  }

  .accordion-body.js-accordion-body {
    margin-top: 0;
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .icon24 {
    text-decoration: none;
  }

  .icon24.accordion-icon {
    font-size: 20px;
    line-height: 20px;
  }

  .accordion-header.js-accordion-header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px;
  }

  .accordion__item.js-accordion-item {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .accordion__item.js-accordion-item.active {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .accordeon-arrow-wrapper {
    width: 24px;
  }

  .faq-wrapper {
    margin-top: 80px;
    padding-top: 64px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer {
    margin-top: 80px;
  }

  .sticky-header {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
  }

  .login-button {
    display: flex;
  }

  .mobile-logo-wrapper2.w--current {
    display: none;
  }

  .menu-modal-wrapper {
    background-color: var(--_variable-collection---white--white);
    scrollbar-width: none;
    overflow: auto;
  }

  .menu-modal {
    border-top: 1px solid var(--_variable-collection---black--black-16);
    height: auto;
    padding: 16px;
  }

  .menu-close-zone {
    display: none;
  }

  .menu-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .menu-collumn.menu-collumn2 {
    order: 9999;
  }

  .menu-collumn.menu-collumn1 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    order: -9999;
  }

  .menu-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .vertical-separator-gray {
    width: 100%;
    height: 1px;
    display: none;
  }

  .whatsapp {
    background-size: 24px 24px;
    width: 48px;
    height: 48px;
    bottom: 16px;
    left: 16px;
  }

  .riteria-wrapper {
    margin-top: 64px;
    padding: 48px 16px;
  }

  .criteria-title-wrapper {
    flex-flow: column;
  }

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

  .criteria.problem-1 {
    order: -9999;
  }

  .criteria.problem-3 {
    order: 9999;
  }

  .criteria.criteria-1, .c.problem-1 {
    order: -9999;
  }

  .c.problem-3 {
    order: 9999;
  }

  .scenarios-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .scenario.scenario-1, .scenario.scenario-2 {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 24px;
  }

  .scenario-number {
    order: -9999;
  }

  .countdown-section-wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }

  .countdown {
    grid-column-gap: 0px;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .text-regularp-m-2.white-text-2 {
    font-size: 12px;
    line-height: 16px;
  }

  .countdown-section {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .countdown-header {
    text-align: center;
    font-size: 20px;
    line-height: 28px;
  }

  .countdown-header.accordeon-header {
    font-size: 20px;
    line-height: 32px;
  }
}