@charset "UTF-8";
/* stylelint-disable */
.column-landing {
  width: 100%;
  max-width: 890px;
}
@media only screen and (max-width: 992px) {
  .column-landing {
    max-width: 100%;
  }
}

.column--right {
  margin-left: auto;
  min-height: 0 !important;
}

@media only screen and (max-width: 576px) {
  .container {
    padding: 0 8px;
  }
}

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

.select-default {
  padding: 8px 12px;
  min-width: 121px;
  min-height: 34px;
  appearance: none;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  color: #181818;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 11.057 4.862-4.862a.667.667 0 1 1 .943.943L8.47 12.471a.667.667 0 0 1-.942 0L2.195 7.138a.667.667 0 1 1 .943-.943L8 11.057z' fill='%23181818'/%3E%3C/svg%3E");
  background-position: center right 12px;
  background-repeat: no-repeat;
  background-color: #fff;
  cursor: pointer;
}
.select-default:focus, .select-default:hover {
  outline: none;
  border: 1px solid #c8c8c9;
}

body {
  background-color: #fff;
}

.a-alert-block {
  position: relative;
  display: none;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1248px;
}
.a-alert-block p {
  margin: 0 0 4px;
  padding: 20px;
  border: 1px solid #f1db7e;
  border-radius: 4px;
  background-color: #fcffe7;
}
.a-alert-block p a {
  color: #06f;
}
.a-alert-block p a:hover {
  text-decoration-line: underline;
}

.btn--more {
  border: 1px solid #76767a;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0.28px;
  color: #222;
  background-color: #fff;
  transition: border-color 0.3s, background-color 0.3s;
}
.btn--more:hover {
  border: transparent;
  background-color: #f0f5f8;
}

.tippy-content {
  text-align: center;
}

.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;
}

.a-di-vind {
  justify-content: center;
}

.hero {
  margin-bottom: 32px;
  padding-top: 16px;
  padding-bottom: 32px;
  background-image: url("../../../../images/pages/kursy/mini-kursy/hero/bg-29e766bddee3f562b643299ff1191107.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #eef4f6;
}
@media only screen and (max-width: 576px) {
  .hero {
    margin-bottom: 32px;
    padding-bottom: 0;
    overflow: hidden;
    background-image: linear-gradient(to bottom, #eef4f6 60%, transparent 60%);
    background-color: #fff;
  }
}
@media only screen and (max-width: 1230px) {
  .hero .column-landing {
    max-width: 100%;
  }
}
.hero .bat {
  margin-bottom: 32px;
}
@media only screen and (max-width: 576px) {
  .hero .bat {
    margin-bottom: 16px;
  }
}
.hero__inner {
  display: flex;
  justify-content: space-between;
}
.hero__info {
  width: 100%;
  max-width: 588px;
}
@media only screen and (max-width: 1230px) {
  .hero__info {
    max-width: 100%;
  }
}
.hero__head {
  display: flex;
  margin-bottom: 16px;
  gap: 12px;
}
@media only screen and (max-width: 576px) {
  .hero__head {
    margin-bottom: 12px;
    gap: 6px;
  }
}
.hero__type {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #181818;
  background-color: #dfd5fc;
}
@media only screen and (max-width: 576px) {
  .hero__type {
    padding: 6px 8px;
  }
}
.hero__type--video {
  background-color: #fff;
}
.hero__title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 32px;
  line-height: 130%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .hero__title {
    margin-bottom: 12px;
    font-size: 20px;
  }
}
.hero__rating:not(:empty) {
  margin-block: 20px;
}
.hero__text {
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #181818;
}
@media only screen and (max-width: 576px) {
  .hero__text {
    margin-bottom: 16px;
    font-size: 14px;
  }
}
.hero__total {
  margin-top: 24px;
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
  line-height: 130%;
  color: #6a6f73;
}
@media only screen and (max-width: 576px) {
  .hero__total {
    margin-top: 16px;
  }
}
.hero__images {
  position: relative;
}
@media only screen and (max-width: 1230px) {
  .hero__images {
    display: none;
  }
}
.hero__images img {
  position: absolute;
  display: block;
  min-width: 186px;
  max-width: 186px;
  max-height: 118px;
  border-radius: 6px;
  object-fit: cover;
}
.hero__images img:nth-child(1) {
  right: 0;
  top: 0;
  z-index: 3;
}
.hero__images img:nth-child(2) {
  right: 76px;
  top: 81px;
  z-index: 2;
}
.hero__images img:nth-child(3) {
  right: 0;
  top: 141px;
  z-index: 1;
}
.hero__images img:not(:last-child) {
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.06);
}

