body.mepr-mytrends {
  .mytrends-newsfeed {
    .welcome-block {
      padding: 2rem;
      background-color: #e6f7ff;
      border-left: 4px solid #0088cc;
      border-radius: 3px;
    }
  }

  .mytrends-newsfeed {
    .mytrends-mydash-top {
      margin-bottom: 18px;
    }

    .mytrends-mydash-related-content-col {
      .wpb_raw_code .wpb_wrapper .mydash-related-courses-wrapper {
        display: flex;
        flex-direction: column;
      }
    }
  }

  .related-content-wrapper {
    .uncode-content-wrapper {
      .uncode-post-thumbnail {
        height: 200px;
        @media (min-width: 992px) {
          height: 150px;
        }
      }
    }
  }

  .featured-courses-wrapper {
    padding-top: 36px;
    padding-bottom: 36px;
    .mpcs-progress-ring {
      top: calc(50% - 30px);
      left: calc(50% - 30px);
    }
  }

  .related-courses-wrapper {
    .uncode-post-box {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      height: auto;
    }

    .uncode-post-title {
      margin-top: 0;
      font-size: 16px;
    }

    .uncode-post-thumbnail {
      height: 80px;
      /* width: 270px; */
      flex-basis: 100px;
      border-radius: 8px !important;
    }

    .uncode-post-table {
      border-radius: 8px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      padding: 18px;
      flex-grow: 1;
      display: flex;
      flex-direction: column;

      .uncode-post-content {
        padding-top: 0;
        flex-basis: calc(100% - 118px);
        justify-content: flex-start;
      }

      .uncode-content-item {
        box-shadow: none;
        .course-start-link {
          margin-left: 0 !important;
        }

        .mpcs-card-footer {
          justify-content: flex-start;
          margin-top: 9px;
        }
      }
    }
  }

  .mpcs-course-list {
    margin-top: 18px;
    .uncode-content-item {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 9px;
    }
  }

  .mytrends-related-interest {
    .wpb_raw_code .wpb_wrapper {
      /* grid-template-columns: 1fr 1fr;
      gap: 36px;
      display: grid; */

      .mytrends-related-interest-col {
        display: flex;
        flex-direction: column;
        justify-content: stretch;
      }
    }
  }

  .btn.disabled {
    padding-bottom: 3px !important;
    pointer-events: none !important;
    padding-left: 18px !important;
    padding-right: 18px !important;

    .fa {
      top: -3px;
      font-size: 22px !important;
    }
  }

  .mytrends-top-content {
    & > .row-container:first-child > .row:first-child {
      padding-top: 0 !important;
    }
  }
}