.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%;
}