.banner-khcn img {
  width: 100%;
}

.csn-khcn {
  padding: 80px 0px;
  background: rgba(217, 237, 191, 0.2);
}
.csn-khcn .content-left {
  width: 558px;
  max-width: 45.6%;
}
.csn-khcn .content-right {
  width: 600px;
  max-width: 49.1%;
}
.csn-khcn .content-right .description {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 69px;
}
.csn-khcn .content-right .description p {
  margin-top: 0px;
  margin-bottom: 10px;
}
.csn-khcn .content-right .description p:last-child {
  margin-bottom: 0px;
}
.csn-khcn .img {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.csn-khcn .img img {
  width: 100%;
}

.qtsx-khcn {
  padding: 80px 0px;
}
.qtsx-khcn .title {
  margin-bottom: 72px;
}
.qtsx-khcn .content {
  position: relative;
}
.qtsx-khcn .item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.qtsx-khcn .item .img {
  width: 100%;
  margin-bottom: 24px;
  border-radius: 16px;
  overflow: hidden;
}
.qtsx-khcn .item .name {
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}

.button-slides {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #79B559;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
}
.button-slides.swiper-button-lock {
  display: none;
}
.button-slides svg {
  width: 12px;
  height: 11px;
  fill: #ffffff;
}
.button-slides:hover {
  background: #32782C;
}
.button-slides.button-prev {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: -64px;
  transform: translateY(-20px);
}
.button-slides.button-next {
  position: absolute;
  z-index: 10;
  top: 50%;
  right: -64px;
  transform: translateY(-20px);
}

.sptp-khcn {
  padding-bottom: 80px;
}
.sptp-khcn .title {
  margin-bottom: 72px;
}
.sptp-khcn .item {
  width: calc(25% - 18px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sptp-khcn .item .img {
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 24px;
}
.sptp-khcn .item .name {
  width: 100%;
  text-align: center;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}

@media (max-width: 1300px) {
  .title-same {
    font-size: 36px !important;
    line-height: 40px !important;
    margin-bottom: 36px !important;
  }
  .csn-khcn .content-right .description p {
    font-size: 16px;
  }
  .csn-khcn .content-left {
    width: calc(50% - 12px);
    max-width: 100%;
  }
  .csn-khcn .content-right {
    width: calc(50% - 12px);
    max-width: 100%;
  }
}
@media (max-width: 1100px) {
  .button-slides.button-prev {
    left: 5px;
  }
  .button-slides.button-next {
    right: 5px;
  }
  .sptp-khcn .item .name {
    font-size: 22px;
    line-height: 26px;
  }
}
@media (max-width: 720px) {
  .csn-khcn, .qtsx-khcn {
    padding: 60px 0px;
  }
  .sptp-khcn {
    padding-bottom: 60px;
  }
  .csn-khcn .content {
    flex-direction: column;
    align-items: flex-start;
  }
  .csn-khcn .content-left {
    width: 100%;
    margin-bottom: 30px;
  }
  .csn-khcn .content-right {
    width: 100%;
  }
  .csn-khcn .content-right .description {
    margin-bottom: 0px;
  }
  .csn-khcn .content-right .img {
    margin-top:10px;
  }
  .qtsx-khcn .item .img {
    margin-bottom: 12px;
  }
  .qtsx-khcn .item .name {
    font-size: 18px;
    line-height: 24px;
  }
  .sptp-khcn .content {
    flex-wrap: wrap;
  }
  .sptp-khcn .item {
    width: calc(50% - 12px);
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .sptp-khcn .item .img {
    width: auto;
  }
}
@media (max-width: 480px) {
  .sptp-khcn .item {
    width: 100%;
  }
}/*# sourceMappingURL=style-khoa-hoc-cong-nghe.css.map */