.course-text {
   line-height: 130%;
   color: var(--gray);
   font-size: 19px;
   font-weight: 600;
}

.course__content {
   padding: 135px 0 0 0;
}

@media (max-width: 992px) {
   .course__content {
      padding: 90px 0 0 0;
   }
}

@media (max-width: 768px) {
   .course__content {
      padding: 60px 0 0 0;
   }
}

.course__breadcrumbs {
   margin: 0 0 20px 0;
}

.course__item {}

.item-course {}

.item-course__main {
   margin-bottom: 25px;
}

.main-course__content {
   flex: 0 1 50%;
   margin-bottom: 15px;
}

.item-course__img {
   flex: 0 1 50%;
   min-height: 280px;
   margin: 0 auto;
   text-align: center;
}

.item-course__img img {
   border-radius: 20px;
   max-width: 100%;
}

@media(max-width: 767px) {}

@media(min-width: 767px) {
   .item-course__main {
      display: flex;
      margin-left: -10px;
      margin-right: -10px;
   }

   .item-course__img {
      max-width: 45%;
   }

   .item-course__img,
   .main-course__content {
      padding-left: 10px;
      padding-right: 10px;
   }
}

@media(max-width: 767px) {
   .item-course__img {
      max-width: 90%;
   }
}

.item-course__title {
   font-size: calc(25px + (40 - 25) * ((100vw - 320px) / (1440 - 320)));
   margin: 0 0 calc(25/40 * 1em) 0;
   line-height: 115%;
   font-weight: 600;
}

.item-course__text {
   line-height: 130%;
   letter-spacing: 0.3px;
   font-size: calc(17px + (19 - 17) * ((100vw - 320px) / (1440 - 320)));
   font-weight: 500;
}

.item-course__title_w {
   font-weight: 900;
}

.item-course__title span {
   display: block;
   color: var(--primary);
}

.item-course__subtitle {
   font-size: calc(20px + (25 - 20) * ((100vw - 320px) / (1440 - 320)));
   font-weight: 600;
}

.item-course__block {
   background-color: #fafbfb;
   padding: 55px 57px 55px 43px;
   margin-bottom: 40px;
}

@media(max-width: 767px) {
   .item-course__block {
      padding: 20px 15px;
   }
}

/* block 1 */

.main-info-course__row {
   display: flex;
   flex-wrap: wrap;
}

@media(max-width: 576px) {
   .main-info-course__row {
      text-align: center;
   }
}

.main-info-course {}

.main-info-course__header {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   margin-bottom: 20px;
}

.main-info-course__title {
   margin-bottom: 0;
}

.main-info-course__item {
   flex: 1 1 auto;
}

.main-info-course__icon {
   font-size: 30px;
   margin-right: 10px;
   color: var(--primary);
}

/* block 2 */
.about-course {}

.about-course__subtitle {
   margin-bottom: 15px;
}

.about-course__block {}

.about-course__block:not(:last-child) {
   margin-bottom: calc(20px + (45 - 20) * ((100vw - 320px) / (1440 - 320)));
}

.about-course__container {
   display: flex;
   flex-wrap: wrap;
}

.about-course__item {
   height: 1.89rem;
   border-radius: 1.89rem;
   line-height: 1.5rem;
   font-weight: 500;
   font-size: 0.89rem;
   background-color: #EBECED;
   padding: 0.1895rem 1.125rem;
   white-space: nowrap;
   color: rgb(31, 31, 31);
   margin-bottom: 5px;
   margin-right: 5px;
}

.about-course__mentors {}

.mentors-about {}

.mentors-about__mentor {
   flex: 0 1 50%;
   display: flex;
}

.mentors-about__mentor:not(:last-child) {
   margin-bottom: 20px;
}

@media(min-width: 767px) {
   .mentors-about {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -10px;
   }

   .mentors-about__mentor {
      padding: 0 10px;
   }
}

.mentors-about__img {
   flex: 0 0 calc(100px + (150 - 100) * ((100vw - 320px) / (1440 - 320)));
   height: calc(100px + (150 - 100) * ((100vw - 320px) / (1440 - 320)));
   position: relative;
   border-radius: 50%;
   overflow: hidden;
}

.mentors-about__img img {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: cover;
}

.mentors-about__content {
   padding-left: 15px;
}

.mentors-about__name {
   margin-bottom: 10px;
   font-weight: 600;
   font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1440 - 320)));
}

.mentors-about__about {}

/* mentor course */

/* course modules */
.item-course__programm {}

.programm-course {}

.programm-course__titles {
   margin: 10px 0;
   display: flex;
   flex-wrap: wrap;
}

