.course-header-area{
    justify-content: flex-start;
    margin-top: 20px;
  }
.course-header-content{
width: 50%;
height: auto;
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 20px 0;
}
.course-header-content h3{
font-size: 25px;
text-align: left;
color: var(--orange);
}
.course-header-content h6{
font-size: 30px;
text-align: left;
color: #000;
}


.article-content p{
font-size: 15px;
text-align: justify;
b{
  font-weight: 600;
}
}
.article-content li{
font-weight: 600;
padding-bottom: 8px;
}

.box{
    width: 100%;
    height: 80vh;
    padding: 0;
    position: sticky;
  }
  .box h3{
    font-size: 18px;
    text-align: center;
    padding: 15px;
    background-color: var(--orange);
  }
  .blog-list{
    padding: 0px 15px;
    display: inline-flex;
    flex-direction: column;
  }
  .blog-list a{
    text-decoration: none;
  }

  @media screen and (max-width: 768px) {
    .course-header-content{
      width: 90%;
    }
    .course-header-content h1{
      font-size: 30px;
    }
    .box{
      height: auto;
    }
    .course-area{
      display: flex;
      flex-direction: column;
    }
  }