@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";

#chon-dung-lo-trinh-hoc .section-top {
  background: url("/images/chon-dung-lo-trinh-hoc/banner.png") no-repeat bottom;
  background-size: cover;
}
#chon-dung-lo-trinh-hoc .section-top__title {
  font-family: "Saira Stenci One";
  font-size: 2.625rem;
  font-weight: normal;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  #chon-dung-lo-trinh-hoc .section-top__title {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  #chon-dung-lo-trinh-hoc .section-top__title {
    font-size: 1.75rem;
  }
}
#chon-dung-lo-trinh-hoc .section-top__description {
  font-size: 1.125rem;
  color: #fff;
}
#chon-dung-lo-trinh-hoc .section-flow__subtitle, #chon-dung-lo-trinh-hoc .section-video__subtitle, #chon-dung-lo-trinh-hoc .section-feature__subtitle {
  font-size: 1rem;
  color: #606769;
}
#chon-dung-lo-trinh-hoc .section-flow__title, #chon-dung-lo-trinh-hoc .section-video__title, #chon-dung-lo-trinh-hoc .section-feature__title {
  font-size: 1.75rem;
}
#chon-dung-lo-trinh-hoc .section-flow__description, #chon-dung-lo-trinh-hoc .section-video__description, #chon-dung-lo-trinh-hoc .section-feature__description {
  font-size: 1.125rem;
  color: #707779;
}
#chon-dung-lo-trinh-hoc .section-flow__item, #chon-dung-lo-trinh-hoc .section-video__item, #chon-dung-lo-trinh-hoc .section-feature__item {
  font-weight: 600;
  color: #404749;
}
#chon-dung-lo-trinh-hoc .section-flow hr, #chon-dung-lo-trinh-hoc .section-video hr, #chon-dung-lo-trinh-hoc .section-feature hr {
  color: rgba(64, 71, 73, 0.2);
}
#chon-dung-lo-trinh-hoc .section-feature {
  background: url("/images/chon-dung-lo-trinh-hoc/bg.jpg") no-repeat;
  background-size: cover;
  padding-bottom: 200px;
}
@media screen and (max-width: 575px) {
  #chon-dung-lo-trinh-hoc .section-feature {
    padding-bottom: 60px;
  }
}
#chon-dung-lo-trinh-hoc .section-feature__circle {
  top: 50px;
  left: calc(50% - 310px);
}
@media screen and (max-width: 1024px) {
  #chon-dung-lo-trinh-hoc .section-feature__circle {
    width: 55%;
  }
}
#chon-dung-lo-trinh-hoc .section-feature__subtitle, #chon-dung-lo-trinh-hoc .section-feature__title, #chon-dung-lo-trinh-hoc .section-feature__description {
  color: #fff;
}
#chon-dung-lo-trinh-hoc .section-feature__list div {
  font-size: 1.125rem;
  color: #fff;
  margin-bottom: 12px;
}
#chon-dung-lo-trinh-hoc .section-feature__list div img {
  margin-right: 10px;
}
#chon-dung-lo-trinh-hoc .section-feature__age-item {
  color: rgba(255, 255, 255, 0.35);
  font-size: 1.625rem;
}
#chon-dung-lo-trinh-hoc .section-feature__age-item:hover {
  cursor: pointer;
  color: #fff;
}
#chon-dung-lo-trinh-hoc .section-feature__age-item.active {
  font-size: 2.125rem;
  font-weight: 600;
  color: #fff;
}
#chon-dung-lo-trinh-hoc .section-feature__img {
  position: absolute;
}
#chon-dung-lo-trinh-hoc .section-feature__img.img-left {
  top: 10px;
  left: 10px;
}
@media screen and (max-width: 575px) {
  #chon-dung-lo-trinh-hoc .section-feature__img.img-left {
    max-width: 40%;
    top: 20px;
    left: 20px;
  }
}
#chon-dung-lo-trinh-hoc .section-feature__img.img-right {
  top: 10px;
  right: 10px;
}
@media screen and (max-width: 575px) {
  #chon-dung-lo-trinh-hoc .section-feature__img.img-right {
    max-width: 40%;
    top: 20px;
    right: 20px;
  }
}
#chon-dung-lo-trinh-hoc .section-feature .position-icon1 {
  top: 15%;
  left: -55px;
}
#chon-dung-lo-trinh-hoc .section-feature .position-icon2 {
  top: 75%;
  left: -55px;
}
#chon-dung-lo-trinh-hoc .section-feature .position-icon3 {
  top: 18%;
  right: -55px;
}
#chon-dung-lo-trinh-hoc .section-form {
  background-color: #202729;
}
#chon-dung-lo-trinh-hoc .section-form__title {
  font-size: 1.375rem;
  color: #fff;
}
#chon-dung-lo-trinh-hoc .section-form .form-control {
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 5px;
  background-color: #202729;
  color: #fff;
  height: calc(2.2em + 0.75rem + 2px);
}
#chon-dung-lo-trinh-hoc .section-form form ::-webkit-input-placeholder {
  /* Edge */
  color: #fff;
}
#chon-dung-lo-trinh-hoc .section-form form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}
#chon-dung-lo-trinh-hoc .section-form form ::placeholder {
  color: #fff;
}
#chon-dung-lo-trinh-hoc .section-form select option {
  color: #fff;
}
#chon-dung-lo-trinh-hoc .btn-register {
  color: #fff;
  background-color: #F12274;
  border-radius: 60px;
  font-size: 1.125rem;
  padding: 12px 40px;
}
#chon-dung-lo-trinh-hoc .text-link {
  text-decoration: none;
  font-weight: 500;
}
#chon-dung-lo-trinh-hoc .color1 {
  color: #0EA7D9;
}
#chon-dung-lo-trinh-hoc .color1:hover {
  color: #0EA8D9;
}
#chon-dung-lo-trinh-hoc .color2 {
  color: #2CB2DE;
}
#chon-dung-lo-trinh-hoc .color2:hover {
  color: #2CB3DE;
}
#chon-dung-lo-trinh-hoc .mt-block {
  margin-top: 145px;
}
@media screen and (max-width: 1024px) {
  #chon-dung-lo-trinh-hoc .mt-block {
    margin-top: 130px;
  }
}
@media screen and (max-width: 575px) {
  #chon-dung-lo-trinh-hoc .mt-block {
    margin-top: 30px;
  }
}

/*# sourceMappingURL=chon-dung-lo-trinh-hoc.page.css.map */