.node--type-enrollment.node--view-mode-dashboard>.node__content {
  >details {
    padding: 20px 25px;
  
    >summary {
      align-items: center;
      color: #333;
      cursor: pointer;
      list-style: none;
      display: flex;
      gap: 32px;
      justify-content: space-between;
      
      >h3 {
        margin: 0 auto 0 0;
        font: 500 24px / 1 "Mercury Text G1", serif;
      }

      >div {
        color: #808080;
        font: 800 14px/1 "Manrope",sans-serif;
      }
  
      &::after {
        content: url(/themes/custom/gozero/images/caret-right.svg);
        height: 33.5px;
      }
    }
  
    &[open]>summary {
      margin-bottom: 20px;
      
      &::after {
        content: url(/themes/custom/gozero/images/caret-down.svg);
        display: grid;
        place-items: center;
      }
    }

    >.mandatory-mentorship {
      border: 1px solid #0000001A;
      border-radius: 26px;
      margin-bottom: 4px;
      padding: 18px;

      >h4 {
        color: #333;
        font: 800 18px/1 "Manrope",sans-serif;
        margin: 0;
      }

      >div {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 16px;

        >a {
          align-items: center;
          border: 1px solid #0000001A;
          border-radius: 26px;
          display: flex;
          gap: 8px;
          padding: 11px 13px;
          text-decoration: none;

          >h5 {
            color: #333;
            font: 800 16px/1 "Manrope",sans-serif;
            margin: 0;
          }

          >div {
            border-radius: 16px;
            color: #fff;
            font: 800 12px/1 "Manrope",sans-serif;
            padding: 8px 12px;
      
            &.done {
              background: #00AA39;
            }
      
            &.pending {
              background: #0072AA;
            }
      
            &.to-schedule {
              background: #E85000;
            }
          }
        }
      }
    }

    >.deep-dive {
      border: 1px solid #0000001A;
      border-radius: 26px;
      margin-bottom: 4px;
      padding: 18px;

      >h4 {
        color: #333;
        font: 800 18px/1 "Manrope",sans-serif;
        margin: 0;
      }

      >div {
        align-items: center;
        display: flex;
        gap: 10px;
        margin-top: 16px;

        >.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;
        }
      }
    }

    >.progress {
      border: 1px solid #0000001A;
      border-radius: 26px;
      margin-bottom: 4px;
      padding: 18px;

      >h4 {
        color: #333;
        font: 800 18px/1 "Manrope",sans-serif;
        margin: 0;
      }

      >div {
        align-items: center;
        display: flex;
        gap: 10px;
        margin-top: 16px;

        >.progress {
          flex-grow: 1;
          background: #ECF0F5;
          border-radius: 13px;
          height: 26px;
          overflow: hidden;

          >div {
            background: #E85000;
            height: 100%;
          }
        }
        >.label {
          color: #808080;
          font: 500 17px/1 "Mercury Text G1", serif;
        }
      }
    }

    .go-back {
      text-align: right;
      margin-top: 15px;

      >a {
        background: #808080;
        border-radius: 16px;
        color: #fff;
        display: inline-flex;
        gap: 4px;
        font: 800 12px / 1 "Manrope", sans-serif;
        padding: 8px 12px;
        text-decoration: none;

        &::before {
          content: url(/themes/custom/gozero/images/arrow-back.svg);
        }
      }
    }
  }
}