.single-try-us-out .course-information,
.single-prof-development .course-information {
  margin-bottom: 100px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas:
    "header"
    "main"
    "sidebar";
  row-gap: 40px;
  column-gap: 80px;
}

.single-try-us-out header .course-tag,
.single-prof-development header .course-tag {
  text-transform: uppercase;
  font-family: "Asap Condensed";
  margin-bottom: 0;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.01em;
}

.single-try-us-out header .entry-title,
.single-prof-development header .entry-title {
  font-size: 2.25rem;
}

.single-try-us-out header .grid,
.single-prof-development header .grid {
  display: flex;
  gap: 1.5em;
  font-size: 16px;
  font-weight: 600;
  margin-top: 2em;
}

.single-try-us-out header .grid div,
.single-prof-development header .grid div {
  position: relative;
}

.single-try-us-out header .grid div:not(:first-child),
.single-prof-development header .grid div:not(:first-child) {
  border-left: solid 1px #8b8b8b;
  padding-left: 1.5em;
}

.single-try-us-out header .grid p,
.single-prof-development header .grid p {
  margin-bottom: 0px;
  line-height: 1.5em;
}

.single-try-us-out header .grid .heading,
.single-prof-development header .grid .heading {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 5px;
}

.single-try-us-out .costs,
.single-prof-development .costs,
.single-prof-development .course-overview,
.single-prof-development .goals,
.single-prof-development .instructor {
  margin-top: 42px;
}

.single-try-us-out .costs ul,
.single-prof-development .costs ul {
  display: flex;
  gap: 20px 1.7em;
  flex-wrap: wrap;
}

.single-try-us-out .costs ul li,
.single-prof-development .costs ul li {
  box-shadow: 0px 1px 5px 0px #e6e6e6;
  gap: 1em;
}

.single-try-us-out .costs ul li p,
.single-prof-development .costs ul li p {
  margin: 0px;
  text-align: center;
  font-size: 16px;
  padding: 10px 20px;
}

.single-try-us-out .costs ul li p.heading,
.single-prof-development .costs ul li p.heading {
  font-weight: 600;
  font-size: 16px;
  background: #ececec;
  padding: 5px 15px;
  white-space: nowrap;
}

.single-try-us-out .costs .which-rate,
.single-prof-development .costs .which-rate {
  margin-top: 10px;
  display: block;
  font-size: 16px;
}

.single-try-us-out .course-delivery,
.single-prof-development .course-delivery {
  font-size: 16px;
  margin-top: 42px;
}

.single-try-us-out .course-delivery p,
.single-prof-development .course-delivery p {
  margin: 0px;
}

.single-try-us-out h2,
.single-prof-development h2 {
  font-weight: 500;
  font-size: 28px;
  margin-bottom: 10px;
}

.single-try-us-out .course-overview,
.single-prof-development .course-overview {
  font-size: 16px;
}

.single-try-us-out .course-overview ul,
.single-try-us-out .course-overview ol,
.single-prof-development .course-overview ul,
.single-prof-development .course-overview ol {
  padding: revert;
  margin: revert;
}

.single-try-us-out .course-overview ol li,
.single-prof-development .course-overview ol li {
  list-style-type: decimal;
}

.single-try-us-out .course-overview ul li,
.single-prof-development .course-overview ul li {
  list-style-type: disc;
}

.single-prof-development .course-overview .goals ol li {
  list-style-type: auto;
}

.single-try-us-out .details li,
.single-prof-development .details li {
  font-size: 16px;
}

.single-try-us-out .course-details,
.single-prof-development .course-details {
  grid-area: sidebar;
  box-shadow: 0px 1px 8px #d6d6d6;
  padding: 30px;
  align-self: flex-start;
}

@media (min-width: 1024px) {
  .single-try-us-out .course-details,
  .single-prof-development .course-details {
    position: sticky;
    top: 130px;
  }
}

.single-try-us-out .course-meta,
.single-prof-development .course-meta {
  margin-top: 20px;
}

.single-try-us-out .course-meta button,
.single-prof-development .course-meta button {
  border: solid 1px #979797;
  background: transparent;
  color: black;
  padding: 4px 6px;
  font-size: 12px;
}

.single-try-us-out .course-meta h2 {
  margin-top: 10px;
  font-size: 20px;
}
.single-prof-development .course-meta h2 {
  margin: 10px 0 5px;
  font-size: 24px;
}

.single-try-us-out .course-meta ol,
.single-prof-development .course-meta ol {
  padding-left: 20px;
  margin: 0px;
}

.single-try-us-out .course-meta ol li,
.single-prof-development .course-meta ol li {
  list-style-type: inherit;
  font-size: 14px;
  line-height: 1.5em;
}

.single-try-us-out .course-details ul li,
.single-prof-development .course-details ul li {
  font-size: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  line-height: 1.5em;
}

.single-try-us-out .course-details ul li ul li,
.single-prof-development .course-details ul li ul li {
  padding-bottom: 0px;
}

.single-try-us-out .course-details ul li span,
.single-prof-development .course-details ul li span {
  margin-right: 10px;
}

.single-try-us-out .course-details .button,
.single-prof-development .course-details .button {
  background: #4ea482;
  font-weight: 600;
  font-size: 16px;
  color: white;
}
.single-try-us-out .course-details .button {
  background: #119eda;
}
.single-try-us-out .course-details .button.view-cart,
.single-prof-development .course-details .button.view-cart {
  background: #e17819;
}

.single-try-us-out .view-all svg,
.single-prof-development .view-all svg {
  width: 18px;
  vertical-align: text-top;
  margin-right: 9px;
  fill: #4ea482;
}

.single-try-us-out .view-all,
.single-prof-development .view-all {
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Asap Condensed";
  font-size: 18px;
  letter-spacing: 0.5px;
}

@media (min-width: 600px) {
  .single-try-us-out .course-overview,
  .single-prof-development .course-overview {
    font-size: 18px;
  }

  .single-try-us-out .costs ul li,
  .single-prof-development .costs ul li {
    min-width: 140px;
  }

  .single-try-us-out .costs ul li p.heading,
  .single-prof-development .costs ul li p.heading {
    font-size: 16px;
    padding: 5px 15px;
  }
}

@media (min-width: 1024px) {
  .single-try-us-out .course-information,
  .single-prof-development .course-information {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "header sidebar"
      "main sidebar";
    row-gap: 40px;
    column-gap: 80px;
  }

  .single-try-us-out header,
  .single-prof-development header {
    grid-area: header;
  }

  .single-try-us-out .course-description,
  .single-prof-development .course-description {
    grid-area: main;
  }
}