#jumbotron {
  padding: 4em 0; }
  @media only screen and (max-width: 850px) {
    #jumbotron {
      padding: 3em 0; } }
  #jumbotron #tagline {
    position: relative;
    font-size: 6em; }
    @media only screen and (max-width: 450px) {
      #jumbotron #tagline {
        font-size: 3em; } }
    @media only screen and (max-width: 900px) {
      #jumbotron #tagline {
        font-size: 4em; } }
    #jumbotron #tagline:after {
      content: "";
      position: absolute;
      left: -10px;
      bottom: -50px;
      height: 50px;
      width: 70%;
      border: solid 5px var(--bs-tertiary);
      border-color: var(--bs-tertiary) transparent transparent transparent;
      border-radius: 100%; }
  #jumbotron a {
    font-size: 1.3em; }
    @media only screen and (max-width: 450px) {
      #jumbotron a {
        font-size: 1.1em; } }
  #jumbotron img {
    height: auto; }

#collaborators .collaborator {
  border-radius: 8px; }
  #collaborators .collaborator .collaborator-logo {
    border-radius: 8px;
    background-color: white;
    max-width: 200px; }

#coursesSection form .btn {
  color: var(--bs-secondary);
  border: 1px solid var(--bs-neutral-400);
  padding: 12px 40px;
  margin-right: 10px;
  white-space: nowrap; }

#coursesSection form .btn-check:checked + .btn {
  font-weight: bold;
  background-color: var(--bs-primary);
  color: white; }

#courseItems::-webkit-scrollbar, #coursesSearchBar::-webkit-scrollbar {
  display: none; }

@media only screen and (max-width: 768px) {
  #courseItems, #coursesSearchBar {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden; } }

#courseItems hr {
  border-radius: 1px; }

#courseItems .course .course-details {
  margin-bottom: -15px; }

@media only screen and (max-width: 768px) {
  #courseItems .course {
    width: 40%;
    display: inline-block; } }

@media only screen and (max-width: 650px) {
  #courseItems .course {
    width: 80%;
    max-width: 300px; } }

.plan-option-card {
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease; }
  .plan-option-card:has(input[type="radio"]:checked) {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 1px var(--bs-primary); }
  .plan-option-card .form-check-input {
    cursor: pointer;
    margin-top: 0.3em; }
  .plan-option-card .form-check-label {
    cursor: pointer; }

.instalment-breakdown {
  font-size: 0.875rem; }

#testimonials::-webkit-scrollbar {
  display: none; }

@media only screen and (max-width: 768px) {
  #testimonials .row {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden; } }

#testimonials .testimonialCardContainer {
  color: var(--bs-secondary); }
  @media only screen and (max-width: 768px) {
    #testimonials .testimonialCardContainer {
      width: 60%;
      display: inline-block; } }
  @media only screen and (max-width: 650px) {
    #testimonials .testimonialCardContainer {
      width: 80%;
      min-width: 300px; } }
  #testimonials .testimonialCardContainer > div {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.02);
    border-radius: 35px 0px 35px 35px;
    padding: 3em; }
    #testimonials .testimonialCardContainer > div .avatar img {
      background-color: #F3EEE8;
      border-radius: 1000px 0px 1000px 1000px;
      width: 70px;
      height: 70px; }

#testimonials .feedback {
  position: relative; }
  #testimonials .feedback:after {
    content: "";
    position: absolute;
    left: -20px;
    bottom: -50px;
    height: 50px;
    width: 130%;
    border: solid 5px var(--bs-tertiary);
    border-color: var(--bs-tertiary) transparent transparent transparent;
    border-radius: 100%; }

#subscription {
  padding: 6em 1em; }
  #subscription .content {
    max-width: 600px;
    margin: auto; }
    #subscription .content .input-group .form-control {
      border: 1px solid var(--bs-secondary);
      border-right: none;
      border-radius: 4px 0 0 4px; }
    #subscription .content .input-group .btn.btn-primary {
      border: 1px solid var(--bs-secondary);
      border-left: none;
      border-radius: 0 4px 4px 0; }