.clean-block.clean-hero .text {
  max-width: 900px;
  color: #fff;
  z-index: 2;
  padding: 40px 15px;
  text-shadow: 1px 1px 1px rgba(0,0,0,.15);
}

.clean-block .block-heading p {
  text-align: center;
  max-width: 900px;
  margin: auto;
  opacity: 0.9;
}

.instructor-image {
  max-height: 550px;
  object-fit: cover;
}

@media (min-width: 768px) {
  .page-footer ul li:before, .page-footer ul li:after {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 6px;
    border-radius: 2px;
    background-color: #ffffff;
    transform: rotate(-45deg);
  }
}

@media (min-width: 768px) {
  .page-footer ul li:after {
    top: 13px;
    transform: rotate(45deg);
  }
}

@media (min-width: 768px) {
  .page-footer ul li:before {
    top: 9px;
    transform: rotate(-45deg);
  }
}

.clean-block.clean-form form {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
  border-top: none;
  max-width: 500px;
  margin: auto;
  padding: 40px;
  box-shadow: 0px 2px 10px rgba(0,0,0,.075);
}