.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.banner_item {
    position: absolute;
}

.banner_BG {
    width: 100%;
}

.banner_title {
    width: 30%;
    top: 2.5%;
    left: 35%;
    animation: tada;
    animation-duration: 2s;
}

.banner_people_left {
    width: 32.5%;
    bottom: -5%;
    left: 0;
    animation: bounce;
    animation-duration: 2s;
}

.banner_people_right {
    width: 32.5%;
    bottom: -5%;
    right: 0;
    animation: bounce;
    animation-duration: 2s;
}

.banner_button {
    width: 10%;
    left: 45%;
    bottom: 7.5%;
}

/* .banner_course {
    position: absolute !important;
    bottom: 6.5%;
    left: 37.5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 45%;
    height: 24.5%;
    padding: 0 12.5px;
    border-radius: 15px;
    background-color: white;
}

.banner_course_item {
    flex: 1;
    padding: 25px 12.5px;
}

.banner_course_item img {
    width: 100%;
    height: calc( 100% - 50px );
    border-radius: 5px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
} */

@media screen and (max-width: 1023px) {

    .banner_BG {
        width: 220%;
        margin: 0 -60%;
    }

    .banner_title {
        width: 72%;
        top: 2.5%;
        left: 14%;
    }

    .banner_people_left {
        width: 50%;
        left: -25%;
    }
    
    .banner_people_right {
        width: 50%;
        right: -25%;
    }
    
    .banner_button {
        width: 30%;
        left: 35%;
        bottom: 5%;
    }

    /* .banner_course {
        display: none !important;
    } */
    

}