.programm-course__titles h3 {
   font-weight: 600;
   font-size: calc(19px + (30 - 19) * ((100vw - 320px) / (1440 - 320)));
   margin: 0 calc(20/35 * 1em) 0 0;
   line-height: 120%;
}

.programm-course__modules {
   margin-bottom: calc(20px + (45 - 20) * ((100vw - 320px) / (1440 - 320)));
}

.modules-programm {}

.modules-programm__spoller {
   border-bottom: 1px solid #000;
}

.modules-programm__item {}

.item-modules {
   cursor: pointer;
   padding: 10px 0 15px 0;
   display: flex;
   align-items: center;
}

.item-modules__content {
   flex: 1 1 auto;
   padding-right: 7px;
   display: flex;
   align-items: center;
   font-size: 18px;
   font-weight: 500;
   color: #000;
}

@media(max-width: 767px) {
   .item-modules__content {
      font-size: 17px;
   }
}

@media(max-width: 576px) {
   .item-modules__content {
      font-size: 14px;
   }
}

.item-modules__count {
   margin-right: 20px;
   width: 35px;
   flex: 0 0 35px;
   height: 35px;
   border-radius: 50%;
   background-color: rgba(0, 0, 0, 0.65);
   display: flex;
   justify-content: center;
   align-items: center;
   color: #fff;
}

@media(max-width: 767px) {
   .item-modules__count {
      margin-right: 8px;
      width: 29px;
      flex: 0 0 29px;
      height: 29px;
   }
}


.item-modules__title {}

.item-modules__preview {
   transition: 0.3s;
   font-size: 25px;
   /* transform: rotate(45deg); */
}

.item-modules._active .item-modules__preview {
   transform: rotate(0);
}

@media(max-width: 767px) {
   .item-modules__preview {
      font-size: 20px;
   }
}

.modules-programm__spoller-content {}

.content-spoller-modules {
   padding-bottom: 10px;
}

.content-spoller-modules__item {
   padding: 15px 0 15px 15px;
   display: flex;
   align-items: center;
   border-radius: 10px;
   cursor: pointer;
   transition: 0.3s;
   opacity: 1 !important;
   width: auto !important;
   height: auto !important;
   background: none !important;
}

.content-spoller-modules__item.swiper-pagination-bullet-active {
   background-color: #f8f7f7 !important;
   color: var(--primary);
}

.content-spoller-modules__access {
   margin-right: 10px;
}

.content-spoller-modules__info {
   line-height: 110%;
   letter-spacing: 0.3px;
   font-size: 16px;
   font-weight: 500;
}

.content-spoller-modules__link {
   text-align: right;
   margin-top: 10px;
}

.content-spoller-modules__link a {
   text-decoration: underline;
}

/* buy course */
.buy-course__container {
   text-align: right;
}

.buy-course__price {
   font-weight: 900;
   font-size: 30px;
   margin: 20px 0;
}

/* Rating block */
.item-course__rating {}

.rating-course {}

.rating-course__rating {
   margin: 0 -5px;
}

@media(min-width: 767px) {
   .rating-course__rating {
      display: flex;
   }
}

/* Rating - Overview */
.rating-course__overview {
   margin-bottom: 25px;
   text-align: center;
}

@media(min-width: 767px) {
   .rating-course__overview {
      flex: 0 1 50%;
      padding: 0 5px;
      text-align: left;
      margin-bottom: 0;
   }
}

.rating-course__rate {
   margin: 10px 0 15px 0;
}

.rating-course__rate span {
   font-size: 36px;
}

.rating-course__stars {}

.stars-rating {
   font-size: 40px;
   line-height: 0.75;
   display: inline-block;
}

.stars-rating__body {
   position: relative;
}

.stars-rating__body::before {
   content: '★★★★★';
   color: #cdcfd2;
   display: block;
}

.stars-rating__active {
   position: absolute;
   width: 0%;
   height: 100%;
   top: 0;
   left: 0;
   overflow: hidden;
}

.stars-rating__active::after {
   content: '★★★★★';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   color: var(--primary);
   color: rgb(216, 141, 28);
}

/* Rating - Progressbar */
.rating-course__details {
   flex: 0 1 50%;
   padding: 0 5px;
}

.details-rating {}

.details-rating__item {
   display: flex;
   align-items: center;
}

.details-rating__item:not(:last-child) {
   margin-bottom: 10px;
}

.details-rating__progressbar {
   flex: 1 1 auto;
   margin: 0 10px;
   height: 20px;
   background-color: #cdcfd2;
   border-radius: 10px;
   position: relative;
   overflow: hidden;
}

.details-rating__progressbar span {
   background-color: rgb(216, 141, 28);
   /* background-color: var(--primary); */
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}