@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap);
@font-face {
  font-family: "Futura LT Pro";
  font-style: light;
  font-weight: 200;
  src: local("Futura LT Pro"), url("../fonts/futura/FuturaLTPro-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Futura LT Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Futura LT Pro"), url("../fonts/futura/FuturaLTPro-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Futura LT Pro";
  font-style: bold;
  font-weight: 600;
  src: local("Futura LT Pro"), url("../fonts/futura/FuturaLTPro-Heavy.ttf") format("truetype");
}
.course-title-container {
  scroll-margin-top: 4.375rem;
}
@media (min-width: 992px) {
  .course-title-container {
    margin-right: 2rem;
  }
}
.course-title-container .course-title {
  color: #222930;
  font-family: "Futura LT Pro", -apple-system, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
}
@media (min-width: 992px) {
  .course-title-container .course-title {
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: 0.05rem;
  }
}
.course-title-container .course-title-copy-link {
  color: #686b6D;
  font-family: "Open Sans", -apple-system, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.875rem;
  gap: 0.5rem;
  cursor: pointer;
}