/* tiêu chí */

.wrap-tieuchi {
  background: url(../images/bgr_tieuchi.png) no-repeat center;

  background-size: 100% 100%;
}

.tieuchi-item {
  background: url(../images/bgr_item_tieuchi.png) no-repeat center;

  background-size: 100% 100%;

  text-align: center;

  padding: 50px 60px;
}

.tieuchi-name {
  font-size: 16px;

  font-family: "font1";

  margin-top: 0.5rem;
}

.tieuchi-desc {
  margin: 0px;

  font-family: "font3";
}

.tieuchi-about {
  width: fit-content;

  background: #084d86;

  border-radius: 5px;

  padding: 8px 20px;

  margin: 0.5rem auto 0rem;

  color: white;

  font-family: "font1";

  font-size: 13px;
}

/* giới thiệu */

.wrap-gioithieu {
  background: url(../images/bgr_gioithieu.png) no-repeat center;

  background-size: 100% 100%;
}

.box-main-gioithieu {
  display: flex;

  align-items: center;

  gap: 20px;
}

.gioithieu-info {
  width: 50%;
}

.gioithieu-info .wellcome {
  font-size: 22px;

  font-family: "font2";

  color: #084d86;
}

.gioithieu-info .name-gioithieu {
  font-size: 30px;

  font-family: "font1";

  color: #084d86;
}

.gioithieu-info .desc-gioithieu {
  color: #084d86;

  font-family: "font3";

  line-height: 26px;

  font-size: 15px;
}

.gioithieu-img {
  width: 50%;
}

.gioithieu-img .scale-img {
  border-radius: 30px;
}

.group-hotline-about {
  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 15px;
}

.hotline {
  display: flex;

  align-items: center;

  gap: 10px;
}

.hotline p:first-child {
  color: #b51e23;

  margin: 0px;

  font-family: "font4";

  font-size: 13px;

  line-height: 13px;
}

.hotline p:last-child {
  color: #b51e23;

  margin: 0px;

  font-family: "font5";

  font-size: 20px;

  line-height: 26px;
}

.about a {
  color: #084d86;

  font-family: "font4";
}

/* đội ngũ */

.wrap-doingu {
  background: url(../images/bgr_doingu.png) no-repeat center;

  background-size: 100% 100%;
}

.box-main-doingu {
  position: relative;
}

.doingu-item {
  display: flex;

  align-items: center;
}

.doingu-img {
  width: 55%;

  position: relative;
}

.doingu-name {
  font-size: 26px;

  font-family: "font1";

  color: #084d86;
}

.doingu-line {
  background: #084d86;

  width: 80px;

  height: 1px;

  margin-bottom: 8px;
}

.doingu-desc {
  font-size: 16px;

  font-family: "font5";

  color: #084d86;

  margin-bottom: 5px;
}

.doingu-info {
  width: 55%;

  position: absolute;

  background: white;

  float: right;

  right: 0px;

  padding: 20px;
}

.doingu-content {
  font-family: "font3";

  font-size: 15px;

  line-height: 26px;
}

.control-doingu {
  top: 0px !important;
}

.control-doingu.control-owl button.owl-prev {
  right: 50px;

  left: auto;

  height: 40px;

  width: 40px;

  border-radius: 50%;
}

.control-doingu.control-owl button.owl-next {
  right: 0px;

  height: 40px;

  width: 40px;

  border-radius: 50%;
}

/* chương trình học */

.wrap-chuongtrinhhoc {
  background: url(../images/bgr_chuongtrinhhoc.png) no-repeat;

  background-size: 100% 100%;
}

.box-main-chuongtrinhhoc {
  display: flex;

  gap: 20px;
}

.left-chuongtrinhhoc {
  width: 50%;
}

.right-chuongtrinhhoc {
  width: 50%;
}

.group-name {
  position: relative;
}

.chuongtrinhhoc-info {
  text-align: center;
}