.author {
  display: flex;
  padding: 11px 16px;
  border-radius: 8px;
  background-color: #dceaef;
  margin-block: 24px;
}
@media only screen and (max-width: 576px) {
  .author {
    padding: 12px 8px;
  }
}
.author__head {
  display: none;
}
@media only screen and (max-width: 576px) {
  .author__head {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    gap: 8px;
  }
}
.author__img {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0.72px;
  color: #adadaf;
  background-color: #fff;
}
.author__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.author__img--pc {
  margin-right: 16px;
  width: 80px;
  height: 80px;
  min-width: 80px;
  font-size: 18px;
}
@media only screen and (max-width: 576px) {
  .author__img--pc {
    display: none;
  }
}
.author__img--mobile {
  display: none;
  width: 40px;
  height: 40px;
  min-width: 40px;
  font-size: 12px;
}
@media only screen and (max-width: 576px) {
  .author__img--mobile {
    display: flex;
  }
}
.author__name {
  font-weight: 600;
  line-height: 130%;
  color: #000;
}
.author__name--pc {
  margin-bottom: 12px;
  font-size: 18px;
}
@media only screen and (max-width: 576px) {
  .author__name--pc {
    display: none;
  }
}
.author__name--mobile {
  display: none;
  font-size: 16px;
}
@media only screen and (max-width: 576px) {
  .author__name--mobile {
    display: inline-block;
  }
}
.author__descr {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #6a6f73;
}
.author__inner {
  position: relative;
  margin: 0 auto;
  max-width: 588px;
}
.author__swiper {
  max-width: 492px;
}
@media only screen and (max-width: 576px) {
  .author__swiper {
    margin-left: 0;
    max-width: 80%;
    overflow: unset;
  }
}
.author__swiper .swiper-wrapper {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .author__nav {
    display: none;
  }
}
.author__button {
  position: absolute;
  border-radius: 6px;
  background-color: #dceaef;
  transform: translate(0, -50%);
  transition: box-shadow 0.3s;
}
@media only screen and (max-width: 768px) {
  .author__button {
    position: relative;
    left: initial;
    top: initial;
    transform: initial;
  }
}
.author__button:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.06);
}
.author__button--prev {
  left: 0;
  top: 50%;
}
.author__button--next {
  right: 0;
  top: 50%;
}

