.new-contents {
  background-image: url(/images/background_about.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.new-contents .banner {
  padding-top: 200px;
  padding-bottom: 160px;
}
.new-contents .banner h1 {
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;
  color: #007ec3;
  text-align: center;
}
.new-contents .banner ul {
  display: flex;
  justify-content: center;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  margin: 0;
}
.new-contents .banner ul li {
  margin: 0px 15px;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #594c40;
}
.new-contents .banner ul li:nth-child(1) {
  list-style: none;
}
.new-contents .banner ul li::marker {
  color: #007ec3;
}
.new-contents .thiet-ke {
  padding: 60px 0px 200px 0px;
}
.new-contents .thiet-ke h3 {
  font-weight: 700;
  line-height: 32px;
  color: #594c40;
  margin-bottom: 20px;
  text-align: center;
}
.new-contents .thiet-ke h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #007ec3;
  margin-bottom: 60px;
}
.new-contents .thiet-ke .image {
  background: linear-gradient(135.89deg, rgba(246, 142, 177, 0.6) 7.65%, #8f63db 58.7%, #3f43fb 98.4%);
  border-radius: 160px 30px;
  padding: 20px 75px;
}
.new-contents .thiet-ke .all {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  list-style-type: none;
}
.new-contents .thiet-ke .all li {
  padding: 15px 20px;
  background: #ffffff;
  border-radius: 10px;
  background-image: url(/images/plus.png);
  background-repeat: no-repeat;
  background-position: right 20px;
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #594c40;
}
.new-contents .thiet-ke .all li span {
  background: linear-gradient(66.57deg, #9f5ff1 8.06%, #ff54b0 90.93%);
  border-radius: 30px;
  padding: 10px;
  color: #ffffff;
  font-size: 16px;
  display: inline-block;
}
.new-contents .thiet-ke .all li ul {
  display: none;
}
.new-contents .thiet-ke .all li ul li {
  padding: 0;
  background-image: none;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #594c40;
  text-transform: none;
}
.new-contents .thiet-ke .all > li:hover {
  background-image: url(/images/tru.png);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
  color: #007ec3;
}
.new-contents .thiet-ke .all > li:hover ul {
  display: block;
}
.new-contents .thiet-ke .all > li:hover ul li {
  box-shadow: none;
  background-image: none;
}
.new-contents .nang-luc {
  padding-bottom: 50px;
}
.new-contents .nang-luc h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #007ec3;
  margin-bottom: 20px;
  text-align: center;
}
.new-contents .nang-luc p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  color: #594c40;
  width: 60%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 50px;
}
.new-contents .nang-luc .nav-pills {
  display: grid;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  grid-template-columns: repeat(6, 1fr);
}
.new-contents .nang-luc .nav-pills .nav-link {
  background: #ffffff;
  padding: 20px;
  text-align: center;
}
.new-contents .nang-luc .nav-pills .nav-link img {
  background: linear-gradient(66.57deg, #6838ef 8.06%, #9d7bfc 90.93%);
  border-radius: 80px 50px 10px 80px;
  padding: 10px;
  margin-bottom: 20px;
}
.new-contents .nang-luc .nav-pills .nav-link span {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #594c40;
}
.new-contents .nang-luc .nav-pills .nav-link:nth-child(2) img {
  background: linear-gradient(66.57deg, #5ebf2e 8.06%, #71e03a 90.93%);
}
.new-contents .nang-luc .nav-pills .nav-link:nth-child(3) img {
  background: linear-gradient(222.4deg, #49d4ff 13.33%, #407eff 86.82%);
}
.new-contents .nang-luc .nav-pills .nav-link:nth-child(4) img {
  background: linear-gradient(63.43deg, #ed2775 8.89%, #ff7448 92.22%);
}
.new-contents .nang-luc .nav-pills .nav-link:nth-child(5) img {
  background: linear-gradient(66.57deg, #ff5c3c 8.06%, #ff9f32 90.93%);
}
.new-contents .nang-luc .nav-pills .nav-link:nth-child(6) img {
  background: linear-gradient(222.4deg, #ff4949 13.33%, #ff40d5 86.82%);
}
.new-contents .nang-luc .nav-pills .nav-link.active {
  background: linear-gradient(180deg, #ffffff 0%, #eef7fe 100%);
  box-shadow: inset 0px -2px 0px #3aa7f9;
}
.new-contents .nang-luc .nav-pills .nav-link.active img {
  border-radius: 80px;
}
.new-contents .nang-luc .nav-pills .nav-link.active span {
  color: #007ec3;
}
.new-contents .nang-luc .tab-content .tab-pane {
  padding: 30px;
  background: #fcf8ff;
  border-radius: 0px 0px 5px 5px;
}
.new-contents .nang-luc .tab-content .tab-pane .row {
  align-items: center;
}
.new-contents .nang-luc .tab-content .tab-pane h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #007ec3;
  margin-bottom: 30px;
}
.new-contents .nang-luc .tab-content .tab-pane span {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: #594c40;
}
.new-contents .nang-luc .tab-content .tab-pane .image {
  overflow: hidden;
  border-radius: 100px 30px;
}
.new-contents .nang-luc .tab-content .tab-pane .image img {
  max-width: 100%;
}
.new-contents .the-manh {
  padding: 150px 0;
  background-image: url(/images/background_themanh.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.new-contents .the-manh .row {
  margin-bottom: 50px;
}
.new-contents .the-manh .image img {
  max-width: 100%;
}
.new-contents .the-manh h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #007ec3;
  margin-bottom: 30px;
}
.new-contents .the-manh p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: #594c40;
  margin-bottom: 20px;
}
.new-contents .the-manh p span {
  color: #007ec3;
  font-weight: 700;
}
.new-contents .the-manh ul {
  list-style-type: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.new-contents .the-manh ul li {
  margin-bottom: 23px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #594c40;
  display: flex;
  align-items: flex-start;
}
.new-contents .the-manh ul li img {
  margin-right: 15px;
}
.new-contents .the-manh ul li span {
  font-weight: 700;
  display: contents;
}
.new-contents .ho-tro {
  text-align: center;
  padding: 50px 0;
}
.new-contents .ho-tro p {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #594c40;
  margin-bottom: 10px;
}
.new-contents .ho-tro p span {
  font-weight: 700;
}
.new-contents .ho-tro h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #007ec3;
  width: 85%;
  margin: 0 auto;
}
.new-contents .ho-tro img {
  margin: 50px auto;
}/*# sourceMappingURL=home.css.map */
@media screen and (max-width: 767px) {
  .new-contents .banner {
    padding-top: 100px;
    padding-bottom: 0px;
  }
  .new-contents .thiet-ke{
    padding-top: 40px;
    padding-bottom: 0;
  }
  .new-contents .nang-luc .nav-pills{
    grid-template-columns: repeat(2, 1fr);
  }
  .new-contents .thiet-ke .image img{
    width: 100%;
  }
  .new-contents .ho-tro img{
    width: 100%;
  }
  .new-contents .the-manh{
    padding: 30px 0;
  }
  footer{
    padding-top: 0;
  }
}