:root {
  --rounded-btn: 24px;
}

.tw-text-primary {
  color: #3C7033;
}

.tw-max-w-screen-xl {
  max-width: 1920px;
}

.courses.tw-gap-16 {
  gap: 32px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading-family);
  font-weight: 600;
}


.tw-drawer-content > .lesson-content {
  padding: 32px var(--page-padding-x);
}

@media screen and (min-width: 1024px) {
  .tw-drawer-content > .lesson-content {
    padding: 32px var(--page-padding-x) 32px 32px;
  }

  .sidebar.tw-w-80 {
    width: 420px;
  }
  .sidebar-inner {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: var(--page-padding-x);
  }
}


main:has(.courses) {
  background: #f3f5f7;
}

.tw-card {
  background: #fff;
  box-shadow: none;
}

.tw-drawer:has(.courses) {
  padding: 0 0 24px 0;
}

@media screen and (min-width: 1024px) {
  .tw-drawer:has(.courses) {
    padding: 48px 0;
  }
}


.tw-progress-primary::-moz-progress-bar {
  background: #3C7033 !important;
  background-color: #3C7033 !important;
}


.tw-progress-primary::-webkit-progress-value {
  background: #3C7033 !important;
  background-color: #3C7033 !important;
}

.tw-drawer-content:has(.courses) > * {
  padding: 0 var(--page-padding-x)
}

.tw-border-primary {
  border-color: rgb(60 112 51 / 60%);
}

.tw-card-body p {
  display: -webkit-box;
  --desc-limit: 4;
  line-clamp: var(--desc-limit, 2);
  -webkit-line-clamp: var(--desc-limit, 2);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: unset;
  margin-bottom: auto;
}

.tw-border-neutral-content {
  border: none;
}