.module-links-section {
  position: relative;
}

.module-links-section td {
  width: 33%;
}

/* Inserting this collapsed row between two flex items will make
 * the flex item that comes after it break to a new row */
.module-links-section .break {
  flex-basis: 100%;
  height: 9.26vh;
  border: .052vw red solid;
  position: relative;
}


.college-planning {
  letter-spacing: max(.0328vw, .4px);
  line-height: 1.04vw;
  margin-top: .47vw;
  min-height: 1.15vw;
  text-align: center;
  white-space: nowrap;
  width: 12.66vw;
}

.college-planning-module-link-grpup {
  align-items: center;
  background: linear-gradient(131.59deg, #fcb0bc 4.48%, #d196ef 95.92%);
  border-radius: 1.82vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  /* min-height: 18.75vw; */
  padding: .833vw 0;
  width: 20.83vw;
}

.planning-container {
  align-items: center;
  background-color: var(--universal--white--ffffff);
  border-radius: 1.82vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  min-height: 20vh;
  padding: 0vw 0vw;
  width: 19.17vw;
}

.college_planning_small_img {
  height: auto;
  object-fit: cover;
  width: 19.17vw;
  border-radius: 1.82vw 1.82vw 0vw 0vw;
}

.college-planning-1 {
  letter-spacing: 1.00px;
  line-height: 1.67vw;
  margin-left: .104vw;
  margin-bottom: .573vw;
  margin-top: .573vw;
  min-height: 1.82vw;
  min-width: 13.125vw;
  text-align: center;
  white-space: nowrap;
}

.x-text {
  letter-spacing: max(.0328vw, .4px);
  line-height: 1.04vw;
  margin-left: .104vw;
  margin-top: 1.15vw;
  min-height: 1.15vw;
  text-align: center;
  white-space: nowrap;
  width: 18.48vw;
}

.academic-planning-module-link-grpup {
  align-items: flex-end;
  background: linear-gradient(132.49deg, #ffe481 9.84%, #ff9f67 90.59%);
  border-radius: 1.82vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  margin-top: 2.5vw;
  /* min-height: 18.75vw; */
  padding: .833vw .828vw;
  width: 20.83vw;
}

.planning-container-1 {
  align-items: center;
  background-color: var(--universal--white--ffffff);
  border-radius: 1.82vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  min-height: 20vh;
  padding: 0vw 0vw;
  width: 19.17vw;
}

.academic-planning {
  letter-spacing: 1.00px;
  line-height: 1.67vw;
  margin-left: 2.5px;
  margin-top: .573vw;
  margin-bottom: .573vw;
  min-height: 1.82vw;
  min-width: 15vw;
  text-align: center;
  white-space: nowrap;
}

.x-text-1 {
  align-self: center;
  letter-spacing: max(.0328vw, .4px);
  line-height: 1.04vw;
  margin-top: 1.15vw;
  min-height: 1.15vw;
  text-align: center;
  white-space: nowrap;
  width: 18.48vw;
}

.module-link-gr {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 0vw;
  min-width: 20.83vw;
}

.self-assessments-module-link-group {
  align-items: center;
  background: linear-gradient(131.63deg, #96e3d1 6.18%, #d1ef98 95.69%);
  border-radius: 2.34vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  /* min-height: 18.75vw; */
  padding: .833vw 0;
  width: 20.83vw;
}

.overlap-group1-1 {
  align-items: center;
  background-color: var(--universal--white--ffffff);
  border-radius: 1.82vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  min-height: 20vh;
  padding: 0vw 0vw;
  width: 19.17vw;
}

.self-assessments {
  letter-spacing: 1.00px;
  line-height: 1.67vw;
  margin-left: .1vw;
  margin-bottom: .573vw;
  margin-top: .573vw;
  min-height: 1.77vw;
  min-width: 13.125vw;
  text-align: center;
  white-space: nowrap;
}

.data-reports-module-link-grpup {
  align-items: center;
  background: linear-gradient(132.51deg, #9aadfd 9.9%, #c996ef 91.29%);
  border-radius: 1.82vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  margin-top: 2.5vw;
  /* min-height: 18.75vw; */
  padding: .833vw 0;
  width: 20.83vw;
}


.overlap-group4 {
  align-items: center;
  background-color: var(--universal--white--ffffff);
  border-radius: 1.82vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  min-height: 20vh;
  padding: 0vw 0vw;
  width: 19.17vw;
}

.data-reports-1 {
  letter-spacing: 1.00px;
  line-height: 1.67vw;
  margin-left: 0.25px;
  margin-bottom: .573vw;
  margin-top: .573vw;
  min-height: 1.77vw;
  min-width: 11.875vw;
  text-align: center;
  white-space: nowrap;
}

.data-reports-text {
  letter-spacing: max(.0328vw, .4px);
  line-height: 1.04vw;
  margin-top: 1.15vw;
  min-height: 1.15vw;
  text-align: center;
  white-space: nowrap;
  width: 18.48vw;
}

.career-planning-module-link-grpup {
  align-items: flex-end;
  background: linear-gradient(131.99deg, rgba(116, 202, 252, 0.99) 10.57%, #80d0c9 90.06%);
  border-radius: 1.82vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  /* min-height: 18.75vw; */
  padding: .833vw .828vw;
  width: 20.83vw;
}

.planning-container-2 {
  align-items: center;
  background-color: var(--universal--white--ffffff);
  border-radius: 1.82vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  min-height: 20vh;
  padding: 0vw 0vw;
  width: 19.17vw;
}

.career-planning {
  letter-spacing: 1.00px;
  line-height: 1.67vw;
  margin-left: 1.25px;
  margin-bottom: .573vw;
  margin-top: .573vw;
  min-height: 1.82vw;
  min-width: 12.5vw;
  text-align: center;
  white-space: nowrap;
}

.communication-module-link-grpup {
  align-items: flex-end;
  background: linear-gradient(132.32deg, #e39696 4.37%, #ffd38d 94.17%);
  border-radius: 1.82vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  margin-top: 2.5vw;
  /* min-height: 18.75vw; */
  padding: .833vw .828vw;
  width: 20.83vw;
}

.overlap-group3 {
  align-items: center;
  background-color: var(--universal--white--ffffff);
  border-radius: 1.82vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  min-height: 20vh;
  padding: 0vw 0vw;
  width: 19.17vw;
}

.communication-1 {
  letter-spacing: 1.00px;
  line-height: 1.67vw;
  margin-left: .104vw;
  margin-bottom: .573vw;
  margin-top: .573vw;
  min-height: 1.77vw;
  min-width: 12.4vw;
  text-align: center;
  white-space: nowrap;
}

@media only screen and (max-width: 999px) {

  .college-planning-module-link-grpup,
  .academic-planning-module-link-grpup,
  .self-assessments-module-link-group,
  .career-planning-module-link-grpup,
  .communication-module-link-grpup {
    padding: 0.833vw 0.828vw;
    width: 80%;
  }

  .academic-planning-module-link-grpup .planning-container-1,
  .college-planning-module-link-grpup .planning-container,
  .self-assessments-module-link-group .overlap-group1-1,
  .career-planning-module-link-grpup .planning-container-2,
  .communication-module-link-grpup .overlap-group3 {
    width: 100%;
    min-height: 11vh;
  }

  .academic-planning-module-link-grpup .planning-container-1 img,
  .college-planning-module-link-grpup .planning-container img,
  .self-assessments-module-link-group .overlap-group1-1 img,
  .career-planning-module-link-grpup .planning-container-2 img,
  .communication-module-link-grpup .overlap-group3 img {
    width: 100%;
    margin-bottom: 1vw;
  }
}

@media only screen and (max-width: 600px) {

  .college-planning-module-link-grpup,
  .academic-planning-module-link-grpup,
  .self-assessments-module-link-group,
  .career-planning-module-link-grpup,
  .communication-module-link-grpup {
    padding: 0.833vw 0.828vw;
    width: 29vw;
  }

  .academic-planning-module-link-grpup .planning-container-1 div,
  .college-planning-module-link-grpup .planning-container div,
  .self-assessments-module-link-group .overlap-group1-1 div,
  .career-planning-module-link-grpup .planning-container-2 div,
  .communication-module-link-grpup .overlap-group3 div {
    white-space: break-spaces;
    line-height: var(--font-size-l);
    word-break: break-word;
  }

  .communication-1 {
    font-size: var(--font-size-m);
  }
}