.course-program {
  padding: 30px 0;
  letter-spacing: -0.03em;
}
.course-program__title {
  margin-bottom: 20px;
}

.course-program__tab {
  padding-top: 18px;
  padding-bottom: 35px;
  border-top: 1px solid #c4c4c4;
  font-weight: 400;
}

.course-program__tab:last-child {
  padding-bottom: 0;
}

.course-program__tab-header {
  position: relative;
  cursor: pointer;
  padding-right: 50px;
}

.course-program__tab-number {
  margin-bottom: 10px;
  font-size: 16px;
}

.course-program__tab-title {
  font-size: 38px;
}

.course-program__tab-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--main);
}

.course-program__tab-body {
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s;
}

.course-program__tab--active .course-program__tab-body {
  max-height: 10000px;
  transition: all 0.4s;
}

.course-program__slider-nav {
  width: 490px;
  padding: 0 40px;
  margin: 20px 0;
}

.course-program__slider-nav-item {
  width: 56px !important;
  height: 70px;
  padding: 11px 0 6px;
  margin-right: 10px;
  background: var(--white);
  border: 1px solid #ff5e00;
  border-radius: 14px;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  line-height: 21px;
}

.slick-current .course-program__slider-nav-item {
  background: #ff5e00;
  color: var(--white);
}

.slick-current .course-program__slider-nav-item span {
  color: rgba(255, 255, 255, 0.8);
}

.course-program__slider-nav-item span {
  color: rgba(17, 17, 17, 0.7);
  opacity: 0.8;
  font-size: 12px;
  line-height: 14px;
}

.course-program__slider-nav .slick-prev,
.course-program__slider-nav .slick-next {
  top: 50%;
  transform: translate(0, -50%);
  width: 23px;
  height: 21px;
  border: none;
  border-radius: 0;
  background-color: transparent !important;
}
.course-program__slider-nav .slick-prev:hover,
.course-program__slider-nav .slick-next:hover {
  box-shadow: none;
}

.course-program__slider-nav .slick-prev {
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='21' viewBox='0 0 23 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 11.4979C22.9913 11.6042 22.9446 11.7039 22.8684 11.7793C22.7922 11.8547 22.6913 11.9008 22.5839 11.9094L3.42226 11.8824C3.3657 11.8906 3.30798 11.8854 3.25372 11.8676C3.19946 11.8498 3.15018 11.8198 3.10976 11.7798C3.06934 11.7398 3.03893 11.6912 3.02095 11.6375C3.00296 11.5839 2.99789 11.5266 3.00617 11.4707L3.00618 9.47749C2.99789 9.42154 3.00296 9.36456 3.02095 9.31088C3.03893 9.25721 3.06934 9.20833 3.10976 9.16834C3.15018 9.12836 3.19946 9.09833 3.25372 9.08054C3.30798 9.06275 3.3657 9.05781 3.42226 9.066L22.5839 9.09297C22.8796 9.09297 23.0054 9.20127 22.9726 9.47749L23 11.4979ZM8.88606 19.4648L7.46264 20.8728C7.42924 20.9126 7.38738 20.9447 7.34007 20.9667C7.29276 20.9886 7.24116 21 7.1889 21C7.13663 21 7.08497 20.9886 7.03766 20.9667C6.99035 20.9447 6.94855 20.9126 6.91516 20.8728L0.263316 14.2924C0.179276 14.2126 0.112628 14.1167 0.0674368 14.0105C0.0222441 13.9043 -0.000523891 13.7901 0.000538513 13.6749L0.000539068 7.32193C-0.00372766 7.19905 0.0173753 7.07681 0.0625584 6.96227C0.107742 6.84773 0.176044 6.74331 0.263316 6.65577L6.91516 0.124293C6.94908 0.0853467 6.99109 0.053948 7.03833 0.0325265C7.08557 0.0111051 7.13693 -1.38679e-06 7.1889 -1.38225e-06C7.24087 -1.37771e-06 7.29223 0.0111051 7.33947 0.0325266C7.38671 0.053948 7.42872 0.0853468 7.46264 0.124293L8.88606 1.53224C8.92975 1.56197 8.96594 1.60148 8.99179 1.64728C9.01764 1.69309 9.03244 1.74404 9.03509 1.79643C9.03774 1.84883 9.02813 1.90116 9.00702 1.94929C8.98592 1.99741 8.95394 2.03996 8.91346 2.07385L1.17214 9.62928C1.03925 9.73046 0.931571 9.86047 0.857507 10.0093C0.783444 10.1581 0.744964 10.3218 0.744964 10.4877C0.744964 10.6536 0.783444 10.8173 0.857507 10.9661C0.931571 11.1149 1.03925 11.2449 1.17214 11.3461L8.88606 18.9285C9.08863 19.0964 9.07768 19.2753 8.88606 19.4648Z' fill='%23FF5E00'/%3E%3C/svg%3E%0A") !important;
}

