/* stylelint-disable */
mark {
  background-color: transparent;
}

.body-curse {
  background-color: #fff;
}

.section--base {
  padding: 100px 0;
}
@media only screen and (max-width: 992px) {
  .section--base {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 576px) {
  .section--base {
    padding: 40px 0;
  }
}
.section--small {
  padding: 80px 0;
}
@media only screen and (max-width: 992px) {
  .section--small {
    padding: 40px 0;
  }
}
.section--mb {
  margin-bottom: 100px;
}
@media only screen and (max-width: 992px) {
  .section--mb {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .section--mb {
    margin-bottom: 40px;
  }
}
.section--blue {
  background-color: #eef5fb;
}

.section--blue {
  padding-block-end: 24px;
}

.title {
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  color: #292929;
}
@media only screen and (max-width: 992px) {
  .title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 576px) {
  .title {
    font-size: 24px;
  }
}
.title mark {
  color: #009a36;
}
.title--center {
  text-align: center;
}

@media only screen and (max-width: 576px) {
  .btn {
    width: 100%;
    min-height: 50px;
    border-radius: 8px;
    font-size: 18px;
  }
}

.blue-wrapper {
  box-shadow: 0 10px 30px 0 rgba(34, 34, 34, 0.15);
  background-color: #eef5fb;
}

.d-result {
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 576px) {
  .d-result {
    flex-direction: column;
  }
}
.d-result a {
  font-weight: 600;
  color: #fff;
}

.st-button {
  position: relative;
  display: inline-block;
  padding: 6px 12px;
  min-width: 140px;
  border-radius: 4px;
  line-height: 1.25;
  text-align: center;
  color: #fff;
  transition: 0.2s ease-out;
}
.st-button.st-green {
  color: #fff;
  background-color: #72bb4c;
}
.st-button.st-blue {
  color: #fff;
  background-color: #4572c3;
}

.hero__inner {
  position: relative;
  padding-right: 540px;
  min-height: 465px;
}
@media only screen and (max-width: 992px) {
  .hero__inner {
    padding-right: 10px;
  }
}
.hero__content {
  padding-top: 100px;
  max-width: 860px;
}
@media only screen and (max-width: 992px) {
  .hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .hero__content {
    align-items: flex-start;
    padding-top: 27px;
  }
}
.hero__title {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 42px;
  line-height: 120%;
  color: #292929;
}
@media only screen and (max-width: 576px) {
  .hero__title {
    margin-bottom: 12px;
    font-size: 21px;
  }
}
.hero__title mark {
  display: block;
  font-weight: 700;
  font-size: 62px;
  line-height: 120%;
  text-transform: uppercase;
  color: #009a36;
}
@media only screen and (max-width: 1230px) {
  .hero__title mark {
    font-size: 48px;
  }
}
@media only screen and (max-width: 576px) {
  .hero__title mark {
    font-size: 31px;
  }
}
.hero__description {
  margin-bottom: 24px;
  max-width: 450px;
  font-weight: 400;
  font-size: 21px;
  line-height: 150%;
  color: #181818;
}
@media only screen and (max-width: 992px) {
  .hero__description {
    max-width: 550px;
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  .hero__description {
    margin-bottom: 16px;
    font-size: 16px;
    text-align: left;
  }
}
.hero__description mark {
  font-weight: 700;
}
.hero__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 32px;
}
@media only screen and (max-width: 992px) {
  .hero__footer {
    max-width: 550px;
  }
}
.hero__btn {
  padding: 0 33px;
}
@media only screen and (max-width: 992px) {
  .hero__btn {
    flex-grow: 1;
  }
}
.hero__block {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.hero__price {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #424242;
}
@media only screen and (max-width: 576px) {
  .hero__price {
    margin-bottom: 0;
    font-size: 16px;
  }
}
.hero__new {
  font-weight: 700;
}
.hero__old {
  text-decoration: line-through;
}
.hero__premium {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0.12px;
  color: #1d6ef6;
}
@media only screen and (max-width: 576px) {
  .hero__premium {
    font-size: 16px;
    letter-spacing: -0.92px;
  }
}
.hero__premium:hover {
  text-decoration-line: underline;
}
.hero__img {
  position: absolute;
  right: 10px;
  bottom: 0;
  display: flex;
  align-items: flex-start;
  max-width: 524px;
}
@media only screen and (max-width: 992px) {
  .hero__img {
    position: static;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px) {
  .hero__img {
    margin-bottom: 16px;
    max-width: 300px;
  }
}
.hero__img img {
  width: 100%;
  height: auto;
}

.certificate__title {
  margin-bottom: 32px;
}
@media only screen and (max-width: 576px) {
  .certificate__title {
    margin-bottom: 16px;
    text-align: center;
  }
}
.certificate__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url("../../../images/pages/school-authors/certificate/gerb-0131279ec7354368b86b53c71dff9859.svg"), url("../../../images/pages/school-authors/certificate/gerb-right-4aaeb9dbb2b40aa294bd5849edcef09d.svg");
  background-position: left 49px bottom 100px, right 48px top 102px;
  background-size: 264px 258px, 264px 258px;
  background-repeat: no-repeat, no-repeat;
}
@media only screen and (max-width: 992px) {
  .certificate__inner {
    background-image: none;
  }
}
@media only screen and (max-width: 576px) {
  .certificate__inner {
    padding: 0 16px;
  }
}
.certificate__img {
  display: block;
  margin: 0 auto 16px;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
}
@media only screen and (max-width: 576px) {
  .certificate__img {
    margin: 0 auto 16px;
    width: 300px;
    height: 205px;
    object-fit: cover;
  }
}
.certificate__description {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #949494;
  margin-block-end: 32px;
}
@media only screen and (max-width: 576px) {
  .certificate__description {
    margin-block-end: 16px;
  }
}

.why-school-authors {
  margin-bottom: 64px;
}
@media only screen and (max-width: 576px) {
  .why-school-authors {
    margin-bottom: 36px;
  }
}
.why-school-authors__wrap {
  display: flex;
  gap: 66px;
}
@media only screen and (max-width: 1230px) {
  .why-school-authors__wrap {
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px;
    padding: 52px 16px 20px;
  }
}
@media only screen and (max-width: 576px) {
  .why-school-authors__wrap {
    padding: 0;
    border-radius: 16px;
    gap: 24px;
  }
}
.why-school-authors__wrap:not(:last-child) {
  margin-bottom: 32px;
}
@media only screen and (max-width: 576px) {
  .why-school-authors__wrap:not(:last-child) {
    margin-bottom: 12px;
  }
}
.why-school-authors__container {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  width: 100%;
  max-width: 550px;
  gap: 12px;
}
.why-school-authors__preview {
  position: relative;
  width: 100%;
  height: 328px;
  max-width: 550px;
  overflow: hidden;
  border-radius: 16px;
  background-image: linear-gradient(0deg, rgba(34, 34, 34, 0.6) 0%, rgba(34, 34, 34, 0.6) 100%);
  background-color: #000;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .why-school-authors__preview {
    position: relative;
    padding: 0 0 56.25%;
    height: 174px;
    max-width: none;
  }
}
.why-school-authors__preview::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  display: inline-block;
  width: 56px;
  height: 56px;
  background-image: url("../../../images/pages/school-authors/why-school-authors/play-16edf57dd19331ce5ca916f8a49bce6d.svg");
  background-size: cover;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 576px) {
  .why-school-authors__preview::before {
    width: 40px;
    height: 40px;
  }
}
.why-school-authors__preview img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 16px;
  object-fit: cover;
  filter: brightness(50%);
}
@media only screen and (max-width: 768px) {
  .why-school-authors__preview img {
    width: 100%;
    height: auto;
    border-radius: 9px;
  }
}
.why-school-authors__preview iframe {
  display: none;
  overflow: hidden;
  border-radius: 18px;
}
@media only screen and (max-width: 768px) {
  .why-school-authors__preview iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
.why-school-authors__preview.active img, .why-school-authors__preview.active::before {
  display: none;
}
.why-school-authors__preview.active iframe {
  display: block;
}
.why-school-authors__banner {
  padding: 16px 16px 16px 80px;
  max-width: 560px;
  border-radius: 8px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #292929;
  background-image: url("../../../images/pages/school-authors/why-school-authors/star-f9baa13974719c877fe713263daf2da7.svg");
  background-position: center left 16px;
  background-size: 48px 48px;
  background-repeat: no-repeat;
  background-color: #ffec88;
}
@media only screen and (max-width: 576px) {
  .why-school-authors__banner {
    border-radius: 8px;
    font-size: 16px;
  }
}
.why-school-authors__description {
  display: inline-block;
  width: 100%;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  color: #76767a;
}
@media only screen and (max-width: 576px) {
  .why-school-authors__description {
    font-size: 16px;
  }
}
.why-school-authors__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
}
.why-school-authors__link {
  font-weight: 500;
  color: #1d6ef6;
  transition: 0.3s;
}
.why-school-authors__link:hover {
  text-decoration: underline;
}
.why-school-authors__title {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  color: #181818;
}
@media only screen and (max-width: 576px) {
  .why-school-authors__title {
    margin-bottom: 16px;
    font-size: 24px;
    text-align: center;
  }
}
.why-school-authors__text:not(:last-child) {
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  .why-school-authors__text:not(:last-child) {
    margin-bottom: 16px;
  }
}
.why-school-authors__text mark {
  font-weight: 700;
}
.why-school-authors__text p {
  font-size: 18px;
  line-height: 150%;
  color: #0f0f0f;
}
@media only screen and (max-width: 576px) {
  .why-school-authors__text p {
    font-size: 16px;
  }
}
.why-school-authors__text p:not(:last-child) {
  margin-bottom: 25px;
}
@media only screen and (max-width: 576px) {
  .why-school-authors__text p:not(:last-child) {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .why-school-authors__publish {
    max-width: calc(100% - 20px);
  }
}

.about-course {
  margin-top: -30px;
  padding-top: 30px;
  background-image: url("../../../images/pages/school-authors/about-course/star-fc45afc9aec37b12f5d331085f9bb7c1.png");
  background-position: left calc(50% + 612px) top 11px;
  background-size: 273px 264px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1230px) {
  .about-course {
    background-image: none;
  }
}
@media only screen and (max-width: 576px) {
  .about-course .container {
    padding: 0;
  }
}
.about-course__title {
  margin-bottom: 32px;
}
@media only screen and (max-width: 576px) {
  .about-course__title {
    margin-bottom: 20px;
  }
}
.about-course__items {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  gap: 12px 32px;
}
@media only screen and (max-width: 992px) {
  .about-course__items {
    gap: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .about-course__items {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 12px;
  }
}
.about-course__items:not(:last-child) {
  margin-bottom: 27px;
}
@media only screen and (max-width: 576px) {
  .about-course__items:not(:last-child) {
    margin-bottom: 11px;
  }
}
.about-course__item {
  position: relative;
  z-index: 2;
  display: flex;
  padding: 16px 24px 16px 88px;
  border-radius: 10px;
  background-position: left 24px top 16px;
  background-size: 48px 48px;
  background-repeat: no-repeat;
  background-color: #fff;
  gap: 16px;
}
@media only screen and (max-width: 576px) {
  .about-course__item {
    padding: 16px 16px 16px 76px;
    border-radius: 8px;
    background-position: left 16px top 16px;
    gap: 12px;
  }
}
@media only screen and (max-width: 576px) {
  .about-course__item:nth-child(1) {
    order: 1;
  }
}
@media only screen and (max-width: 576px) {
  .about-course__item:nth-child(2) {
    order: 5;
  }
}
@media only screen and (max-width: 576px) {
  .about-course__item:nth-child(3) {
    order: 2;
  }
}
@media only screen and (max-width: 576px) {
  .about-course__item:nth-child(4) {
    order: 6;
  }
}
@media only screen and (max-width: 576px) {
  .about-course__item:nth-child(5) {
    order: 3;
  }
}
@media only screen and (max-width: 576px) {
  .about-course__item:nth-child(6) {
    order: 7;
  }
}
@media only screen and (max-width: 576px) {
  .about-course__item:nth-child(7) {
    order: 4;
  }
}
@media only screen and (max-width: 576px) {
  .about-course__item:nth-child(8) {
    order: 8;
  }
}
.about-course__item--first {
  background-image: url("../../../images/pages/school-authors/about-course/first-4cad15e60baa8aac90974f6334b099b4.svg");
}
.about-course__item--second {
  background-image: url("../../../images/pages/school-authors/about-course/second-b1190ca03bad884990379f499aac2bd2.svg");
}
.about-course__item--third {
  background-image: url("../../../images/pages/school-authors/about-course/third-1b3bfe1b4710ea4d288be11755f679b4.svg");
}
.about-course__item--fourth {
  background-image: url("../../../images/pages/school-authors/about-course/fourth-b2b8cc4bfbb02bc4a8e64416f5ba147a.svg");
}
.about-course__item--fifth {
  background-image: url("../../../images/pages/school-authors/about-course/fifth-d91e930d1cfca915c7abb0c78c63229e.svg");
}
.about-course__item--sixth {
  background-image: url("../../../images/pages/school-authors/about-course/sixth-53a24306ea90aeb22bf0fcebc01b17b5.svg");
}
.about-course__item--seventh {
  background-image: url("../../../images/pages/school-authors/about-course/seventh-693919c37d5a5b619a502cf7e978815b.svg");
}
.about-course__item--eighth {
  background-image: url("../../../images/pages/school-authors/about-course/eighth-6250c691da8552958c00699a17d5da6e.svg");
}
.about-course__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #292929;
}
@media only screen and (max-width: 576px) {
  .about-course__text {
    font-size: 16px;
  }
}
.about-course__text mark {
  font-weight: 700;
}

.organizer__items {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
@media only screen and (max-width: 992px) {
  .organizer__items {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .organizer__items {
    gap: 16px;
  }
}
.organizer__item {
  padding: 33px 36px;
  width: 100%;
  min-height: 340px;
  max-width: 598px;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 2px 8px 0 rgba(34, 34, 34, 0.08);
  background-color: #fff;
}
@media only screen and (max-width: 992px) {
  .organizer__item {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .organizer__item {
    position: relative;
    padding: 16px;
    min-height: 160px;
    border: 1px solid #f2f2f2;
    border-radius: 12px;
  }
}
.organizer__item--flex {
  display: flex;
  align-items: center;
  gap: 5px;
}
.organizer__item--bg {
  background-image: url("../../../images/pages/school-authors/organizer/bg-ee0381478d916f960c1b7e097917bfa6.png");
  background-position: bottom right;
  background-repeat: no-repeat;
}
.organizer__info {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: #292929;
}
@media only screen and (max-width: 576px) {
  .organizer__info {
    margin-bottom: 8px;
    font-size: 16px;
  }
}
.organizer__info:not(:last-child) {
  margin-bottom: 8px;
}
@media only screen and (max-width: 576px) {
  .organizer__info:not(:last-child) {
    margin-bottom: 3px;
  }
}
.organizer__description {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #424242;
}
@media only screen and (max-width: 576px) {
  .organizer__description {
    padding-right: 82px;
    font-size: 14px;
  }
}
.organizer__element {
  max-width: 320px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #424242;
}
@media only screen and (max-width: 576px) {
  .organizer__element {
    font-size: 14px;
  }
}
.organizer__element strong {
  font-weight: 600;
  color: #292929;
}
.organizer__element:not(:last-child) {
  margin-bottom: 22px;
}
@media only screen and (max-width: 576px) {
  .organizer__element:not(:last-child) {
    margin-bottom: 15px;
  }
}
.organizer__element mark {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: #292929;
}
@media only screen and (max-width: 576px) {
  .organizer__element mark {
    margin-bottom: 9px;
    font-size: 32px;
  }
}
@media only screen and (max-width: 576px) {
  .organizer__img {
    position: absolute;
    right: -9px;
    bottom: -16px;
    width: 107px;
    height: 154px;
    border-radius: 4px;
  }
}

@media only screen and (max-width: 576px) {
  .course-authors {
    padding: 25px 0;
  }
}
.course-authors__title {
  margin-bottom: 38px;
}
@media only screen and (max-width: 576px) {
  .course-authors__title {
    margin-bottom: 18px;
    padding: 0 20px;
    text-align: center;
  }
}
.course-authors__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 40px;
}
@media only screen and (max-width: 992px) {
  .course-authors__items {
    gap: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .course-authors__items {
    display: flex;
    padding-bottom: 5px;
    overflow: auto;
    gap: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .course-authors__item {
    flex-shrink: 0;
    width: 260px;
  }
}
.course-authors__name {
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 19px;
  line-height: 140%;
  color: #292929;
}
.course-authors__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #424242;
}
@media only screen and (max-width: 576px) {
  .course-authors__text {
    font-size: 14px;
  }
}
.course-authors__img {
  display: block;
  margin-bottom: 12px;
  width: 278px;
  height: 278px;
  overflow: hidden;
  border-radius: 12px;
}
@media only screen and (max-width: 1230px) {
  .course-authors__img {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 576px) {
  .how-earn {
    margin-bottom: 57px;
  }
}
@media only screen and (max-width: 576px) {
  .how-earn .container {
    padding: 0;
  }
}
.how-earn__title {
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  text-align: center;
  color: #181818;
}
@media only screen and (max-width: 576px) {
  .how-earn__title {
    margin-bottom: 24px;
    font-size: 24px;
  }
}
.how-earn__wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 16px 80px;
  border-radius: 24px;
  background-color: #fff;
  gap: 12px;
}
@media only screen and (max-width: 1230px) {
  .how-earn__wrap {
    justify-content: center;
    gap: 32px;
  }
}
@media only screen and (max-width: 576px) {
  .how-earn__wrap {
    padding: 16px;
  }
}
.how-earn__img {
  position: relative;
  width: 245px;
}
@media only screen and (max-width: 576px) {
  .how-earn__img {
    width: 288px;
  }
}
.how-earn__img img {
  display: block;
}
@media only screen and (max-width: 576px) {
  .how-earn__img img {
    width: 288px;
    height: auto;
  }
}
.how-earn__img p {
  position: absolute;
  left: 60px;
  bottom: 31px;
  width: 112px;
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 576px) {
  .how-earn__img p {
    left: 87px;
    width: 104px;
    font-size: 14px;
  }
}
.how-earn__info {
  width: 100%;
  max-width: 766px;
}
@media only screen and (max-width: 1230px) {
  .how-earn__info {
    max-width: 100%;
  }
}
.how-earn__descr {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #181818;
}
@media only screen and (max-width: 576px) {
  .how-earn__descr {
    font-size: 16px;
  }
}

.program {
  border-radius: 12px;
}
@media only screen and (max-width: 576px) {
  .program {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px) {
  .program .container {
    padding: 0;
  }
}
.program__header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 22px;
  gap: 16px;
}
@media only screen and (max-width: 576px) {
  .program__header {
    margin-bottom: 24px;
    padding: 0 16px;
    font-size: 18px;
  }
}
.program__download {
  padding-left: 23px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0.2px;
  color: #1d6ef6;
  background-image: url("../../../images/pages/school-authors/program/download-a139db9fc19907b9934b059065fdbd24.svg");
  background-position: center left;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  transition: 0.3s;
}
@media only screen and (max-width: 576px) {
  .program__download {
    letter-spacing: 0.17px;
  }
}
.program__download:hover {
  text-decoration-line: underline;
}
.program__item {
  border-radius: 8px;
  background-color: #fff;
}
.program__item:not(:last-child) {
  margin-bottom: 12px;
}
.program__title {
  margin-right: auto;
}
.program__subtitle {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 60px 20px 24px;
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #181818;
  background-image: url("../../../images/pages/school-authors/program/arrow-bottom-09f8136c07f4161876693f8f79358b79.svg");
  background-position: center right 26px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  cursor: pointer;
  user-select: none;
  gap: 15px 24px;
}
@media only screen and (max-width: 576px) {
  .program__subtitle {
    padding: 20px 42px 20px 16px;
    background-position: center right 16px;
    gap: 10px;
  }
}
.program__subtitle span {
  flex-shrink: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #6a6f73;
}
.program__subtitle svg {
  margin-left: auto;
  min-width: 24px;
  transition: 0.3s;
}
.program__subtitle.active {
  background-image: url("../../../images/pages/school-authors/program/arrow-e0c58bc73e61c553307aac6ea506b652.svg");
}
.program__content {
  display: none;
  padding: 0 50px 32px 24px;
  overflow: hidden;
  font-size: 16px;
  line-height: 130%;
  color: #000;
}
@media only screen and (max-width: 576px) {
  .program__content {
    padding: 0 16px 12px;
  }
}
.program__content.active {
  display: block;
}
.program__img {
  display: block;
  flex-shrink: 0;
  width: 100%;
  max-width: 412px;
  overflow: hidden;
  border-radius: 4px;
}
@media only screen and (max-width: 576px) {
  .program__img {
    width: 288px;
    height: 161px;
    border-radius: 4px;
    object-fit: cover;
  }
}
.program__elements:not(:last-child) {
  margin-bottom: 28px;
}
@media only screen and (max-width: 576px) {
  .program__elements:not(:last-child) {
    margin-bottom: 25px;
  }
}
.program__element {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 32px;
}
.program__element:not(:last-child) {
  margin-bottom: 24px;
}
.program__name {
  max-width: 560px;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  color: #292929;
}
.program__name:not(:last-child) {
  margin-bottom: 8px;
}
.program__text {
  max-width: 580px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #292929;
}
.program__text:not(:last-child) {
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  .program__text:not(:last-child) {
    margin-bottom: 14px;
  }
}
.program__row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 33px;
}
.program__col {
  padding-left: 28px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #292929;
  background-position: center left;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.program__col--video {
  background-image: url("../../../images/pages/school-authors/program/video-309693871570d386c9e8a4fdd03adf6b.svg");
}
.program__col--abstract {
  background-image: url("../../../images/pages/school-authors/program/abstract-f4e4f8622d766733c6ce1a49c366319a.svg");
}
.program__col--control {
  background-image: url("../../../images/pages/school-authors/program/control-a4eaed31c9a3a421251d855a3aee919f.svg");
}
.program__description {
  padding-left: 28px;
  background-position: center left;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 576px) {
  .program__description {
    background-position: top left;
  }
}
.program__description mark {
  font-weight: 600;
}
.program__description:not(:last-child) {
  margin-bottom: 18px;
}
.program__description--podcast {
  background-image: url("../../../images/pages/school-authors/program/podcast-d110a1e5ef74415888fdac48a871633d.svg");
}
.program__description--assignment {
  background-image: url("../../../images/pages/school-authors/program/assignment-e9dc5f2044702fa1663bd630cee8c23d.svg");
}

@media only screen and (max-width: 576px) {
  .history .container {
    padding: 0;
  }
}
.history__inner {
  position: relative;
  margin: 0 auto;
  padding: 56px 40px;
  max-width: 1054px;
  border-radius: 24px;
  box-shadow: 0 2px 8px 0 rgba(34, 34, 34, 0.08);
  background-color: #fff;
}
@media only screen and (max-width: 1230px) {
  .history__inner {
    margin-bottom: 16px;
    padding: 24px 12px;
    border-radius: 24px;
  }
}
@media only screen and (max-width: 576px) {
  .history__inner {
    padding: 8px 16px;
    border-radius: 12px;
  }
}
.history__title {
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .history__title {
    margin-bottom: 16px;
    font-size: 24px;
    text-align: left;
  }
}
@media only screen and (max-width: 576px) {
  .history__title mark {
    color: #181818;
  }
}
@media only screen and (max-width: 1230px) {
  .history__nav {
    display: flex;
    justify-content: center;
    gap: 48px;
  }
}
.history__button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 12px;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1230px) {
  .history__button {
    position: relative;
  }
}
@media only screen and (max-width: 576px) {
  .history__button {
    width: 56px;
    height: 56px;
  }
}
.history__button--prev {
  left: 30px;
  top: 50%;
}
@media only screen and (max-width: 1230px) {
  .history__button--prev {
    position: static;
    transform: translate(0);
  }
}
.history__button--next {
  right: -30px;
  top: 50%;
}
@media only screen and (max-width: 1230px) {
  .history__button--next {
    position: static;
    transform: translate(0);
  }
}

.author-card {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .author-card {
    flex-direction: column;
    align-items: center;
  }
}
.author-card__bio {
  margin-right: 32px;
  width: 100%;
  max-width: 457px;
}
@media only screen and (max-width: 992px) {
  .author-card__bio {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.author-card__about {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  cursor: pointer;
}
@media only screen and (max-width: 576px) {
  .author-card__about {
    margin-bottom: 24px;
  }
}
.author-card__avatar {
  display: inline-flex;
  margin-right: 24px;
}
@media only screen and (max-width: 576px) {
  .author-card__avatar {
    margin-right: 8px;
  }
  .author-card__avatar img {
    width: 48px;
    height: 48px;
  }
}
.author-card__how {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.author-card__name {
  font-weight: 400;
  font-size: 21px;
  line-height: 130%;
  color: #181818;
}
@media only screen and (max-width: 576px) {
  .author-card__name {
    font-size: 14px;
  }
}
.author-card__job {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #adadaf;
}
@media only screen and (max-width: 576px) {
  .author-card__job {
    font-size: 14px;
  }
}
.author-card__preview {
  margin-left: 80px;
  height: 424px;
  max-width: 239px;
  overflow: hidden;
  border-radius: 18px;
  background-color: #000;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  .author-card__preview {
    margin: 0 auto;
  }
}
.author-card__preview iframe {
  display: none;
  overflow: hidden;
  border-radius: 18px;
}
.author-card__preview.active img {
  display: none;
}
.author-card__preview.active iframe {
  display: block;
}
.author-card__info {
  max-width: 453px;
}
.author-card__subtitle {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 21px;
  line-height: 130%;
  color: #181818;
}
@media only screen and (max-width: 992px) {
  .author-card__subtitle {
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  .author-card__subtitle {
    font-size: 18px;
  }
}
.author-card__items {
  margin-bottom: 16px;
}
@media only screen and (max-width: 992px) {
  .author-card__items {
    text-align: center;
  }
}
.author-card__item {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #adadaf;
}
.author-card__item strong {
  color: #292929;
}
.author-card__item mark {
  font-weight: 700;
  color: #00ad42;
}
.author-card__item:not(:last-child) {
  margin-bottom: 8px;
}
.author-card__elements {
  display: flex;
  margin-bottom: 16px;
}
.author-card__element:not(:last-child) {
  margin-right: 20px;
}
@media only screen and (max-width: 576px) {
  .author-card__element:not(:last-child) {
    margin-right: 4px;
  }
}
.author-card__img {
  display: block;
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.author-card__more {
  display: inline-block;
  margin-bottom: 32px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  text-decoration-style: dotted;
  text-decoration-line: underline;
  color: #c8c8c9;
}
@media only screen and (max-width: 576px) {
  .author-card__more {
    display: flex;
    margin: 0 auto 16px;
    width: fit-content;
  }
}
.author-card__more:hover {
  text-decoration-line: none;
}
.author-card__text {
  max-height: 201px;
  overflow-x: hidden;
  overflow-y: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 130%;
  color: #76767a;
}
.author-card__text p:not(:last-child) {
  margin-bottom: 16px;
}
.author-card__text::-webkit-scrollbar {
  width: 6px;
}
.author-card__text::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #e4e4e4;
}
.author-card__text::-webkit-scrollbar-track {
  border-radius: 4px;
}

.passive-income__container {
  background-image: url("../../../images/pages/school-authors/passive-income/bg-left-7bd334f39a2fd3a4c5ebd082770bb811.svg"), url("../../../images/pages/school-authors/passive-income/bg-right-9ef43274d81ff3adf96936b4ed5a3857.svg");
  background-position: left bottom, right bottom;
  background-size: 174px 158px, 174px 158px;
  background-repeat: no-repeat, no-repeat;
}
@media only screen and (max-width: 992px) {
  .passive-income__container {
    background-image: url("../../../images/pages/school-authors/passive-income/bg-mob-34617a3358f5f70abdb796dfdb7a34dd.svg");
    background-position: center bottom 75px;
    background-size: 288px 158px;
    background-repeat: no-repeat;
  }
}
.passive-income__inner {
  margin: 0 auto;
  max-width: 800px;
}
.passive-income__title {
  margin-bottom: 16px;
  line-height: 120%;
}
@media only screen and (max-width: 576px) {
  .passive-income__title {
    margin: 0 auto 16px;
    max-width: 288px;
  }
}
@media only screen and (max-width: 576px) {
  .passive-income__btn {
    width: 100%;
  }
}
.passive-income__text {
  margin: 0 auto 16px;
  max-width: 670px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #292929;
}
@media only screen and (max-width: 992px) {
  .passive-income__text {
    margin: 0 auto 190px;
  }
}
@media only screen and (max-width: 576px) {
  .passive-income__text {
    font-size: 16px;
  }
}

@media only screen and (max-width: 576px) {
  .why-sign-up .container {
    padding: 0;
  }
}
.why-sign-up__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 24px 33px;
}
@media only screen and (max-width: 992px) {
  .why-sign-up__items {
    gap: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .why-sign-up__items {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
  }
}
.why-sign-up__item--center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 576px) {
  .why-sign-up__item--center {
    padding: 0 16px;
  }
}
.why-sign-up__item--bg {
  padding: 32px 24px;
  border-radius: 16px;
  box-shadow: 0 4px 8px 0 rgba(16, 56, 133, 0.05);
  background-color: #fff;
}
@media only screen and (max-width: 576px) {
  .why-sign-up__item--bg {
    padding: 24px 16px;
  }
}
.why-sign-up__title {
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  .why-sign-up__title {
    margin-bottom: 12px;
  }
}
.why-sign-up__btn {
  align-self: flex-start;
}
.why-sign-up__img {
  display: block;
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  .why-sign-up__img {
    margin-bottom: 18px;
    width: 288px;
    height: 135px;
  }
}
.why-sign-up__name {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 21px;
  line-height: 150%;
  color: #292929;
}
.why-sign-up__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #424242;
}
@media only screen and (max-width: 576px) {
  .why-sign-up__text {
    font-size: 16px;
    line-height: 150%;
  }
}
.why-sign-up__text a {
  font-weight: 500;
  font-size: 18px;
  color: #1d6ef6;
}
@media only screen and (max-width: 576px) {
  .why-sign-up__text a {
    font-size: 16px;
  }
}
.why-sign-up__text mark {
  font-weight: 700;
}
.why-sign-up__text:not(:last-child) {
  margin-bottom: 16px;
}
.why-sign-up__link {
  transition: 0.3s;
}
.why-sign-up__link:hover {
  text-decoration-line: underline;
}
.why-sign-up__telegram {
  display: inline-block;
  padding: 16px 32px;
  width: 263px;
  height: 56px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  color: #fff;
  background-image: url("../../../images/pages/school-authors/why-sign-up/tg-ea8376714f14ecc77ab6f6f207f884b1.svg"), linear-gradient(0deg, #0396ff 0%, #69b8f1 100%);
  background-position: center right 32px, center;
  background-size: 24px 24px, 100%;
  background-repeat: no-repeat;
}

.statistics {
  margin-top: 10px;
  margin-bottom: 80px;
  background-size: contain;
}
@media only screen and (max-width: 992px) {
  .statistics {
    margin: 0 10px;
    margin-bottom: 56px;
    width: calc(100% - 20px);
    font-size: 28px;
  }
}
.statistics .container {
  padding: 0;
}
.statistics__downloads, .statistics__views {
  padding-left: 24px;
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
}
.statistics__author, .statistics__work {
  position: relative;
  padding-left: 43px;
  min-height: 40px;
}
.statistics__author::before, .statistics__work::before {
  content: counter(list-counter) ".";
  position: absolute;
  left: 12px;
  top: 50%;
  counter-increment: list-counter;
  font-weight: 600;
  font-size: 12px;
  line-height: 120%;
  color: #424242;
  transform: translateY(-50%);
}
.statistics__author span, .statistics__work span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.statistics__author p,
.statistics__author a, .statistics__work p,
.statistics__work a {
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
}
.statistics__author p, .statistics__work p {
  margin-bottom: 4px;
}
.statistics__author a:hover, .statistics__work a:hover {
  text-decoration: underline;
}
.statistics__author span, .statistics__work span {
  font-size: 14px;
}
.statistics__work::before {
  top: 0;
  transform: none;
}
.statistics__work a {
  display: block;
  margin-bottom: 8px;
}
.statistics__title {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  text-align: center;
  color: #292929;
}
@media only screen and (max-width: 992px) {
  .statistics__title {
    margin-bottom: 18px;
    font-size: 24px;
    line-height: 130%;
  }
  .statistics__title mark {
    color: #009a36;
  }
}
.statistics__items {
  display: grid;
  grid-template-columns: minmax(300px, 580px) minmax(200px, 280px) minmax(300px, 350px);
  margin-bottom: 40px;
  gap: 24px;
  padding-inline: 10px;
}
@media only screen and (max-width: 992px) {
  .statistics__items {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    gap: 16px;
  }
}
.statistics__left {
  padding: 24px;
  width: 100%;
  max-width: 550px;
  border-radius: 16px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.06), 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
@media only screen and (max-width: 992px) {
  .statistics__left {
    padding: 24px 12px;
    max-width: 100%;
    background-image: none;
  }
}
.statistics__head {
  position: relative;
  margin-bottom: 24px;
  padding-left: 41px;
}
.statistics__head::before {
  content: "";
  position: absolute;
  left: 0;
  width: 33px;
  height: 33px;
  border-radius: 100px;
  background-color: #f0faf2;
}
.statistics__head svg {
  position: absolute;
  left: 8px;
  top: 8px;
}
.statistics__head p {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #292929;
}
@media only screen and (max-width: 576px) {
  .statistics__head p {
    margin-bottom: -2px;
  }
}
.statistics__head span {
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #949494;
}
.statistics__item {
  padding: 16px 12px;
  border-radius: 24px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.06), 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
@media only screen and (max-width: 576px) {
  .statistics__item {
    padding: 24px 12px;
  }
}
.statistics__item ol {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: decimal;
  counter-reset: list-counter;
  gap: 12px;
}
.statistics__author {
  position: relative;
  padding-left: 41px;
  min-height: 40px;
}
.statistics__author::before {
  content: counter(list-counter) ".";
  position: absolute;
  left: 12px;
  top: 50%;
  counter-increment: list-counter;
  font-weight: 600;
  font-size: 12px;
  line-height: 120%;
  color: #424242;
  transform: translateY(-50%);
}
.statistics__author span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.statistics__author p,
.statistics__author a {
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
}
.statistics__author a:hover {
  text-decoration: underline;
}
.statistics__author span {
  font-size: 14px;
}
.statistics__item-stats {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 110%;
  color: #424242;
  gap: 16px;
}
.statistics__downloads {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDEuMzMzYS42LjYgMCAwIDEgLjYuNnY3LjI4NWwzLjA0My0zLjA0MmEuNi42IDAgMSAxIC44NDguODQ4bC00LjA2NyA0LjA2N2EuNi42IDAgMCAxLS44NDggMEwzLjUwOSA3LjAyNGEuNi42IDAgMCAxIC44NDktLjg0OEw3LjQgOS4yMThWMS45MzRhLjYuNiAwIDAgMSAuNi0uNnptLTUuMzMzIDEyYS42LjYgMCAwIDEgLjYtLjZoOS40NjZhLjYuNiAwIDEgMSAwIDEuMkgzLjI2N2EuNi42IDAgMCAxLS42LS42eiIgZmlsbD0iIzk0OTQ5NCIvPjwvc3ZnPg==");
}
.statistics__views {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMy4wNjdjMy40NjYgMCA2LjkzMyAyLjgyNSA2LjkzMyA0LjkzMyAwIDIuMTA5LTMuNDY2IDQuOTM0LTYuOTMzIDQuOTM0LTMuNDY2IDAtNi45MzMtMi44MjUtNi45MzMtNC45MzQgMC0yLjEwOCAzLjQ2Ny00LjkzMyA2LjkzMy00LjkzM3ptMCAxLjJDNS4xNDggNC4yNjcgMi4yNjcgNi42MTUgMi4yNjcgOGMwIDEuMzg2IDIuODgxIDMuNzM0IDUuNzMzIDMuNzM0UzEzLjczMyA5LjM4NiAxMy43MzMgOGMwLTEuMzg1LTIuODgxLTMuNzMzLTUuNzMzLTMuNzMzem0wIDEuNDY3YTIuMjY3IDIuMjY3IDAgMSAxIDAgNC41MzMgMi4yNjcgMi4yNjcgMCAwIDEgMC00LjUzM3ptMCAxLjJhMS4wNjcgMS4wNjcgMCAxIDAgMCAyLjEzMyAxLjA2NyAxLjA2NyAwIDAgMCAwLTIuMTMzeiIgZmlsbD0iIzk0OTQ5NCIvPjwvc3ZnPg==");
}
.statistics__subtitle {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  color: #292929;
}
@media only screen and (max-width: 576px) {
  .statistics__subtitle {
    margin-bottom: 12px;
    font-size: 18px;
  }
}
.statistics__list-item {
  display: flex;
  align-items: center;
  padding: 7px 16px;
  width: fit-content;
  border: 1px solid #f2f2f2;
  border-radius: 50px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #292929;
  background-color: #f9f9f9;
  gap: 12px;
}
@media only screen and (max-width: 576px) {
  .statistics__list-item {
    padding: 8.5px 16px;
    width: 100%;
    font-size: 14px;
  }
}
.statistics__list-item strong {
  font-weight: 600;
}
.statistics__list-item:not(:last-of-type) {
  margin-bottom: 12px;
}
@media only screen and (max-width: 576px) {
  .statistics__list-item:not(:last-of-type) {
    margin-bottom: 8px;
  }
}

.examples {
  margin-bottom: 104px;
  overflow: hidden;
}
@media only screen and (max-width: 576px) {
  .examples {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .examples .swiper-slide {
    width: 382px;
  }
}
.examples__title {
  margin: 0 auto 30px;
  max-width: 870px;
}
@media only screen and (max-width: 576px) {
  .examples__title {
    margin-bottom: 16px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 576px) {
  .examples__title--pc {
    display: none;
  }
}
.examples__title--mob {
  display: none;
}
@media only screen and (max-width: 576px) {
  .examples__title--mob {
    display: block;
  }
}
.examples__text {
  margin: 0 auto 40px;
  max-width: 824px;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  text-align: center;
  color: #424242;
}
@media only screen and (max-width: 576px) {
  .examples__text {
    margin-bottom: 24px;
    font-size: 16px;
  }
}
.examples__wrap {
  margin-bottom: 16px;
  overflow: visible !important;
}
.examples__link {
  display: block;
  padding: 24px;
  border-radius: 32px;
  background-color: #fff;
}
@media only screen and (max-width: 576px) {
  .examples__link {
    padding: 8px;
    border-radius: 16px;
  }
}
.examples__img {
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  .examples__img {
    margin-bottom: 16px;
  }
}
.examples__img img {
  display: block;
  height: auto;
  border-radius: 24px;
}
@media only screen and (max-width: 576px) {
  .examples__img img {
    border-radius: 12px;
  }
}
.examples__descr {
  display: none;
  margin-bottom: 14px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #424242;
}
@media only screen and (max-width: 576px) {
  .examples__descr {
    display: block;
    padding: 0 2px;
  }
}
.examples__descr mark {
  font-weight: 700;
}
.examples__subtitle {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 21px;
  line-height: 130%;
  color: #181818;
}
@media only screen and (max-width: 576px) {
  .examples__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
  }
}
.examples__earned {
  padding-left: 32px;
  font-weight: 600;
  font-size: 21px;
  line-height: 130%;
  color: var(--legacy-dark-1, #76767a);
  background-image: url("../../../images/pages/school-authors/examples/download-f0023f0052db517571d900fffd9fc415.svg");
  background-position: left top;
  background-size: 24px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 576px) {
  .examples__earned {
    padding-left: 24px;
    font-size: 16px;
    background-size: 18px;
  }
}
.examples__nav {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 1230px) {
  .examples__nav {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 576px) {
  .examples__nav {
    margin: 16px 0;
  }
}
.examples__nav > *:not(:last-child) {
  margin-right: 54px;
}
@media only screen and (max-width: 576px) {
  .examples__nav > *:not(:last-child) {
    margin-right: 45px;
  }
}
.examples__button {
  padding: 15px 12px 16px;
  width: 64px;
  height: 64px;
  border-radius: 12px;
  box-shadow: inset 0 -2px 1px 0 rgba(0, 0, 0, 0.28);
  background-color: #00bc4b;
  transition: 0.3s;
}
.examples__button:hover:not(:disabled) {
  box-shadow: none;
  background-color: rgba(0, 173, 66, 0.7);
}
.examples__button svg {
  color: #fff;
}
@media only screen and (max-width: 576px) {
  .examples__button.btn--svg {
    padding: 15px 12px 16px;
    width: 48px;
    height: 48px;
    border-radius: 12px;
  }
}

@media only screen and (min-width: 1230px) {
  .menu-auth {
    display: none;
  }
}

/*# sourceMappingURL=school-authors.output.css.map */