@import "all.css";
body {
  background-color: #1f1f25;
}

.course {
  width: 100%;
  padding: 40px;
  margin-top: 60px;
}
.course .container {
  flex-direction: column;
  max-width: 1500px !important;
}
.course .title img {
  width: 380px;
}
.course .item1 {
  width: 100%;
  display: flex;
  padding: 40px;
  justify-content: space-around;
}
.course .item1 img {
  width: 380px;
}
.course .item2 {
  width: 100%;
  display: flex;
  padding: 40px 250px;
  justify-content: space-around;
}
.course .item2 img {
  width: 380px;
}

.lecturer {
  width: 100%;
  padding: 40px;
}
.lecturer .container {
  flex-direction: column;
  max-width: 1500px !important;
}
.lecturer .title img {
  width: 350px;
}
.lecturer .item {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 20px;
  margin-top: 20px;
}
.lecturer .item .teach {
  display: flex;
  flex-direction: column;
}
.lecturer .item .teach .bg {
  width: 340px;
  height: 330px;
}
.lecturer .item .teach .name {
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lecturer .item .teach .name h1 {
  font-size: 35px;
  color: #f0e1b7;
  font-family: "Smile Font";
}
.lecturer .item .teach p {
  text-align: center;
  color: #f8e8b8;
  line-height: 2;
}

.instant {
  width: 100%;
  padding: 40px;
}
.instant .container {
  flex-direction: column;
  max-width: 1500px !important;
}
.instant .title img {
  width: 380px;
}
.instant .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-top: 20px;
}
.instant .item .column {
  display: flex;
  flex-direction: column;
}
.instant .item .column img {
  width: 660px;
  border-radius: 5px;
}
.instant .item .column p {
  text-align: center;
  color: #fff;
  margin-top: 20px;
}
.instant .item:first-child {
  margin-top: 20px !important;
}

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