/* hero */

.hero {
  padding-bottom: 90px;
}

.hero-left {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 70px;
  max-width: 825px;
  margin-right: auto;
}

.hero-right {
  flex-direction: column;
  align-items: center;
  padding-top: 47px;
}

.hero-title {
  font-size: var(--title-size);
  font-weight: 700;
  font-family: var(--font-montBold);
  color: #fff;
  margin: 0;
  margin-bottom: 55px;
}

.hero-marcus-head {
  background-color: transparent;
  margin-bottom: 20px;
}

.hero-btn {
  border-radius: 15px;
  border: 2px solid #eec690;
  padding: 20px 30px;
}

.hero-btn-text {
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url('../../../media/index-page/hero-cursor.svg');
  padding-right: 40px;
  font-size: var(--font-md);
  font-weight: 600;
  display: flex;
  align-items: center;
  min-height: 30px;
  color: #fff;
}

/* goal */

.goal-container {
  padding-top: var(--section-padding);
  margin-bottom: var(--section-paddingB)
}

.goal-title {
  margin: 0;
  margin-bottom: 34px;
  font-size: var(--title-size);
  font-weight: 700;
  font-family: var(--font-montBold);
  color: #2a2f36;
}

.goal-desc-wrapper {
  background-image: url('../../../media/index-page/goal-bg.svg');
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-right: 600px;
}

.goal-desc:not(:last-child) {
  margin-bottom: 20px;
}

.goal-desc-title {
  margin: 0;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--font-montBold);
}

.goal-desc {
  padding: 0;
  margin: 0;
  font-size: var(--font-md);
}

/* audience */

.audience-container {
  padding-top: var(--section-padding);
  padding-bottom: var(--section-paddingB)
}

.audience-title {
  margin: 0;
  margin-bottom: 20px;
  font-size: var(--title-size);
  font-weight: 700;
  font-family: var(--font-montBold);
  color: #fff;
}

.audience-desc {
  padding: 0;
  margin: 0;
  font-size: var(--font-md);
  color: #fff;
}

.audience-desc:not(:last-child) {
  margin-bottom: 20px;
}

/* platform */

.platform-container {
  padding-top: var(--section-padding);
  margin-bottom: var(--section-paddingB)
}

.platform-desc-wrapper {
  padding-left: 600px;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-image: url('../../../media/index-page/platform-bg.svg');
}

.platform-title {
  margin: 0;
  margin-bottom: 34px;
  font-size: var(--title-size);
  font-family: var(--font-montBold);
  font-weight: 700;
  color: #2a2f36;
}

.platform-list-wrapper {
  background-color: #2a2f36;
  color: #fff;
  padding: 20px 30px 20px 20px;
  border-radius: 15px;
}

.platform-list-title {
  margin: 0;
  margin-bottom: 10px;
  font-family: var(--font-montBold);
  font-size: 20px;
  font-weight: 700;
}

.platform-list {
  list-style-image: url('../../../media/index-page/platfrom-list-style.svg');
  list-style-position: inside;
}

.platform-item:not(:last-child) {
  margin-bottom: 12px;
}

.platform-desc {
  margin-bottom: 20px;
  font-size: var(--font-md);
  font-weight: 500;
}

.platform-btn {
  background: #eec690;
  padding: 20px 30px;
  border-radius: 15px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.platform-btn-text {
  font-size: var(--font-md);
  font-weight: 600;
  flex-direction: column;
  padding-right: 10px;
}

/* teacher */

.teacher-container {
  padding-top: var(--section-padding);
  padding-bottom: var(--section-paddingB)
}

.teacher-title {
  margin: 0;
  margin-bottom: 32px;
  font-size: var(--title-size);
  font-weight: 700;
  font-family: var(--font-montBold);
  color: #fff;
}

.teacher-image {
  max-width: 475px;
  width: 100%;
  height: auto;
  border-radius: 15px;
  align-self: center;
}

.teacher-list {
  margin-right: 21px;
  flex-direction: column;
  justify-content: center;
  border-radius: 0 15px 15px 0;
  border: 1px solid var(--color-l-dark);
}

.teacher-item {
  padding: 20px;
}

.teacher-item:not(:last-child) {
  border-bottom: 1px solid var(--color-l-dark);
}

.teacher-item-icon {
  margin-bottom: 30px;
  margin-right: 610px;
}

.teacher-item-title {
  margin: 0;
  margin-bottom: 12px;
  font-size: var(--font-lg);
  font-weight: 700;
  font-family: var(--font-montBold);
  color: #fff;
}

.teacher-item-desc {
  max-width: 530px;
  margin: 0;
  font-size: var(--font-md);
  font-weight: 500;
  color: #fff;
}

/* features */

.features-container {
  padding-top: var(--section-padding);
  margin-bottom: var(--section-paddingB);
  flex-direction: column;
  align-items: center;
}

.features-title {
  margin: 0;
  margin-bottom: 32px;
  font-size: var(--title-size);
  font-weight: 700;
  font-family: var(--font-montBold);
  color: #fff;
}

.features-list {
  border: 1px solid var(--color-l-dark);

  border-radius: 20px;
}

.features-item {
  padding: 20px;
  flex-direction: column;
}

.features-item-title {
  margin: 0;
  margin-bottom: auto;
  font-size: 19px;
  font-weight: 700;
  font-family: var(--font-montBold);
  color: #fff;
}

.features-item-icon {
  margin-bottom: 20px;
}

.features-item-desc {
  margin: 0;
  padding-top: 8px;
  font-size: var(--font-sm);
  color: #fff;
  max-width: 265px;
}

.features-item:not(:last-child) {
  border-right: 1px solid var(--color-l-dark);
}

.features-list-wrapper {
  margin-bottom: 20px;
  background-color: #2a2f36;
  border-radius: 20px;
  padding: 60px;
}

.features-btn-form {
  display: flex;
  width: 100%;
}

.features-btn {
  background: #eec690;
  padding: 22px 30px;
  border-radius: 15px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.features-btn-text {
  font-size: 20px;
  font-weight: 600;
}