.section_courses {
  padding-top: 8.333vw;
  padding-bottom: 8.333vw;
  position: relative;
  padding: 4vw 0;
}
.row_courses {
  padding-left: 8.333vw;
  padding-right: 8.333vw;
}
.course_title {
  color: #3d4d5d;
  font-size: 3.333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 4.167vw;
  margin-bottom: 2.778vw;
}
.course_title span {
  font-weight: 700;
}
.col4 {
  width: 31%;
  display: inline-block;
  padding: 3.056vw 2.986vw 4.306vw 1.667vw;
  border-radius: 0.6vw;
  background: #fff;
  box-shadow: 0px 0px 0.833vw 0px rgba(0, 0, 0, 0.16);
  margin: 1.076vw;
  padding: 3vw;
  position: relative;
}
.courses-container {
  display: flex;
}
.courses-container .ui-elem {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 15.4vw;
  display: none;
}
.course_img {
  width: 5.556vw;
  height: 5.556vw;
  position: relative;
}
.course_img:first-child {
  width: 6.944vw;
  height: 6.944vw;
}
.course_heading {
  color: #000;
  font-size: 1.667vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-top: 0.625vw;
}
.course_des {
  color: #4e5167;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875vw;
  padding-top: 0.625vw;
}
.section_courses svg {
  position: absolute;
}
@media (max-width: 820px) {
  .courses-container {
    display: flex;
  }
  .section_courses svg {
    width: 7vw;
    position: absolute;
    top: -2vh;
  }
}