.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: #6c757d;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.breadcrumb li a{color: #ffff;text-decoration: none;}
.head-page{height: 280px;background-repeat: no-repeat;background-position: center;position: relative;margin-bottom: 0;background-size: cover;}
.head-page .content {position: relative;position: absolute;top: 50%;transform: translateY(-50%);margin: 0px auto;left: 0;right: 0;}
.head-page .content .title-page{text-align: center;text-transform: uppercase;color: #66cc66;padding-bottom: 14px;font-family: "AvoBold";text-shadow: #fff 3px 0 0, #fff -3px 0 0, #fff 0 3px 0, #fff 0 -3px 0, #fff 2px 2px, #fff -2px -2px 0, #fff 2px -2px 0, #fff -2px 2px 0;}
.head-page:before{/* content:""; */position: absolute;bottom: -3vw;width: 50.01%;height: 8vw;background-color: #f5f5f5;z-index: 1;left: 0;transform: skewY(4.5deg);}
.head-page:after{/* content:""; */position: absolute;bottom: -3vw;width: 50.01%;height: 8vw;background-color: #f5f5f5;z-index: 1;right: 0;transform: skewY(-4.5deg);}
.br-xam{background-color: #f5f5f5;padding-top: 30px;position: relative;z-index: 100;}
.head-page>span{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #00000099;}
.item-new{background-color: #fff;padding: 10px;margin-bottom: 30px;}
.item-new .img-news{position: relative;}
.item-new .img-news .link-cate{position: absolute;top: 25px;left: 30px;transition: all 0.3s;box-shadow: 5px 0 0 0 #dc2d13;color: #222;background-color: #ffffff;transform: skewX(-17deg);padding: 6px 16px;overflow: hidden;z-index: 1;}
.item-new .img{display: block;height: 370px;}
.item-new .img img{width: 100%;height: 100%;object-fit: cover;}
.link-cate:after{content:"";position: absolute;top: 50%;left: 50%;width: 120%;height: 50%;opacity: 0;z-index: -1;transition: all 0.3s ease 0s;transform: translateX(-50%) translateY(-50%) rotate(45deg);background-color: #dc2d13;}
.link-cate span{display: block;transform: skewX(17deg);font-weight: 500;text-transform: uppercase;}
.link-cate:hover>span{color: #fff;}
.link-cate:hover:after{height: 350%;opacity: 1;}
.head-news{margin-top: 30px;border-left: 4px solid #66cc66;padding-left: 30px;padding-right: 30px;margin-bottom: 20px;}
.head-news h4{margin-top: 0;text-transform: uppercase;margin-bottom: 10px;font-family: 'AvoBold';font-size: 18px;}
.head-news h4 a{color: #2b2b2b;text-decoration: none;}
.head-news h4 a:hover{
}
.head-news .ngaydang{color: #615d5d;font-style: italic;font-size: 14px;}
.item-new .mota{padding-left: 30px;padding-right: 30px;margin-bottom: 30px;color: #6c6a6a;font-size: 14px;}
.f-news{padding-left: 30px;padding-right: 30px;}
.wrap-post-btn{display: inline-block;padding-right: 7px;border-left: 1px solid #eee;overflow: hidden;}
.wrap-post-btn .post-btn{display: block;margin-left: -8px;padding: 11px 18px 10px 18px;font-size: 14px;font-weight: 500;color: #66cc66;vertical-align: top;border: 1px solid #eee;background-color: #fff;transform: skewX(22deg);overflow: hidden;text-decoration: none;}
.wrap-post-btn .post-btn span{display: block;transform: skewX(-22deg);}
.wrap-post-btn .post-btn:after{content:"";position: absolute;top: 50%;left: 50%;width: 120%;height: 50%;opacity: 0;z-index: -1;transition: all 0.3s ease 0s;transform: translateX(-50%) translateY(-50%) rotate(45deg);background-color: #66cc66;}
.wrap-post-btn .post-btn:hover span{color: #fff;}
.wrap-post-btn .post-btn:hover:after{height: 350%;opacity: 1;}
.wrap-social-block{display: inline-block;width: 200px;margin-top: 29px;margin-left: -13px;padding-left: 8px;vertical-align: top;overflow: hidden;margin-top: 0;margin-bottom: 0px;}
.social-block{display: block;width: 200px;padding: 5px 0 9px;background-color: #383737;transform: skewX(-22deg);transform: skewX(22deg);}
.social-block__inner{display: block;width: 100%;margin-left: 14px;transform: skewX(-22deg);}
.social-block__title{display: inline-block;font-size: 14px;font-weight: 500;color: #fff;vertical-align: middle;}
.social-block__list{padding-left: 0;list-style: none;display: inline-block;margin-bottom: 0;margin-left: 15px;vertical-align: middle;margin-right: 15px;}
.social-block__list li{display: inline-block;padding-left: 5px;padding-right: 5px;}
.social-block__list li a{color: #fff;transition: all 0.3s;}
.social-block__list li a:hover{color: #fff;}
.item-new:hover{background: url(../images/texture-1.gif);box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);}
.br-trang{background-color: #ffff;padding: 15px;margin-bottom: 30px;}
.form-search-right{position: relative;}
.form-search-right input{box-shadow: none;border-radius: 0;border: navajowhite;border-bottom: 1px solid #eee;font-size: 13px;height: 45px;outline: none;}
.form-search-right .btn-search{position: absolute;right: 0;top: 0;bottom: 0;background-color: transparent;color: #ccc;background: url(../images/search_1.png) no-repeat center;background-size: 15px;width: 50px;outline: none;}
.widget-title{/*  */font-size: 16px;text-transform: uppercase;font-weight: 600;margin-top: 30px;position: relative;padding-top: 5px;padding-bottom: 10px;margin-bottom: 15px;}
.widget-title:before{/* content:""; *//* height: 100%; *//* position: absolute; *//* left: -15px; *//* width: 3px; *//* background-color: #999; *//* top: 0; */}
.widget-title span{}
.widget-title span:before{content:"";position: absolute;width: 39px;height: 4px;background-color: #66cc66;transform: skewX(-45deg);bottom: 0px;left: 0;}
.widget-title span:after{content:"";position: absolute;width: 19px;height: 4px;background-color: #5a5a5a;transform: skewX(-45deg);bottom: 0px;left: 43px;}
.dich_vu_right{list-style: none;padding: 0;}
.dich_vu_right li a{display: block;position: relative;padding: 10px 20px;color: #212121cc;}
.dich_vu_right li a:before{content:"\f0da";display: inline-block;font: normal normal normal 14px/1 FontAwesome;position: absolute;left: 5px;top: 50%;transform: translateY(-50%);color: #dc2d13;}
.news-left{margin-bottom: 10px;border-bottom: 1px dotted #d0d0d0;padding-bottom: 10px;}
.news-left .img{display: block;height: 100px;}
.news-left .img img{width: 100%;height: 100%;object-fit: cover;}
.news-left h4{font-size: 15px;margin-top: 0;line-height: 17px;margin-bottom: 5px;font-family: 'AvoBold';font-size: 14px;}
.news-left h4 a{color: #4c4b4b;text-decoration: none;}
.news-left h4 a:hover{color: #dc2d13;}
.news-left p{margin-bottom: 0;line-height: 17px;font-size: 14px;color: #616060;}
.nav-pro{/* padding: 12px 50px 12px 20px; */display: block;color: #6e6e76;background: #f7f6f4;position: relative;font-size: 14px;margin-bottom: 10px;}
.nav-pro a{color: #444;/*  */display: block;padding: 12px 50px 12px 20px;text-decoration: none;}
.nav-pro span{position: absolute;right: 0;top: 0;bottom: 0;width: 50px;text-align: center;display: flex;justify-content: center;align-items: center;background: #e6e5e4;color: #444;font-weight: 600;transition: all 0.2s linear;}
.nav-pro:hover span{background-color: #66cc66;color: #fff;}
.nav-pro:hover a{color: #66cc66;}