@media only screen and (max-width: 1230px) {
  .order {
    margin-top: 32px;
  }
}
.order .dr-player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.order .dr-player .player {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.order__document img {
  display: block;
}
.order__inner {
  margin-bottom: 16px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width: 576px) {
  .order__inner {
    margin-bottom: 8px;
  }
}
.order__preview {
  position: relative;
  height: 140px;
}
@media only screen and (max-width: 1230px) {
  .order__preview {
    margin: 0 auto;
    height: 250px;
    max-width: 600px;
  }
}
@media only screen and (max-width: 576px) {
  .order__preview {
    padding-bottom: 56.25%;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
}
.order__preview::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 58.85%, rgba(0, 0, 0, 0.71) 100%);
}
.order__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 576px) {
  .order__preview img {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.order__player {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.order__player iframe {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 130%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.order__player button {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  padding: 0;
  width: 84px;
  height: 84px;
  border: 0;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzLjEgMTMuMzg2YS43MTQuNzE0IDAgMCAxIDAgMS4yMjhMMS44NjIgMjcuMjE2YS43MTQuNzE0IDAgMCAxLTEuMDc5LS42MTRWMS4zOThhLjcxNC43MTQgMCAwIDEgMS4wOC0uNjE0TDIzLjEgMTMuMzg2eiIgZmlsbD0iIzAwQUQ0MiIvPjwvc3ZnPg==");
  background-position: center left 32px;
  background-repeat: no-repeat;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
.order__play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #000;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
.order__play::before {
  content: "Фрагмент первой лекции";
  position: absolute;
  left: 50%;
  bottom: -32px;
  white-space: nowrap;
  color: #fff;
  transform: translateX(-50%);
}
.order__play:hover {
  color: #fff;
  background-color: #00ad42;
}
.order__play svg {
  pointer-events: none;
}
.order__wrap {
  padding: 16px;
  background-color: #fff;
}
@media only screen and (max-width: 576px) {
  .order__wrap {
    padding: 16px 8px;
  }
}
.order__duration {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #76767a;
}
@media only screen and (max-width: 1230px) {
  .order__duration {
    color: #181818;
  }
}
.order__box {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
@media only screen and (max-width: 576px) {
  .order__box {
    margin-bottom: 12px;
  }
}
.order__box--single {
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 5px 16px;
  border-radius: 6px;
  background-color: #f6f8f9;
}
.order__select {
  padding: 10px 12px;
  font-size: 16px;
}
.order__hours {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  white-space: nowrap;
  color: #292929;
}
.order__period {
  margin-left: 12px;
  max-width: 118px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #76767a;
}
.order__text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #76767a;
}
.order__text p a {
  color: #1d6ef6;
}
.order__text p strong {
  color: #181818;
}
.order__text p:not(:last-child) {
  margin-bottom: 8px;
}
.order__costs {
  display: flex;
  align-items: baseline;
  margin-bottom: 8px;
  white-space: nowrap;
}
@media only screen and (max-width: 1230px) {
  .order__costs {
    margin-bottom: 12px;
  }
}
.order__costs > *:not(:last-child) {
  margin-right: 8px;
}
.order__price-new {
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #292929;
}
@media only screen and (max-width: 576px) {
  .order__price-new {
    font-size: 14px;
  }
}
.order__price-new span {
  font-size: 24px;
}
.order__price-old {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration-line: line-through;
  color: #76767a;
}
@media only screen and (max-width: 576px) {
  .order__price-old {
    font-size: 14px;
  }
}
.order__sale {
  margin-bottom: 16px;
  padding: 6px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #424242;
  background-color: #f6f8f9;
}
@media only screen and (max-width: 576px) {
  .order__sale {
    margin-bottom: 12px;
  }
}
.order__sale mark {
  font-weight: 600;
  color: #ff3b30;
}
.order__btn {
  margin-bottom: 8px;
}
.order__credit {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #76767a;
}
@media only screen and (max-width: 1230px) {
  .order__credit {
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 576px) {
  .order__credit {
    font-size: 14px;
  }
}
.order__credit svg {
  margin-left: 6px;
  outline: none;
  cursor: help;
}
.order__subtitle {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .order__subtitle {
    font-size: 14px;
  }
}
.order__items {
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  .order__items {
    margin-bottom: 18px;
  }
}
.order__item {
  position: relative;
  padding-left: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .order__item {
    font-size: 14px;
  }
}
.order__item:not(:last-child) {
  margin-bottom: 12px;
}
.order__item svg {
  position: absolute;
  left: 0;
  top: 50%;
  color: #46c768;
  transform: translate(0, -50%);
}
.order__element {
  display: flex;
  align-items: center;
}
.order__element svg {
  margin-left: 6px;
  outline: none;
  cursor: help;
}
.order__element:not(:first-of-type) {
  margin-top: 16px;
}
.order__link {
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 1px dashed #267f8c;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #267f8c;
  background-color: transparent;
}
@media only screen and (max-width: 576px) {
  .order__link {
    font-size: 14px;
  }
}
.order__link:hover {
  border-bottom-color: transparent;
}
.order__favorite {
  padding: 0 0 0 22px;
  width: fit-content;
  border: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  color: #267f8c;
  background-image: url("../../../../images/pages/common/favorite-blue-82b8e38de7bc526e7c3b24f3d374f8ff.svg");
  background-position: left center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-color: transparent;
}
.order__favorite:disabled {
  cursor: not-allowed;
}
.order__favorite.active {
  background-image: url("../../../../images/pages/common/favorite-blue-active-5572ddedf1f4a021d7fd2724a0145c1c.svg");
}

tr.dg-blink {
  background-color: rgba(255, 254, 173, 0.25);
}

.subscription-block__text {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #949494;
}
.subscription-block__cost {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  gap: 8px;
}
.subscription-block__cost svg {
  outline: none;
  cursor: help;
}
.subscription-block__price-new {
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #292929;
}
.subscription-block__price-new small {
  font-size: 16px;
  line-height: 130%;
}
.subscription-block__price-new span {
  font-size: 24px;
}
.subscription-block__price-old {
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #292929;
}
.subscription-block__price-old::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #181818;
  transform: translateY(-50%);
}
.subscription-block__price-old span {
  font-size: 24px;
}
.subscription-block__price-old small {
  font-size: 16px;
  line-height: 130%;
}

.anchors {
  margin-bottom: 32px;
}
@media only screen and (max-width: 576px) {
  .anchors {
    margin-bottom: 24px;
  }
}
.anchors__items {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .anchors__items {
    padding-bottom: 12px;
    overflow-x: auto;
  }
}
.anchors__item {
  display: inline-flex;
  align-self: center;
  height: fit-content;
}
.anchors__item:not(:last-child) {
  margin-right: 16px;
}
@media only screen and (max-width: 576px) {
  .anchors__item:not(:last-child) {
    margin-right: 12px;
  }
}
.anchors__link {
  display: block;
  padding: 8px 16px;
  border: 1px solid #dbdbdb;
  border-radius: 48px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  white-space: nowrap;
  color: #424242;
  background-color: #fff;
}
@media only screen and (max-width: 576px) {
  .anchors__link {
    padding: 6px 12px;
    font-size: 14px;
  }
}
.anchors__link:hover {
  border-color: #eef4f6;
  color: #0f0f0f;
  background-color: #eef4f6;
}

.description {
  margin-bottom: 48px;
}
@media only screen and (max-width: 576px) {
  .description {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 1230px) {
  .description .container--content {
    justify-content: center;
  }
}
.description__info {
  max-width: 786px;
}
@media only screen and (max-width: 1230px) {
  .description__info {
    max-width: 100%;
  }
}
.description__title {
  margin-bottom: 18px;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .description__title {
    margin-bottom: 8px;
    font-size: 20px;
  }
}
.description__text {
  margin-bottom: 24px;
  max-width: 664px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #292929;
}
@media only screen and (max-width: 1230px) {
  .description__text {
    margin: 0 auto 24px;
  }
}
@media only screen and (max-width: 576px) {
  .description__text {
    font-size: 14px;
  }
}
.description__text p:not(:last-of-type) {
  margin-bottom: 16px;
}
@media only screen and (max-width: 576px) {
  .description__text p:not(:last-of-type) {
    margin-bottom: 8px;
  }
}
.description__swiper {
  position: relative;
  display: flex;
  max-width: 765px;
}
.description__swiper .swiper-slide img {
  display: block;
  width: 100%;
  max-height: 135px;
  object-fit: cover;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .description__swiper .swiper-slide img {
    max-height: 100%;
  }
}
.description__inner {
  position: relative;
}
@media only screen and (max-width: 992px) {
  .description__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    gap: 40px;
  }
}
.description__button {
  position: absolute;
  border-radius: 50%;
  color: #00bc4b;
  transform: translate(0, -50%);
}
@media only screen and (max-width: 992px) {
  .description__button {
    position: relative;
    transform: unset;
  }
}
.description__button--prev {
  left: 0;
  top: 50%;
}
.description__button--next {
  right: 0;
  top: 50%;
}
.description__category {
  margin-top: 24px;
  max-width: 664px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #181818;
}
@media only screen and (max-width: 576px) {
  .description__category {
    font-size: 14px;
  }
}

.course-plan {
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .course-plan {
    margin-bottom: 32px;
  }
}
.course-plan .module {
  position: relative;
  padding: 18px 42px 18px 24px;
  border-radius: 6px;
  background-color: #f6f8f9;
  transition: background-color 0.3s, box-shadow 0.3s;
  cursor: pointer;
}
@media only screen and (max-width: 576px) {
  .course-plan .module {
    padding: 8px;
  }
}
.course-plan .module::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTkgMTIuOTQgNS40Ny01LjQ3YS43NS43NSAwIDEgMSAxLjA2IDEuMDZsLTYgNmEuNzUuNzUgMCAwIDEtMS4wNiAwbC02LTZhLjc1Ljc1IDAgMCAxIDEuMDYtMS4wNkw5IDEyLjk0eiIgZmlsbD0iIzQyNDI0MiIvPjwvc3ZnPg==");
  position: absolute;
  right: 24px;
  top: 35px;
  transition: transform 0.3s ease;
}
@media only screen and (max-width: 576px) {
  .course-plan .module::after {
    right: 8px;
    top: 20px;
  }
}
.course-plan .module:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.06);
  background-color: #f0f5f8;
}
.course-plan .module:not(:last-of-type) {
  margin-bottom: 16px;
}
@media only screen and (max-width: 576px) {
  .course-plan .module:not(:last-of-type) {
    margin-bottom: 8px;
  }
}
.course-plan .module.open::after {
  transform: rotate(180deg);
}
.course-plan .module__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .course-plan .module__title {
    max-width: calc(100% - 21px);
    font-size: 16px;
  }
}
.course-plan .module__title:not(:last-child) {
  margin-bottom: 10px;
}
.course-plan .module__theme {
  margin-top: 16px;
}
.course-plan .module__elements {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.course-plan .module__theme-preview {
  margin-bottom: 4px;
}
.course-plan .module__theme-preview img {
  display: block;
  width: 100%;
  max-width: 412px;
}
.course-plan .module__theme-hours {
  font-size: 12px;
  line-height: 1;
}
.course-plan .module__subtitle {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .course-plan .module__subtitle {
    font-size: 14px;
  }
}
.course-plan .module__subtitle--mb8 {
  margin-bottom: 8px;
}
.course-plan .module__info {
  display: flex;
  margin-top: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #6a6f73;
  transition: max-height 0.2s ease-out;
  gap: 12px;
}
@media only screen and (max-width: 576px) {
  .course-plan .module__info {
    font-size: 14px;
    gap: 8px;
  }
}
.course-plan .module__info.hidden {
  margin-top: 0;
  max-height: 0;
  overflow: hidden;
}
.course-plan .module__main {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.course-plan .module__wrap-block {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.course-plan .module__wrap-block:not(:last-child) {
  margin-bottom: 10px;
}
.course-plan .module__wrap {
  display: flex;
  align-items: center;
  padding-top: 16px;
}
@media only screen and (max-width: 992px) {
  .course-plan .module__wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.course-plan .module__img {
  margin-right: 32px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(34, 34, 34, 0.08);
}
@media only screen and (max-width: 992px) {
  .course-plan .module__img {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.course-plan .module__img img {
  display: block;
  min-width: 412px;
  max-width: 412px;
}
@media only screen and (max-width: 420px) {
  .course-plan .module__img img {
    min-width: unset;
    max-width: 100%;
  }
}
.course-plan .module__items {
  display: flex;
  flex-direction: column;
}
.course-plan .module__item {
  display: flex;
  align-items: center;
  min-height: 40px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .course-plan .module__item {
    min-height: 32px;
    font-size: 14px;
  }
}
.course-plan .module__item:not(:last-of-type) {
  margin-bottom: 18px;
}
@media only screen and (max-width: 576px) {
  .course-plan .module__item:not(:last-of-type) {
    margin-bottom: 12px;
  }
}
.course-plan .module__item p {
  font-size: 12px;
}
.course-plan .module__item--variable {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
  min-height: auto;
  background-image: none;
  gap: 5px;
}
.course-plan .module__item--variable:not(:last-child) {
  margin-bottom: 10px;
}
.course-plan .module__icon {
  color: #46c768;
  margin-inline-end: 8px;
}
.course-plan .module__description {
  margin-top: 12px;
  max-width: 640px;
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 140%;
  color: #292929;
}
@media only screen and (max-width: 576px) {
  .course-plan .module__description {
    font-size: 14px;
  }
}
.course-plan__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .course-plan__title {
    font-size: 20px;
  }
}
.course-plan__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media only screen and (max-width: 768px) {
  .course-plan__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.course-plan__link {
  padding-left: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #1d6ef6;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjczMyAyLjZINy4wNjdjLS42NjQgMC0xLjEyNSAwLTEuNDg0LjAzLS4zNTIuMDI5LS41NTIuMDgyLS43MDMuMTU5YTEuNzMzIDEuNzMzIDAgMCAwLS43NTguNzU3Yy0uMDc3LjE1MS0uMTMuMzUyLS4xNTkuNzA0LS4wMy4zNTktLjAzLjgyLS4wMyAxLjQ4M3Y0LjUzNGMwIC42NjMgMCAxLjEyNC4wMyAxLjQ4My4wMjkuMzUyLjA4Mi41NTMuMTYuNzA0LjE2NS4zMjYuNDMuNTkuNzU3Ljc1Ny4xNS4wNzcuMzUxLjEzLjcwMy4xNi4zNTkuMDI4LjgyLjAyOSAxLjQ4NC4wMjlIOS42Yy42NjMgMCAxLjEyNSAwIDEuNDg0LS4wMy4zNTItLjAyOS41NTItLjA4Mi43MDMtLjE1OS4zMjYtLjE2Ni41OTEtLjQzMS43NTctLjc1Ny4wNzctLjE1MS4xMy0uMzUyLjE2LS43MDQuMDI5LS4zNTkuMDMtLjgyLjAzLTEuNDgzVjYuNmgtMS4yOTFjLS4zNTMgMC0uNjU0IDAtLjktLjAyYTEuOTcgMS45NyAwIDAgMS0uNzU0LS4xOSAxLjkzMyAxLjkzMyAwIDAgMS0uODQ1LS44NDYgMS45NyAxLjk3IDAgMCAxLS4xOS0uNzUzYy0uMDItLjI0Ny0uMDItLjU0OC0uMDItLjlWMi42em0zLjQ4NSAyLjhMOS45MzMgMy4xMTV2Ljc1MmMwIC4zODMgMCAuNjM0LjAxNy44MjcuMDE1LjE4NS4wNDEuMjYyLjA2My4zMDYuMDcuMTM4LjE4My4yNS4zMi4zMi4wNDUuMDIyLjEyMi4wNDkuMzA3LjA2NC4xOTIuMDE2LjQ0NC4wMTYuODI3LjAxNmguNzUxek05LjYyNiAxLjQ0NEM5LjQ0IDEuNCA5LjI0OSAxLjQgOS4wNDkgMS40SDcuMDRjLS42MzIgMC0xLjE0MiAwLTEuNTU2LjAzNC0uNDI2LjAzNS0uODAyLjEwOC0xLjE1LjI4Ni0uNTUyLjI4LTEgLjczLTEuMjgyIDEuMjgyLS4xNzcuMzQ4LS4yNTEuNzI0LS4yODYgMS4xNS0uMDM0LjQxNC0uMDM0LjkyNC0uMDM0IDEuNTU2VjEwLjI5MmMwIC42MzIgMCAxLjE0Mi4wMzQgMS41NTYuMDM1LjQyNi4xMDkuODAyLjI4NiAxLjE1LjI4MS41NTIuNzMgMS4wMDEgMS4yODIgMS4yODIuMzQ4LjE3OC43MjQuMjUxIDEuMTUuMjg2LjQxNC4wMzQuOTI0LjAzNCAxLjU1Ni4wMzRIOS42MjZjLjYzMSAwIDEuMTQyIDAgMS41NTYtLjAzNC40MjYtLjAzNS44MDEtLjEwOCAxLjE1LS4yODYuNTUyLS4yODEgMS0uNzMgMS4yODItMS4yODIuMTc3LS4zNDguMjUtLjcyNC4yODYtMS4xNS4wMzMtLjQxNC4wMzMtLjkyNC4wMzMtMS41NTZWNi4yODVjMC0uMiAwLS4zOTEtLjA0NC0uNTc4YTEuNiAxLjYgMCAwIDAtLjE5MS0uNDYyIDIuNDQgMi40NCAwIDAgMC0uMzc3LS40NGwtLjAzMi0uMDMxLTIuNzMtMi43My0uMDMxLS4wMzFjLS4xNDEtLjE0Mi0uMjc2LS4yNzctLjQ0LS4zNzdhMS42IDEuNiAwIDAgMC0uNDYyLS4xOTJ6IiBmaWxsPSIjMUQ2RUY2Ii8+PC9zdmc+");
  background-position: left center;
  background-repeat: no-repeat;
}
.course-plan__link:hover {
  color: #5a8fe0;
}
.course-plan__tabs {
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 768px) {
  .course-plan__tabs {
    width: 100%;
    overflow: auto;
    gap: 8px;
  }
}
.course-plan__tab a {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #dbdbdb;
  border-radius: 48px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  white-space: nowrap;
  text-align: center;
  color: #76767a;
}
@media only screen and (max-width: 576px) {
  .course-plan__tab a {
    padding: 8px 12px;
    font-size: 14px;
  }
}
.course-plan__tab a.active {
  border: none;
  color: #fff;
  background-color: #00ad42;
}

.about {
  margin-bottom: 32px;
}
@media only screen and (max-width: 992px) {
  .about {
    margin-bottom: 20px;
  }
}
.about__items {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .about__items {
    padding-bottom: 12px;
    overflow-x: auto;
  }
}
.about__item {
  position: relative;
  padding: 16px 12px 16px 52px;
  width: 100%;
  border-radius: 8px;
  background-color: #f6f8f9;
}
@media only screen and (max-width: 992px) {
  .about__item {
    padding: 52px 12px 12px;
    width: 202px;
    min-width: 202px;
    background-position: top 16px left 12px;
  }
}
.about__item:not(:last-child) {
  margin-right: 12px;
}
@media only screen and (max-width: 576px) {
  .about__item:not(:last-child) {
    margin-right: 8px;
  }
}
.about__item svg {
  position: absolute;
  left: 12px;
  top: 16px;
  color: #46c768;
}
.about__subtitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: #292929;
}
@media only screen and (max-width: 576px) {
  .about__subtitle {
    margin-bottom: 8px;
    font-size: 14px;
  }
}
.about__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #76767a;
}
@media only screen and (max-width: 576px) {
  .about__text {
    font-size: 14px;
  }
}

.cert {
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .cert {
    margin-bottom: 32px;
  }
}
.cert__title {
  margin-bottom: 24px;
  max-width: 759px;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .cert__title {
    margin-bottom: 16px;
    font-size: 20px;
  }
}
.cert__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
@media only screen and (max-width: 768px) {
  .cert__inner {
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
  }
}
.cert__img {
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .cert__img {
    margin-right: 0;
  }
}
.cert__img img {
  display: block;
  height: auto;
  max-width: 571px;
  border-radius: 4px;
  box-shadow: 0 8px 23px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width: 768px) {
  .cert__img img {
    max-width: 100%;
  }
}
.cert__wrap {
  padding: 16px;
  width: 100%;
  max-width: 289px;
  border-radius: 4px;
  background-color: #f6f8f9;
}
@media only screen and (max-width: 768px) {
  .cert__wrap {
    display: flex;
    padding: 12px;
    max-width: 100%;
  }
}
.cert__license {
  display: block;
  margin-bottom: 16px;
  width: fit-content;
}
@media only screen and (max-width: 768px) {
  .cert__license {
    margin-right: 16px;
    margin-bottom: 0;
  }
}
.cert__license img {
  display: block;
  height: auto;
}
@media only screen and (max-width: 576px) {
  .cert__license img {
    width: 87px;
    min-width: 87px;
  }
}
.cert__subtitle {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  color: #222;
}
.cert__text {
  max-width: 200px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #6a6f73;
}
@media only screen and (max-width: 576px) {
  .cert__text {
    max-width: 175px;
  }
}

.benefits {
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .benefits {
    margin-bottom: 32px;
  }
}
.benefits__title {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #292929;
}
@media only screen and (max-width: 576px) {
  .benefits__title {
    margin-bottom: 16px;
    font-size: 20px;
  }
}
.benefits__items {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 992px) {
  .benefits__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .benefits__items {
    grid-gap: 8px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.benefits__items--3-column {
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 768px) {
  .benefits__items--3-column {
    grid-gap: 8px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.benefits__item {
  padding: 12px;
  border-radius: 8px;
  color: #46c768;
  background-color: #f6f8f9;
}
@media only screen and (max-width: 992px) {
  .benefits__item {
    padding: 16px 8px;
    background-position: top 12px left 12px;
    background-size: 32px;
  }
}
.benefits__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #6a6f73;
}
@media only screen and (max-width: 576px) {
  .benefits__text {
    font-size: 14px;
  }
}
.benefits__text strong {
  font-weight: 600;
  color: #222;
}

.favorable-prices {
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .favorable-prices {
    margin-bottom: 32px;
  }
}
.favorable-prices__title {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .favorable-prices__title {
    margin-bottom: 18px;
    font-size: 20px;
  }
}
.favorable-prices__items {
  display: flex;
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  .favorable-prices__items {
    flex-direction: column;
    margin-bottom: 18px;
  }
}
.favorable-prices__item {
  width: 100%;
}
.favorable-prices__item:not(:last-child) {
  margin-right: 12px;
}
@media only screen and (max-width: 576px) {
  .favorable-prices__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.favorable-prices__icon {
  margin-bottom: 12px;
  width: 40px;
  height: 40px;
  color: #825af3;
}
@media only screen and (max-width: 576px) {
  .favorable-prices__icon {
    margin-bottom: 8px;
  }
}
.favorable-prices__icon img {
  display: block;
}
.favorable-prices__subtitle {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .favorable-prices__subtitle {
    margin-bottom: 8px;
    font-size: 16px;
  }
}
.favorable-prices__text {
  max-width: 362px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #6a6f73;
}
@media only screen and (max-width: 576px) {
  .favorable-prices__text {
    font-size: 14px;
  }
}
.favorable-prices__text b {
  font-weight: 600;
  color: #222;
}
.favorable-prices__image {
  margin-bottom: 8px;
}
.favorable-prices__image img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 576px) {
  .favorable-prices__image--pc {
    display: none;
  }
}
.favorable-prices__image--mobile {
  display: none;
}
@media only screen and (max-width: 576px) {
  .favorable-prices__image--mobile {
    display: block;
  }
}
.favorable-prices__data {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: right;
  color: #949494;
}

.advantages {
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .advantages {
    margin-bottom: 32px;
  }
}
.advantages__title {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .advantages__title {
    margin-bottom: 16px;
    font-size: 20px;
  }
}
.advantages__title mark {
  color: #00ad42;
}
.advantages__inner {
  display: flex;
  margin-bottom: 16px;
}
@media only screen and (max-width: 992px) {
  .advantages__inner {
    flex-direction: column;
    margin-bottom: 16px;
  }
}
.advantages__inner > *:not(:last-child) {
  margin-right: 16px;
}
@media only screen and (max-width: 992px) {
  .advantages__inner > *:not(:last-child) {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.advantages__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  width: 100%;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-color: #f6f8f9;
}
@media only screen and (max-width: 992px) {
  .advantages__box {
    padding: 16px;
  }
}
.advantages__box--1 {
  background-image: url("../../../../images/pages/kursy/mini-kursy/advantages/bg-1-5d3240a2bcf6468e2d01d2951f556d33.png");
  background-position: bottom right;
}
@media only screen and (max-width: 992px) {
  .advantages__box--1 {
    background-size: 121px auto;
  }
}
.advantages__box--2 {
  position: relative;
}
@media only screen and (max-width: 992px) {
  .advantages__box--2 {
    padding: 24px 130px 24px 8px;
    min-height: 200px;
    overflow: hidden;
  }
}
.advantages__box--2 .advantages__subtitle {
  margin-bottom: 8px;
}
.advantages__box--2 .advantages__text {
  max-width: 225px;
}
@media only screen and (max-width: 992px) {
  .advantages__box--2 .advantages__text {
    max-width: 600px;
  }
}
.advantages__box--2 img {
  position: absolute;
  right: 24px;
  top: 24px;
  display: block;
  max-width: 141px;
}
@media only screen and (max-width: 992px) {
  .advantages__box--2 img {
    right: 8px;
    max-width: 107px;
  }
}
.advantages__item:not(:last-child) {
  margin-bottom: 16px;
}
.advantages__subtitle {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .advantages__subtitle {
    margin-bottom: 4px;
    font-size: 16px;
  }
}
.advantages__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #6a6f73;
}
@media only screen and (max-width: 576px) {
  .advantages__text {
    font-size: 14px;
  }
}

.steps {
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .steps {
    margin-bottom: 32px;
  }
}
.steps__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .steps__title {
    font-size: 20px;
  }
}
.steps__items {
  position: relative;
  display: grid;
  align-items: center;
  grid-gap: 56px 16px;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 48px;
  padding-bottom: 48px;
  counter-reset: section;
}
@media only screen and (max-width: 992px) {
  .steps__items {
    grid-gap: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .steps__items {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 0;
    padding-top: 24px;
    padding-bottom: 0;
  }
}
.steps__items::before {
  content: url("../../../../images/pages/kursy/mini-kursy/steps/line-bdc1b13d76365cd43783674e53ccf679.svg");
  position: absolute;
  left: 18px;
  top: 11px;
}
@media only screen and (max-width: 992px) {
  .steps__items::before {
    display: none;
  }
}
.steps__item {
  position: relative;
  padding-left: 56px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #181818;
}
@media only screen and (max-width: 576px) {
  .steps__item {
    padding-left: 48px;
    min-height: 40px;
    font-size: 14px;
  }
}
.steps__item::before {
  content: counter(section);
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  counter-increment: section;
  border-radius: 4px;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: #6ed183;
  background-color: #f6f8f9;
  transform: translateY(-50%);
}
.steps__item mark {
  white-space: nowrap;
  background-color: transparent;
}
.steps__sub {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 1px dashed #1d6ef6;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #1d6ef6;
  background-color: transparent;
}
@media only screen and (max-width: 576px) {
  .steps__sub {
    font-size: 14px;
  }
}
.steps__sub:hover {
  border-bottom-color: transparent;
}

.reviews {
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .reviews {
    margin-bottom: 32px;
  }
}
.reviews__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .reviews__title {
    font-size: 20px;
  }
}
.reviews__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.reviews__button {
  border-radius: 6px;
  background-color: #f6f8f9;
  transition: background-color 0.3s, box-shadow 0.3s;
}
.reviews__button:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.06);
  background-color: #f0f5f8;
}
.reviews__button svg {
  width: 18px;
  height: 18px;
}
.reviews__button:not(:last-child) {
  margin-right: 16px;
}
.reviews__nav {
  display: flex;
}

.slider-review {
  padding: 16px;
  border-radius: 8px;
  background-color: #f6f8f9;
}
@media only screen and (max-width: 576px) {
  .slider-review {
    padding: 8px;
    border-radius: 4px;
  }
}
.slider-review__head {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
@media only screen and (max-width: 576px) {
  .slider-review__head {
    margin-bottom: 8px;
  }
}
.slider-review__avatar {
  margin-right: 16px;
  width: 100%;
  height: 56px;
  max-width: 56px;
}
@media only screen and (max-width: 576px) {
  .slider-review__avatar {
    margin-right: 12px;
    height: 40px;
    max-width: 40px;
  }
}
.slider-review__avatar img {
  border: 1px solid #fff;
  border-radius: 50%;
}
.slider-review__name {
  margin-right: 4px;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .slider-review__name {
    font-size: 16px;
  }
}
.slider-review__body {
  height: 212px;
  overflow-x: hidden;
  overflow-y: auto;
  font-weight: 400;
  font-size: 16px;
  line-height: 135%;
  color: #6a6f73;
}
@media only screen and (max-width: 576px) {
  .slider-review__body {
    height: 173px;
    font-size: 14px;
  }
}
.slider-review__body::-webkit-scrollbar {
  width: 6px;
  background-color: #fafafa;
}
.slider-review__body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #e4e4e4;
}

.courses {
  margin-bottom: 96px;
}
@media only screen and (max-width: 576px) {
  .courses {
    margin-bottom: 32px;
  }
}
.courses__title {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #222;
}
@media only screen and (max-width: 576px) {
  .courses__title {
    font-size: 20px;
  }
}
.courses__items {
  margin-bottom: 16px;
}
.courses__item {
  padding-bottom: 16px;
}
.courses__item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px solid #dadada;
}
.courses__wrap {
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 576px) {
  .courses__wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.courses__img {
  margin-right: 16px;
}
@media only screen and (max-width: 576px) {
  .courses__img {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.courses__img img {
  display: block;
  width: 104px;
  height: 100px;
  min-width: 104px;
  border-radius: 6px;
  object-fit: cover;
}
@media only screen and (max-width: 576px) {
  .courses__img img {
    width: 88px;
    height: 80px;
    min-width: 88px;
  }
}
.courses__info {
  width: 100%;
}
.courses__head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.courses__type {
  margin-right: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #6a6f73;
}
@media only screen and (max-width: 576px) {
  .courses__type {
    font-size: 14px;
  }
}
.courses__pupil {
  padding-left: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #6a6f73;
  background-image: url("../../../../images/pages/kursy/mini-kursy/courses/pupil-cd3719fc4ae6f62b910a22f52be53a48.svg");
  background-position: left center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 576px) {
  .courses__pupil {
    background-position: left top 2px;
  }
}
.courses__subtitle {
  display: inline-block;
  margin-bottom: 8px;
  max-width: 615px;
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #181818;
}
@media only screen and (max-width: 576px) {
  .courses__subtitle {
    font-size: 16px;
  }
}
.courses__subtitle:hover {
  text-decoration: underline;
}
.courses__rating:not(:empty) {
  margin-bottom: 8px;
}
.courses__footer {
  display: flex;
  align-items: center;
}
.courses__price {
  margin-right: 16px;
}
.courses__price-new {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #181818;
}
@media only screen and (max-width: 576px) {
  .courses__price-new {
    font-size: 14px;
  }
}
.courses__price-new span {
  font-size: 18px;
}
@media only screen and (max-width: 576px) {
  .courses__price-new span {
    font-size: 16px;
  }
}
.courses__price-old {
  font-weight: 600;
  font-size: 16px;
  text-decoration-line: line-through;
  color: #ff3b30;
}
@media only screen and (max-width: 576px) {
  .courses__price-old {
    font-size: 14px;
  }
}
.courses__price-new, .courses__price-old {
  display: inline-block;
  margin-right: 4px;
}
.courses__discount {
  padding: 1px 5px;
  border-radius: 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #fff;
  background-color: #ff3b30;
}
.courses__has-subscription {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #0f0f0f;
  gap: 4px;
}
@media only screen and (max-width: 576px) {
  .courses__has-subscription {
    font-size: 14px;
  }
}
.courses__subscription-icon {
  color: #46c768;
}
.courses__period {
  padding-left: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #6a6f73;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M7.994 2.25a6.663 6.663 0 0 0-6.66 6.667c0 3.68 2.98 6.667 6.66 6.667a6.67 6.67 0 0 0 6.673-6.667 6.67 6.67 0 0 0-6.673-6.666zm.006 12a5.332 5.332 0 0 1-5.333-5.333A5.332 5.332 0 0 1 8 3.584a5.332 5.332 0 0 1 5.334 5.333A5.332 5.332 0 0 1 8 14.251zm.334-8.666h-1v4l3.5 2.1.5-.82-3-1.78v-3.5z' fill='%2376767A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(0 .917)' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position: left center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 576px) {
  .courses__period {
    font-size: 14px;
  }
}

/*# sourceMappingURL=mini-kursy.output.css.map */