.bg-1 {
  background: url(../images/img3.png) no-repeat center center / cover;
}

.bg-2 {
  background: url(../images/img4.png) no-repeat center center / cover;
}

.bg-3 {
  background: url(../images/img5.png) no-repeat center center / cover;
}

.bg-4 {
  background: url(../images/img6.png) no-repeat center center / cover;
}

.bg-5 {
  background: url(../images/img7.png) no-repeat center center / cover;
}

.home-produc-card {
  position: relative;
  overflow: hidden;
}

.home-produc-card::after {
  position: absolute;
  content: '';
  display: block;
  background-color: #089c8e;
  left: 0;
  top: 100%;
  width: 105%;
  height: 105%;
  transition: all 0.3s ease-in-out;
  z-index: -1;
}

.home-produc-card:hover {
  border: 1px solid transparent !important;
}

.home-produc-card:hover::after {
  top: -5px;
}

.course-date-card {
  background: url(../images/img42.png) no-repeat center center / 100% 100%;
}

.overseas-card-bg {
  background: url(../images/img65.png) no-repeat center center / 100% 100%;
}

.icon_bg {
  background: url(../images/img80.png) no-repeat center bottom / 100% auto;
}

.left-group-x-bg {
  background: url(../images/img83.png) no-repeat right 20%;
}