/* tiêu chí */
.wrap-tieuchi { background: url(../images/bgr_tieuchi.png) no-repeat center; background-size: cover; }
.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: cover; }
.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: cover; }
.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 top center; background-size: cover; }
.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 top; background-size: cover; }
.wrap-register { background: url(../images/bgr_register.png) no-repeat center; background-size: cover; 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: cover; }
.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: cover; }
.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; }