.sof-subscriptions-page {
  margin-top: 20px;
}
.sof-subscriptions-page .sof-filter-list-item-header {
  padding: 5px 16px;
}
.sof-subscriptions-page .sof-filter-list-item-header a:after {
  display: none;
}
.sof-subscriptions-page .sof-filter-list-item-header a span {
  display: block;
}
.sof-subscriptions-page .sof-filter-list-item-header a .link-title {
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 3px;
}
.sof-subscriptions-page .sof-filter-list-item-header a .course-count {
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  color: rgba(128, 128, 128, 1);
  position: relative;
  padding-left: 20px;
}
.sof-subscriptions-page .sof-filter-list-item-header a .course-count:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("../images/icons/courses.svg") no-repeat center center;
  background-size: contain;
}
.sof-subscriptions-page .sof-filter-container {
  border-radius: 0;
}
.sof-subscriptions-page .sof-filter-container.active {
  background: #fff;
}
.sof-subscriptions-page
  .sof-filter-container
  .sof-filter-list-item-header:before {
  content: "";
  position: absolute;
  left: 0;
  width: 2px;
  top: 0;
  height: 100%;
  background: transparent;
}
.sof-subscriptions-page .sof-filter-container.active {
  background: #fff;
}
.sof-subscriptions-page
  .sof-filter-container.active
  .sof-filter-list-item-header:before {
  background: rgba(185, 232, 85, 1);
}
.sof-subscriptions-page .sof-course-list-item {
  margin-bottom: 20px;
}
.sof-subscriptions-page .sof-courses-list > .sof-row > .sof-col {
  display: flex;
  flex-direction: column;
}
.sof-subscriptions-page .sof-subscription-image-wrapper {
  border-radius: 16px;
  margin-bottom: 20px;
  position: relative;
}
.sof-subscriptions-page .sof-subscription-image-wrapper img {
  border-radius: 16px;
}
.sof-subscriptions-page .sof-subscription-image-wrapper a {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

@media (max-width: 400px) {
  .sof-subscriptions-page .sof-subscription-image-wrapper a {
    font-size: 10px;
  }
}

.sof-subscriptions-page
  .sof-course-list-item
  .course-price-wrapper
  .course-price-free {
  text-transform: initial;
  font-size: 16px;
  position: relative;
  flex: 1;
}
.sof-subscriptions-page
  .sof-course-list-item
  .course-price-wrapper
  .course-price-free
  > i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sof-subscriptions-page .course-chip {
  display: none;
}