#course {
  height: calc(100vh - 8vw);
}

.bg-banner {
  background-image: url(../../../images/roche/banner/banner_main.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  top: 0;
  padding-top: 40px;
}

@media (max-width: 1199px) {
  #course {
    height: calc(100vh - 12vw);
  }
}

@media (max-width: 991px) {
  #course {
    height: auto;
  }
}
@media (min-width: 992px) {
  .bg-banner .container-fluid {
    padding-left: 0px !important;
    overflow: auto;
  }

  .bg-banner {
    position: absolute;
    padding-top: 170px;
  }
}

.text-course-titile {
  color: #fff;
  font-family: "Trirong", serif;
  padding-bottom: 30px;
  padding-top: 10px;
}

@media (max-width: 991px) {
  .course-details {
    padding-right: 0px !important;
  }
}

.course-details {
  padding-bottom: 30px;
  padding-right: 70px;
}

.title-course-details {
  display: flex;
  align-items: center;
}

.title-course-details h3 {
  color: #fff;
  cursor: pointer;
}
.title-course-details .icon {
  flex-shrink: 0;
}
.title-course-details .icon img {
  width: 65px;
  filter: brightness(0) invert(1);
}

.text-course-deatails ul {
  padding-left: 70px;
}

.text-course-deatails ul li {
  color: #fff;
  font-family: "Trirong", serif;
  font-size: 20px;
  padding-bottom: 10px;
}

.h-100 {
    height: 100%;
  }
  

/* Hide scrollbar for Chrome, Safari and Opera */
.bg-banner .container-fluid::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.bg-banner .container-fluid {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}


@media (max-width: 576px) {
  .title-course-details {
    padding-bottom: 10px;
  }
  .text-course-deatails ul {
    padding-left: 0px;
  }

  .text-course-deatails ul li {
    padding-bottom: 20px;
  }
}