.course-program__slider-nav .slick-next {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='21' viewBox='0 0 23 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 9.50208C0.00873607 9.3958 0.0553707 9.29611 0.131589 9.22071C0.207808 9.1453 0.308652 9.09924 0.416087 9.09059L19.5777 9.11757C19.6343 9.10938 19.692 9.11459 19.7463 9.13238C19.8005 9.15017 19.8498 9.18019 19.8902 9.22018C19.9307 9.26016 19.9611 9.30877 19.9791 9.36245C19.997 9.41613 20.0021 9.47337 19.9938 9.52932V11.5225C20.0021 11.5785 19.997 11.6354 19.9791 11.6891C19.9611 11.7428 19.9307 11.7917 19.8902 11.8317C19.8498 11.8716 19.8005 11.9017 19.7463 11.9195C19.692 11.9372 19.6343 11.9422 19.5777 11.934L0.416087 11.907C0.12045 11.907 -0.00544802 11.7987 0.0274005 11.5225L0 9.50208ZM14.1139 1.53515L15.5374 0.127202C15.5708 0.0874318 15.6126 0.0552876 15.6599 0.0333212C15.7072 0.0113547 15.7588 0 15.8111 0C15.8634 0 15.915 0.0113547 15.9623 0.0333212C16.0097 0.0552876 16.0514 0.0874318 16.0848 0.127202L22.7367 6.7076C22.8207 6.78736 22.8874 6.88333 22.9326 6.98951C22.9778 7.09569 23.0005 7.2099 22.9995 7.3251V13.6781C23.0037 13.801 22.9826 13.9232 22.9374 14.0377C22.8923 14.1523 22.824 14.2567 22.7367 14.3442L16.0848 20.8757C16.0509 20.9147 16.0089 20.9461 15.9617 20.9675C15.9144 20.9889 15.8631 21 15.8111 21C15.7591 21 15.7078 20.9889 15.6605 20.9675C15.6133 20.9461 15.5713 20.9147 15.5374 20.8757L14.1139 19.4678C14.0702 19.438 14.0341 19.3985 14.0082 19.3527C13.9824 19.3069 13.9676 19.256 13.9649 19.2036C13.9623 19.1512 13.9719 19.0988 13.993 19.0507C14.0141 19.0026 14.0461 18.96 14.0865 18.9262L21.8279 11.3707C21.9608 11.2695 22.0684 11.1395 22.1425 10.9907C22.2166 10.8419 22.255 10.6782 22.255 10.5123C22.255 10.3464 22.2166 10.1827 22.1425 10.0339C22.0684 9.88506 21.9608 9.75505 21.8279 9.65388L14.1139 2.07147C13.9114 1.90357 13.9223 1.72471 14.1139 1.53515Z' fill='%23FF5E00'/%3E%3C/svg%3E%0A") !important;
  background-color: transparent !important;
}

