.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 */