.chuongtrinhhoc-info span {
  font-size: 200px;

  font-weight: 900;

  font-family: "font7";

  background: linear-gradient(to bottom, #084d86, #a0c4de00); /* Đậm đến nhạt */

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  line-height: 200px;
}

.chuongtrinhhoc-info h3 {
  font-size: 22px;

  font-family: "font6";

  position: absolute;

  bottom: 24px;

  left: 50%;

  transform: translateX(-50%);

  margin: 0px;
}

.chuongtrinhhoc-img .scale-img {
  border-radius: 30px;
}
.detail-chuongtrinhhoc {
  width: fit-content;
  border-radius: 20px;
  border: 1px solid #084d86;
  margin: auto;
  padding: 10px 30px;
  transition: 0.5s all;
}
.detail-chuongtrinhhoc a {
  color: #084d86;
  font-family: "font4";
  transition: 0.5s all;
}
.detail-chuongtrinhhoc:hover {
  border: 1px dashed white;
  background: #084d86;
  transition: 0.5s all;
}
.detail-chuongtrinhhoc:hover a {
  color: white;
  transition: 0.5s all;
}
/* thông số */

.wrap-thongso {
  background: url(../images/bgr_thongso.png) no-repeat;

  background-size: 100% 100%;
}

.box-main-thongso {
  margin: 50px 0px;
}

.thongso-item {
  display: flex;

  gap: 15px;

  color: white;

  align-items: flex-end;
}

.thongso-item h3 {
  font-family: "font1";

  font-size: 40px;

  margin: 0px;

  line-height: 40px;

  position: relative;
}

.thongso-item h3::before {
  position: absolute;

  content: "";

  height: 2px;

  width: 50px;

  background: white;

  bottom: 0px;

  left: 0px;
}

.thongso-item p {
  font-family: "font4";

  font-size: 16px;

  margin: 0px;
}

/* group-register-video */

.wrap-group-register-video {
  background: url(../images/bgr_register_video.png) no-repeat center;

  background-size: 100% 100%;
}

.wrap-register {
  background: url(../images/bgr_register.png) no-repeat center;

  background-size: 100% 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 20px;

  padding: 25px 70px;
}

.left-register {
  width: 40%;
}

.right-register {
  width: 60%;
}

.right-register .title-register {
  color: white;

  font-size: 22px;

  font-family: "font2";
}

.right-register .name-register {
  color: white;

  font-family: "font1";

  font-size: 30px;
}

.right-register .desc-register {
  font-size: 20px;

  font-family: "font1";

  color: #084d86;

  background: white;

  width: fit-content;

  padding: 10px 50px;

  position: relative;

  margin: 20px 0px;
}

.right-register .desc-register::after {
  position: absolute;

  content: "";

  background: url(../images/chat.png) no-repeat;

  background-size: 100% 100%;

  width: 28px;

  height: 20px;

  top: -20px;

  right: 20%;
}

.right-register .content-register {
  color: white;

  font-family: "font3";
}

.nows-register {
  border: 1px solid white;

  border-radius: 5px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 10px;

  width: fit-content;

  color: white;

  gap: 5px;

  cursor: pointer;
}

.nows-register p {
  font-family: "font1";

  margin: 0px;
}
.nows-register:hover {
  color: #b51e23;
  margin: 0px;
}

.nows-register i {
  height: fit-content;
}

/* video */

.wrap-video {
  padding-top: 50px;
}

.play-video {
  position: absolute;

  background: url(../images/play.png) no-repeat;

  background-size: 100% 100%;

  width: 40px;

  height: 40px;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

.box-video {
  position: relative;
}

.video-img {
  border-radius: 20px;
}

/* môi trường */

.wrap-moitruong {
  background: url(../images/bgr_moitruong.png) no-repeat center;

  background-size: 100% 100%;
}

.box-main-moitruong {
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 20px;
}

.box-moitruong0 {
  grid-column: 1/2;

  grid-row: 1/5;
}

.box-moitruong0 .img-moitruong {
  border-top-left-radius: 100px !important;
}

.box-moitruong1 {
  grid-column: 2/3;

  grid-row: 1/3;
}

.box-moitruong2 {
  grid-column: 3/4;

  grid-row: 1/5;
}

.box-moitruong3 {
  grid-column: 4/5;

  grid-row: 1/5;
}

.box-moitruong4 {
  grid-column: 1/2;

  grid-row: 4/10;
}

.box-moitruong5 {
  grid-column: 2/3;

  grid-row: 3/10;
}

.box-moitruong6 {
  grid-column: 3/4;

  grid-row: 5/10;
}

.box-moitruong7 {
  grid-column: 4/5;

  grid-row: 4/10;
}

.box-moitruong7 .img-moitruong {
  border-bottom-right-radius: 100px !important;
}

.box-moitruong .img-moitruong {
  border-radius: 10px;
}

/* feedback */

.wrap-feedback-tintuc {
  background: url(../images/bgr_feedback.png) no-repeat center;

  background-size: 100% 100%;
}

.feedback-item {
  position: relative;

  margin-top: 50px;
}

.feedback-img {
  position: absolute;

  top: -50px;

  left: 50%;

  transform: translateX(-50%);
}

.feedback-img .scale-img {
  border-radius: 50%;

  border: 5px solid white;

  width: fit-content;
}

.feedback-info {
  background: #084d86;

  padding: 60px 10px 10px 10px;

  border-radius: 10px;

  color: white;

  text-align: center;
}

.feedback-name {
  font-size: 16px;

  font-family: "font6";
}

/* tin tức */

.box-main-tintuc {
  display: flex;

  gap: 20px;
}

.left-tintuc {
  width: 50%;
}

.right-tintuc {
  width: 50%;

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 20px;
}

.tintuc-item {
  position: relative;
}

.tintuc-info {
  position: absolute;

  bottom: 0px;

  left: 0px;

  color: white;

  padding: 10px;

  background: linear-gradient(
    0deg,
    rgba(8, 77, 134, 0.6) 0%,

    rgba(8, 77, 134, 0) 100%
  );

  border-radius: 0px 0px 10px 10px;

  opacity: 0;

  transition: 0.3s all;
}
.tintuc-item:hover .tintuc-info {
  opacity: 1;
  transition: 0.3s all;
}
.tintuc-name {
  font-size: 16px;

  font-family: "font5";

  margin: 0px;
}

.tintuc-desc {
  margin: 0px;
}

.right-tintuc .tintuc-info .tintuc-name {
  font-size: 14px;
}

.tintuc-time {
  margin: 3px 0px;
}

.tintuc-img .scale-img {
  border-radius: 10px;
}