.course-program__slider-content {
  display: flex !important;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 32px 36px 20px;
  background: #f8f8f8;
  border-radius: 20px;
}

.course-program__content-left {
  width: 527px;
}

.course-program__content-title {
  margin-bottom: 20px;
  font-size: 24px;
}

.course-program__content-speaker {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.course-program__content-photo {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.course-program__content-name {
  font-size: 18px;
  color: #ff5e00;
}

.course-program__content-items ol {
  list-style: auto;
  list-style-position: inside;
}
.course-program__content-items li {
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid #c4c4c4;
  font-size: 16px;
  color: #606060;
}
.course-program__content-items li::marker {
  color: var(--main);
}

.course-program__content-items li:last-child {
  margin-bottom: 0;
}

.course-program__content-right {
  width: 460px;
}

.course-program__right-block {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.course-program__right-item {
  width: 220px;
  min-height: 132px;
  padding: 11px 16px;
  margin: 0 10px 20px;
  background: var(--white);
  border: 1px solid #c4c4c4;
  border-radius: 14px;
}

.course-program__right-title {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.17;
}

.course-program__right-desc {
  font-size: 14px;
  line-height: 1.3;
  color: #606060;
}

.course-program__right-mark ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-bottom: -10px;
}

.course-program__right-mark li {
  padding: 4px 12px 3px;
  margin-right: 10px;
  margin-bottom: 10px;
  background: var(--white);
  border: 1px solid #c4c4c4;
  border-radius: 6px;
  font-size: 16px;
  line-height: 1.19;
}

.course-program__tab--active .course-program__tab-header {
  color: #ff5e00;
}

.course-program__tab--active .course-program__tab-icon {
  background: #ff5e00;
}

.course-program__tab--active .course-program__tab-icon svg {
  transform: rotate(45deg);
}

.course-program__slider-for .slick-list {
  width: 100% !important;
}

@media only screen and (min-width: 1200px) {
}

@media only screen and (max-width: 1199px) {
  .course-program__tab-title {
    font-size: 34px;
  }

  .course-program__content-left {
    width: 460px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 760px) {
  .course-program__tab {
    padding-top: 0;
    border-top: none;
  }

  .course-program__tab-header {
    padding: 13px 50px 20px 18px;
    background: #ff5e00;
    border: 1px solid #ff5e00;
    border-radius: 14px;
    color: #fff;
  }

  .course-program__tab-number {
    margin-bottom: 3px;
  }

  .course-program__tab-title {
    font-size: 24px;
  }

  .course-program__tab-icon {
    right: 15px;
    width: 30px;
    height: 30px;
    background: #ffffff;
  }

  .course-program__tab-icon svg path {
    fill: #ff5e00;
    stroke: #ff5e00;
  }

  .course-program__tab--active .course-program__tab-header {
    background: rgba(255, 94, 0, 0.1);
    color: #ff5e00;
  }

  .course-program__tab--active .course-program__tab-icon {
    background: transparent;
  }

  .course-program__slider-nav {
    width: 100%;
    padding: 0;
    margin: 15px 0 15px;
  }

  .course-program__slider-nav-item {
    border: none;
    background: #f4f4f4;
  }

  .course-program__slider-content {
    position: relative;
    padding: 15px 16px 20px 28px;
    background: #f4f4f4;
  }

  .course-program__slider-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 14px;
    background: #ff5e00;
    border-radius: 14px 0px 0px 14px;
  }

  .course-program__content-title {
    margin-bottom: 10px;
  }

  .course-program__content-speaker {
    margin-bottom: 16px;
  }

  .course-program__content-photo {
    margin-right: 6px;
  }

  .course-program__content-name {
    color: #606060;
  }

  .course-program__content-items li {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .course-program__right-block {
    margin: 0 0 5px;
  }

  .course-program__right-item {
    width: 100%;
    margin: 0 0 15px;
  }
}
