.node--type-enrollment.node--view-mode-full>.node__content {
  margin-inline: 16px;

  @media (min-width: 576px) {
    margin-inline: auto;
    max-width: 540px;
  }

  @media (min-width: 768px) {
    display: grid;
    gap: 30px;
    grid-template-columns: 769fr 541fr;
    max-width: 720px;
  }

  @media (min-width: 992px) {
    max-width: 960px;
  }

  @media (min-width: 1200px) {
    max-width: 1140px;
  }

  @media (min-width: 1400px) {
    max-width: 1320px;
  }

  .mentorship,
  .network {
    background: #FFFFFF;
    border: 1px solid #CBCACA;
    margin-bottom: 40px;

    h2 {
      color: #E85000;
      font: 800 24px / 1 Manrope, sans-serif;
      margin: 0;
      padding: 20px 25px;
    }

    >.deep-dive,
    .view--id-network {
      padding: 22px 27px 41px;

      >h3 {
        color: #333;
        font: 500 24px / 1 "Mercury Text G1", serif;
        margin: 0 0 30px;
      }
      >div {
        align-items: center;
        display: flex;
        gap: 10px;
        >.progress {
          flex-grow: 1;
          background: #ECF0F5;
          border-radius: 13px;
          height: 26px;
          overflow: hidden;

          >div {
            background: #E85000;
            height: 100%;
          }
        }
        >.hours-left {
          color: #808080;
          font: 500 17px/1 "Mercury Text G1", serif;
        }
        >a {
          background: #E85000;
          border-radius: 16px;
          color: #fff;
          display: block;
          font: 800 12px/1 "Manrope",sans-serif;
          padding: 8px 12px;
          text-decoration: none;
        }
      }
    }
  }
}