@font-face {font-family: 'Be-B';src: url("../fonts/BeautiqueDisplay-Bold.otf");font-style: normal;font-display: block;}
.home-body-kh {background: #000;}

/* quy trinh */
.box-static-qt {padding: 45px 0;}
.left-static-qt {width: 46.5%;padding-left: calc(50% - 700px);color: #fff;}
.right-static-qt {width: 50%;}
.title-static-qt {color: var(--main-1);font-size: 50px;font-style: normal;font-weight: 800;line-height: 1.5;letter-spacing: -1px;padding-bottom: 5px;}
.desc-static-qt {color: #fff;font-size: 16px;font-weight: 400;line-height: 33px;}
.slogan-static-qt {color: #fff;font-family: "Be-B";font-size: 30px;font-style: italic;padding-top: 35px;}
/* end */

/* bai viet quy trinh */
.box-news-qt {padding: 45px 0 85px 0;}
.quytrinh-bv {width: calc(100% - 20px);max-width: 1400px;margin: 0 auto;}
.item_qt {position: relative;text-align: center;padding-bottom: 85px}
.item_qt:before {position: absolute;content: '';width: 1px;height: 100%;background: #fff;left: 0;right: 0;top: 0;margin: auto}
.item_qt .it_qt {padding-top: 85px;position: relative;}
.item_qt .numb_tt {position: relative;width: 149px;height: 149px;color: #fff;font-family: "Be-B";font-size: 66px;font-style: normal;font-weight: normal;letter-spacing: -1.32px;background: linear-gradient(270deg, #B48944 1.25%, #000 102.11%);border-radius: 50%;margin: 0 auto;padding-top: 10px;}
.item_qt .img_tt {width: 35.5%;position: relative;padding-right: 10px;padding-bottom: 10px;}
.item_qt .img_tt:before {position: absolute;content: '';width: calc(100% - 10px);height: calc(100% - 10px);border-radius: 20px;border: 1px solid var(--main-1);right: 0;bottom: 0}
.item_qt .img_tt p {margin: 0;border-radius: 18px;}
.item_qt .info_tt {width: 35.5%;font-size: 16px;font-style: normal;text-align: left;}
.item_qt .name_tt {font-size: 16px;color: var(--main-1);-webkit-line-clamp: 2;font-weight: 600;}
.item_qt .des_tt {color: #fff;margin-top: 10px;line-height: 30px;}
.item_qt:nth-child(2n) .numb_tt {background: linear-gradient(90deg, #B48944 -2.11%, #000 98.75%);}
.item_qt:nth-child(2n) .img_tt {order: 2}
.item_qt1 {position: relative;width: 100%;max-width: 530px;text-align: right;margin: 0 auto;}
.item_qt1 .numb1_tt {min-height: 149px;position: relative;color: #fff;font-family: "Be-B";font-size: 66px;font-style: normal;font-weight: normal;letter-spacing: -1.32px;margin: 0 auto;padding-top: 10px;}
.item_qt1:before {position: absolute;content: '';width: 149px;height: 149px;background: linear-gradient(90deg, #B48944 -2.11%, #000 98.75%);border-radius: 50%;left: 0;right: 0;top: 0;margin: auto;}
/* end */

/* tong quan */
.box-static-tq {padding: 45px 0;}
.left-static-tq {width: 46%;padding-left: calc(50% - 710px);color: #fff;}
.right-static-tq {width: 52.5%;padding-right: 57px;}
.title-static-qt.title-static-tq {padding-bottom: 12px;}
.slogan-static-tq {padding-top: 100px;text-align: center;line-height: 50px;}
/* end */

/* bai viet tong quan */
.wrap-nangluc-about-content {max-width: 880px;}
.wrap-nangluc-about-box {position: relative;width: 880px;height: 950px;margin: auto;margin-top: 40px;}
.wrap-nangluc-about-box-icon {position: absolute;left: 0px;right: 0px;top: 15px;bottom: 0px;margin: auto;width: 170px;height: 148px;background: url(../images/web/dm.png) no-repeat center;background-size: 100% 100%;}
.wrap-nangluc-about-box .box {position: absolute;width: 366px;height: 366px;}
.wrap-nangluc-about-box .box:before {content: '';position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;border-radius: 50%;overflow: hidden;}
.wrap-nangluc-about-box .box:nth-child(2):before {background: linear-gradient(180deg, rgba(180, 137, 68, 0.60) -1.1%, rgba(28, 19, 6, 0.60) 100%);}
.wrap-nangluc-about-box .box:nth-child(3):before {background: linear-gradient(270deg, rgba(180, 137, 68, 0.60) -1.1%, rgba(28, 19, 6, 0.60) 100%);}
.wrap-nangluc-about-box .box:nth-child(4):before {background: linear-gradient(135deg, rgba(180, 137, 68, 0.60) -1.1%, rgba(28, 19, 6, 0.60) 100%);}
.wrap-nangluc-about-box .box:nth-child(5):before {background: linear-gradient(135deg, rgba(180, 137, 68, 0.60) -1.1%, rgba(28, 19, 6, 0.60) 100%);}
.wrap-nangluc-about-box .box:nth-child(6):before {background: linear-gradient(0deg, rgba(180, 137, 68, 0.60) -1.1%, rgba(28, 19, 6, 0.60) 100%);}
.wrap-nangluc-about-box .box:nth-child(7):before {background: linear-gradient(270deg, rgba(180, 137, 68, 0.60) -1.1%, rgba(28, 19, 6, 0.60) 100%);}
.wrap-nangluc-about-box .box:nth-child(2) {top: 0px;left: 0px;right: 0;margin: 0 auto;}
.wrap-nangluc-about-box .box:nth-child(3) {top: 150px;right: 0px;}
.wrap-nangluc-about-box .box:nth-child(4) {top: 150px;left: 0px;}
.wrap-nangluc-about-box .box:nth-child(5) {bottom: 150px;left: 0px;}
.wrap-nangluc-about-box .box:nth-child(6) {bottom: 0px;left: 0px;right: 0px;margin: 0 auto;}
.wrap-nangluc-about-box .box:nth-child(7) {bottom: 150px;right: 0px;}
.wrap-nangluc-about-box label {position: absolute;width: 100%;margin-bottom: 0px;font-weight: 600;font-size: 27px;color: #fff;display: block;opacity: 0;}
.wrap-nangluc-about-box label.trans {opacity: 1;}
.wrap-nangluc-about-box .box:nth-child(2) label {left: 0;right: 0;top: -45px;}
.wrap-nangluc-about-box .box:nth-child(2) .nangluc-about-box.trans {}
.wrap-nangluc-about-box .box:nth-child(3) label {top: 0;bottom: 55px;right: -75px;}
.wrap-nangluc-about-box .box:nth-child(3) .nangluc-about-box.trans {transform: rotate(67deg);}
.wrap-nangluc-about-box .box:nth-child(4) label {top: 0;bottom: 55px;left: -75px;}
.wrap-nangluc-about-box .box:nth-child(4) .nangluc-about-box.trans {transform: rotate(-67deg);}
.wrap-nangluc-about-box .box:nth-child(5) label {bottom: 55px;left: -170px;}
.wrap-nangluc-about-box .box:nth-child(5) .nangluc-about-box.trans {transform: rotate(63deg);}
.wrap-nangluc-about-box .box:nth-child(6) label {bottom: -45px;}
.wrap-nangluc-about-box .box:nth-child(6) .nangluc-about-box.trans {transform: rotate(0deg);}
.wrap-nangluc-about-box .box:nth-child(7) label {bottom: 55px;right: -170px;}
.wrap-nangluc-about-box .box:nth-child(7) .nangluc-about-box.trans {transform: rotate(-63deg);}
.box-static-ha {text-align: center;padding: 45px 0 260px 0;position: relative;}
.wrap-nangluc-about-line {position: relative;width: 5px;height: 282px;margin: 0 auto;background: url(../images/web/mt1.png) no-repeat center top, url(../images/web/mt2.png) no-repeat center bottom;}
.wrap-nangluc-about-line:before {position: absolute;content:'';width:1px;height:100%;background: #fff;left:0;right:0;margin:0 auto}
.img-static-ha{padding-top:100px;}
/* end */