.courses {

  display: grid;
grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
}
.course-list {
  grid-gap: 10px;
  display: flex;
  flex-direction: column;
  /* width:325px; */
  margin:25px;
  box-shadow: 0 0 2px 2px rgb(238, 235, 235);
}
  
.course-list-cover-image-wrapper {
  width: 100%;
  margin-bottom: 15px;
}
.course-list-cover-image {
  width:100%;
  height:100%;
  object-fit:cover;
}
.course-list .middle, .course-list .bottom {
  padding:25px;
}
 .course-list .bottom {
  width:90%;
  margin:auto;
  padding:25px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.course-details {
 
}
.single-course-cover-image-wrapper {
  margin-bottom: 25px;
}
.single-course-cover-image {
  width:100%;
  height:100%;
  object-fit:cover;
}
.course-det
.course{
  margin: 50px auto;
  padding: 30px;
 
}
.description-text {
white-space: pre-wrap;
}
video {
  width: 100%;;
}
.course-info {
  display: flex;
  flex-direction: column;
  background-color: rgb(236, 239, 241);
  padding: 25px;
  font-weight: 400;
  
}
details {
  margin: 25px 0;
}
summary {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 600;
}