.session9 {
    margin-top: 100px;
    padding: 32px 0px;
    background-size: cover !important;
    background: url("../../image/banner_info.png") no-repeat;
}
.session9 .listSession9 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 33.33px;
}
.session9 .listSession9 .itemSession9 {
    display: grid;
    gap: 8px;
}
.session9 .listSession9 .itemSession9 .image {
    text-align: center;
    height: 44px;
}
.session9 .listSession9 .itemSession9 .image img {
    max-height: 100%;
    margin: auto;
    transition: transform 0.5s ease;
}
.session9 .listSession9 .itemSession9 .title {
    font-family: "Semi";
    font-size: 24px;
    line-height: 29.05px;
    letter-spacing: -1.4400000572px;
    text-align: center;
    color: #FFFFFF;
}
.session9 .listSession9 .itemSession9 .summary {
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: -0.2800000012px;
    text-align: center;
    color: #FFFFFF;
}
.session9 .listSession9 .itemSession9:hover .image img {
    transform: rotateY(360deg);
    transition-duration: 800ms;
}
.session9 .listSession9 .itemSession9:hover .title {
    color: #FFC122;
}

@media screen and (max-width: 1150px) {
    .session9 .listSession9 .itemSession9 .title {
        font-size: 20px;
    }
    .session9 .listSession9 .itemSession9 .summary br {
        display: none;
    }
}
@media screen and (max-width: 992px) {
    .session9 {
        background: url("../../image/session9_mobile.png") no-repeat;
    }
    .session9 .listSession9 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 550px) {
    .session9 .listSession9 {
        gap: 10px;
    }
    .session9 .listSession9 .itemSession9 .image {
        height: 44px;
    }
    .session9 .listSession9 .itemSession9 .image img {
        max-height: 100%;
    }
    .session9 .listSession9 .itemSession9 .summary {
        height: 78.38px;
    }
}

/*# sourceMappingURL=session9.css.map */