/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


a:hover{
  color: #3fa764 !important;
}
#button-contact-vr {
    position: fixed;
    bottom: 100px;
    z-index: 999;
    right: 0;
  }
  
  /*phone*/
  #button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
  }
  
  #button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
  }
  
  .phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: #cf203170;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
  }
  
  .phone-vr-img-circle {
    background-color: #CF2031;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
  }
  
  .phone-vr-img-circle a {
    display: block;
    line-height: 37px;
  }
  
  .phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
  }
  
  @-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
  
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
  
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
  
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
  
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
  
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
  
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
  }
  
  @-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }
  
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }
  
    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
  }
  
  @keyframes zoom {
    0% {
        transform: scale(.9)
    }
  
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }
  
    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
  }
  
  .phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
  }
  
  .phone-bar a:hover {
    opacity: 0.8;
    color: #fff;
  }
  
  #zalo-vr .phone-vr-img-circle {
    background-color: #1F5E9D;
  }
  
  #zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #1f5e9da3;
    background-color: #1f5e9d7a;
  }
#top-bar{border-bottom: 1px solid #4E4E4E;}
#top-bar ul.top-bar-nav{

}
#top-bar ul.top-bar-nav>li{
  
}
#top-bar ul.top-bar-nav>li>a{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #ffffff;
}
.header-nav-main.nav-left{

}
.header-nav-main.nav-left>li{
  margin: 0 19px;
}
.header-nav-main.nav-left>li>a{font-weight: 500;font-size: 16px;line-height: 20px;color:#ffffff;padding: 34px 0;}
.account-item .account-link {
  background: #1B9246;

font-weight: 700;
font-size: 14px;
text-align: center;
    border-radius: 4px;
    padding: 10px 20px;
}
.text-slider{background: hsl(0deg 0% 0% / 70%);position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;padding: 50px 20px;}
.text-slider h2{
font-weight: 700;
font-size: 24px;
text-align: center;
vertical-align: middle;
color: #1B9246;

}
.text-slider h3{font-weight: 800;font-size: 72px;line-height: 79.2px;vertical-align: middle;text-transform: uppercase;color: #FFFFFF;margin-bottom: 0;}
.text-slider h3 strong{
color: #1B9246;

}
.text-slider p{
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #CBD5E1;

}
.text-gt-home{

}
.text-gt-home h2{
font-weight: 400;
font-size: 24px;
line-height: 100%;
color: #1B9246;

}
.text-gt-home h3{font-weight: 800;font-size: 48px;line-height: 48px;text-transform: uppercase;color: #FFFFFF;margin-bottom: 10px;}
.text-gt-home h4{
  font-weight: 800;
font-size: 48px;
line-height: 48px;
text-transform: uppercase;
color: #1B9246;

}
.text-gt-home p{
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #94A3B8;

}
.row-conso-home{
  background: #2F2F2F;
  border-radius: 66px;
  padding: 35px 20px;
}
.text-conso-home{

}
.text-conso-home h3{font-weight: 400;font-size: 36px;line-height: 32px;color: #1B9246;margin-bottom: 10px;}
.text-conso-home p{font-weight: 500;font-size: 16px;line-height: 20px;color: #FFFFFF;margin-bottom: 0;}
#main, #wrapper {
    background-color: #2b2b2b;
}
.text-tv-home{

}
.text-tv-home h2{font-weight: 500;font-size: 20px;line-height: 100%;color: #1B9246;margin-bottom: 20px;}
.text-tv-home h3{
font-weight: 800;
font-size: 48px;
line-height: 48px;
text-transform: uppercase;
color: #FFFFFF;

}
.text-img-dm{margin-bottom: 20px;}
.text-img-dm .box-image{

}
.text-img-dm .box-image img{
  border-radius: 15px;
}
.text-img-dm .box-text{background: #222222;border-radius: 15px;padding: 15px 20px;margin-top: -20px;}
.text-img-dm .box-text h4{font-weight: 700;font-size: 19px;line-height: 100%;color: #FFFFFF;}
.text-img-dm .box-text p{font-weight: 400;font-size: 15px;line-height: 24px;color: #FFFFFF;}
.banner-thanhvien{
border-radius: 14px;
overflow: hidden;
}
.text-chuongtrinh-home{

}
.text-chuongtrinh-home h2{
font-weight: 500;
font-size: 20px;
line-height: 100%;
color: #FFFFFF;

}
.text-chuongtrinh-home h3{
font-weight: 800;
font-size: 48px;
line-height: 48px;
text-transform: uppercase;
color: #FFFFFF;
}
.img-luachon{margin-bottom: 30px;}
.img-luachon .box-image{

}
.img-luachon .box-image img{
  border-radius: 16px;
}
.img-luachon .box-text{padding-bottom: 80px;}
.img-luachon .box-text h4{font-weight: 400;font-size: 30px;line-height: 43px;text-transform: uppercase;color: #FFFFFF;}
.img-luachon .box-text p{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
}
.img-luachon .box-text .box-text-inner::before{content: "";position: absolute;left: 18px;bottom: 20px;background: url(images/buttonct.png);height: 40px;width: 40px;}
.img-luachon .overlay{
background: linear-gradient(0deg, #0A0A0A 0%, rgba(10, 10, 10, 0.3) 58.89%, rgba(10, 10, 10, 0) 100%);
border-radius: 16px;
}
.text-kq-home{

}
.text-kq-home p{font-weight: 500;font-size: 20px;line-height: 100%;color: #1B9246;margin-bottom: 8px;}
.title-ketqua{

}
.title-ketqua h3{border: unset;margin-bottom: 0;}
.title-ketqua h3 span{font-weight: 800;font-size: 36px;line-height: 48px;color: #ffffff;margin: 0;border: unset;}
.title-ketqua h3 a{
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: #ffffff;
}
.kq-item{

}
.kq-item .kq-img{
    display: block;
    position: relative;
    overflow: hidden;
    height: 350px;
    width: 100%;
}
.kq-item .kq-img img{
      transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kq-item:hover img{

}
.kq-item .content-kq{margin-top: 20px;border-bottom: 3px solid #1B9246;border-radius: 10px;padding-bottom: 20px;}
.kq-item .content-kq .kq-gc{font-weight: 700;font-size: 20px;line-height: 100%;color: #1B9246;margin-bottom: 10px;}
.kq-item .content-kq .kq-desc{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #D1D5DB;

}
.kq-item .content-kq h4{
font-weight: 700;
font-size: 16px;
line-height: 100%;
color: #FFFFFF;

}
.kq-item .content-kq .kq-tuoi{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #6B7280;

}
.kq-slider{

}
.kq-slider .owl-nav{

}
.kq-slider .owl-nav .owl-prev{
  background: url(images/leftkq.svg) !important;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 30%;
  left: -25px;
  margin: 0;
}
.kq-slider .owl-nav .owl-prev span{
  display: none;
}
.kq-slider .owl-nav .owl-next{
   background: url(images/rightkq.svg) !important;
   width: 50px;
   height: 50px;
   top: 30%;
   right: -25px;
   position: absolute;
   margin: 0;
}
.kq-slider .owl-nav .owl-next span{
  display: none;
}
.text-tn-home{

}
.text-tn-home h2{font-weight: 500;font-size: 20px;line-height: 100%;color: #FFFFFF;margin-bottom: 20px;}
.text-tn-home h3{
font-weight: 800;
font-size: 48px;
line-height: 48px;
text-transform: uppercase;
color: #FFFFFF;
}
.banner-trainghiem{
  border-radius: 24px;
  overflow: hidden;
}

.ht-system {
  background: #0f0f0f;
  padding: 40px;
  color: #fff;
}

.ht-row {
  display: flex;
  gap: 30px;
}

.ht-left { width: 40%;}
#htResult{overflow-y: auto;max-height: 600px;padding-right: 10px;}
#htResult::-webkit-scrollbar {
    width: 5px;
}

#htResult::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#htResult::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

#htResult::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.ht-right { width: 60%; }

.ht-title {
  font-size: 40px;
  font-weight: bold;
}

.ht-sub {
  color: #00ff88;
  font-size: 12px;
  letter-spacing: 2px;
}

/* CATEGORY */
.parent-name {
  margin-top: 20px;
  font-size: 20px;
  color: #00ff88;
}

.child-name {
  font-size: 16px;
  margin: 10px 0;
}

/* ITEM */
.ht-item {
  background: #1a1a1a;
  padding: 22px 20px;
  border-radius: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: 0.3s;
}

.ht-item:hover {
  background: #222;
}

.ht-item.active {
  border: 1px solid #00ff88;
  background: #111;
}

.meta {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}

.comField-time span.hotline {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #1B9246;

}

/* MAP */
.ht-right iframe {
  width: 100%;
  height: 100%;
  min-height: 600px;
  border-radius: 10px;
}
.system-title{

}
.system-title p{font-weight: 500;font-size: 16px;line-height: 24px;text-transform: uppercase;color: #1B9246;margin-bottom: 10px;}
.system-title h2{
font-weight: 800;
font-size: 48px;
line-height: 48px;
text-transform: uppercase;
color: #FFFFFF;

}
.ht-filter{background: #000000;border-radius: 27px;display: flex;gap: 10px;padding: 10px;margin-bottom: 20px;}
.ht-filter select{
  width: 49%;
  margin-bottom: 0;
  background-color: #202020;
  border: unset;
  border-radius: 22px;
  color: #fff;
  color: #F9FAFB;
}
.ht-item h4{
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #FFFFFF;

}
.ht-item .address-item{font-weight: 400;font-size: 14px;line-height: 20px;color: #9CA3AF;/* border-bottom: 1px solid #FFFFFF1A; *//* padding-bottom: 20px; */margin-bottom: 0;}
.ht-item .hlv-item{font-weight: 700;font-size: 14px;line-height: 20px;color: #9CA3AF;border-bottom: 1px solid #FFFFFF1A;padding-bottom: 20px;}
.comField-time{

}
.comField-time p{font-weight: 400;font-size: 13px;line-height: 15px;letter-spacing: 1px;color: #6B7280;margin-bottom: 0;}
.comField-time span{
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;

}
.no-chi{
  color: #ffffff;
}
.p-new-home{

}
.p-new-home p{font-weight: 500;font-size: 16px;line-height: 24px;color: #1B9246;margin-bottom: 10px;}
.title-new-home{margin-bottom: 0;}
.title-new-home h3{border: unset;}
.title-new-home h3 span{font-weight: 800;font-size: 36px;line-height: 48px;color: #FFFFFF;margin: 0;border: unset;}
.title-new-home h3 a{font-weight: 700;font-size: 16px;line-height: 24px;color: #1B9246;border-bottom: 1px solid #1B9246;padding-left: 0;padding-bottom: 9px;}
.box-blog-post{
  background: #1F1F1F;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}
.box-blog-post .box-image{

}
.box-blog-post .box-image img{

}
.box-blog-post .box-text{padding: 20px;}
.box-blog-post .box-text .post-meta{

}
.box-blog-post .box-text .post-meta a{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #1B9246;

}
.box-blog-post .box-text h5{

}
.box-blog-post .box-text h5 a{font-weight: 500;font-size: 20px;line-height: 25px;color: #F1F5F9;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-line-clamp: 2;-moz-box-orient: vertical;text-overflow: ellipsis;white-space: normal;overflow: hidden;height: 50px;}
.box-blog-post .box-text .from_the_blog_excerpt{font-weight: 500;font-size: 14px;line-height: 20px;color: #94A3B8;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-line-clamp: 3;-moz-box-orient: vertical;text-overflow: ellipsis;white-space: normal;overflow: hidden;margin: 10px 0;height: 63px;}
.box-blog-post .box-text a.button{font-weight: 700;font-size: 14px;line-height: 20px;color: #F1F5F9;border: unset;border-bottom: 2px solid #1B9246;/* border: unset; */padding: 0;text-transform: unset;min-height: 28px;}
.blog-home{padding-bottom: 55px;}
.blog-home .flickity-prev-next-button.previous{
    background: url(images/leftkq.svg) !important;
    width: 50px;
    height: 50px;
    opacity: 1;
    top: unset;
    bottom: 0;
    left: 45% !important;
    transform: unset;
}
.blog-home button svg{display: none;}
.blog-home .flickity-prev-next-button.next{
    background: url(images/rightkq.svg) !important;
    width: 50px;
    height: 50px;
    opacity: 1;
    top: unset;
    bottom: 0;
    left: 50% !important;
    transform: unset;
}
.text-uudai{

}
.text-uudai h2{font-weight: 700;font-size: 13.83px;line-height: 19.76px;color: #14A852;margin-bottom: 30px;}
.text-uudai h3{font-weight: 900;font-size: 35.57px;line-height: 45.52px;text-transform: uppercase;color: #ffffff;}
.text-uudai h3 strong{
  color: #14A852;
}
.text-uudai ul{

}
.text-uudai ul li{font-weight: 600;font-size: 16.78px;line-height: 27.66px;color: #F9FAFB;background: url(images/tichuudai.png) center left no-repeat;list-style-type: none;margin-left: 0;padding-left: 31px;}
.form-uudai{

}
.form-uudai label{
font-weight: 600;
font-size: 13.83px;
line-height: 19.76px;
color: #F9FAFB;

}
.form-uudai input.wpcf7-form-control{
  background-color: #1D1D1D;
  border-radius: 16px;
  height: 47px;
  border: unset;
  color: #fff;
}
.form-uudai select{
  background-color: #1D1D1D;
  border-radius: 16px;
  height: 47px;
  border: unset;
  color: #ffffff;
}
.form-uudai input.wpcf7-form-control.wpcf7-submit{
  box-shadow: 0px 3.95px 5.93px -3.95px #14A8524D;
  box-shadow: 0px 9.88px 14.82px -2.96px #14A8524D;
  font-weight: 700;
  font-size: 17.78px;
  line-height: 27.66px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #14A852;
  width: 100%;
  height: 59px;
}
.form-uudai .wpcf7-spinner{
  display: none;
}
.form-uudai .infor-form{font-weight: 400;font-size: 13.86px;line-height: 15.81px;text-align: center;color: #9CA3AF;}
.row-uudai{
  background: linear-gradient(to right, #212121 41.6666666667%, #000000 41.6666666667%);
  padding: 35px;
  border-radius: 30px;
}
.row-top-footer{
  background: #1D1D1D;
border-radius: 33px;
padding: 20px;
}
.icon-ft{align-items: center;}
.icon-ft .icon-box-img{

}
.icon-ft .icon-box-img img{
  
}
.icon-ft .icon-box-text{

}
.icon-ft .icon-box-text p{font-weight: 700;font-size: 16px;line-height: 22px;color: #C7C7C7;}
.logo-ft{

}
.logo-ft .icon-box-img{

}
.logo-ft .icon-box-text{

}
.logo-ft .icon-box-text p{
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #E3E3E3;

}
.img-tienich{

}
.img-tienich p{
margin-bottom: 0;
}
.img-tienich img{margin-bottom: 0 !important;}
.text-h3-ft{/* margin-bottom: 30px; */}
.text-h3-ft h3{font-weight: 700;font-size: 16px;line-height: 100%;color: #FFFFFF;margin-bottom: 30px;}
.text-h3-ft p{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #E3E3E3;

}
.menu-ft{

}
.menu-ft .menu-item{

}
.menu-ft .menu-item a{
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #E3E3E3;

} 
.menu-ft .menu-item a span{
  
} 
.menu-ft .menu-item a span:hover{
color: #E3E3E3;
}
.form-footer{

}
.form-footer p{display: flex;border-radius: 8px;overflow: hidden;}
.form-footer .wpcf7-email{
  background-color: transparent;
  height: 42px;
  border: unset;
  border: 1px solid #FFFFFF1A;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 8px 0px 0px 8px;
}
.form-footer .wpcf7-submit{
  background: #1B9246;
  font-weight: 100;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  margin: 0;
  width: 100px;
}
.form-footer .wpcf7-spinner{
  display: none;
}
.text-copyright{display: flex;justify-content: space-between;}
.text-copyright p{font-weight: 100;font-size: 14px;line-height: 20px;/* text-transform: uppercase; */color: #64748B;margin-bottom: 0;margin-top: 20px;}
.about-so{
  background: #000000;
  border-radius: 22px;
  padding: 25px;
  margin-top: -50px;
}
.text-about-gt{margin: 0 35px;}
.text-about-gt h2{font-weight: 400;font-size: 24px;line-height: 100%;color: #1B9246;margin-bottom: 20px;}
.text-about-gt h3{font-weight: 800;font-size: 40px;line-height: 48px;text-transform: uppercase;color: #FFFFFF;margin-bottom: 5px;}
.text-about-gt h4{
font-weight: 800;
font-size: 40px;
line-height: 48px;
text-transform: uppercase;
color: #1B9246;
}
.text-about-gt p{
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #94A3B8;

}
.text-about-gt ul{

}
.text-about-gt ul li{font-weight: 500;font-size: 15px;line-height: 22px;color: #94A3B8;margin-bottom: 10px;}
.img-about-page{

}
.img-about-page img{
  border-radius: 24px;
}
.about-td{

}
.about-td h2{
font-weight: 500;
font-size: 20px;
line-height: 100%;
color: #279327;
}
.about-td h3{
font-weight: 800;
font-size: 48px;
line-height: 48px;
text-transform: uppercase;
color: #FFFFFF;
}
.img-about-td{
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 30px;
}
.about-kg{

}
.about-kg h2{font-weight: 500;font-size: 20px;line-height: 100%;color: #1B9246;margin-bottom: 20px;}
.about-kg h3{
font-weight: 800;
font-size: 48px;
line-height: 48px;
text-transform: uppercase;
color: #FFFFFF;

}
.about-kg p{
font-weight: 700;
font-size: 16px;
line-height: 100%;
color: #E3E3E3;

}
.img-about-kg{
  border-radius: 16px;
  overflow: hidden;
}
.text-contact{

}
.text-contact h1{font-weight: 700;font-size: 24px;line-height: 100%;color: #FFFFFF;margin-bottom: 30px;}
.text-contact h2{font-weight: 700;font-size: 125.12px;line-height: 100%;text-transform: uppercase;color: #279327;margin-bottom: 10px;}
.text-contact h2 strong{
color: #ffffff;
}
.text-contact h3{
font-weight: 300;
font-size: 42.64px;
line-height: 46.91px;
text-transform: uppercase;
color: #FFFFFF;

}
.text-contact h3 strong{
color: #1B9246;

}
.text-contact p{
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #CBD5E1;

}
.text-right-lh{

}
.text-right-lh p{
font-weight: 700;
font-size: 24px;
line-height: 100%;
color: #FFFFFF;
border-left: 4px solid #1B9246;
padding-left: 15px;
}
.icon-lh{margin-bottom: 30px;}
.icon-lh .icon-box-img{

}
.icon-lh .icon-box-text{

}
.icon-lh .icon-box-text h3{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #94A3B8;

}
.icon-lh .icon-box-text p{font-weight: 700;font-size: 20px;line-height: 25px;color: #FFFFFF;}
.map-lh{

}
.map-lh p{
  margin-bottom: 0;
}
.text-page-sv{

}
.text-page-sv h1{
font-weight: 700;
font-size: 40px;
color: #1B9246;

}
.text-page-sv h1 strong{
color: #FFFFFF;
}
.text-page-sv p{
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #CBD5E1;
}
.img-service{/* border-bottom: 1px solid #5B5757; */padding-bottom: 55px;/* padding-right: 10px; */}
.img-service::before{
  content: "";
  position: absolute;
  bottom: 0;
  left:0;
  border-bottom: 1px solid #5B5757;
  width: 79%;
}
.img-service img{
  border-radius: 29px;
}
.col-right-dv{position: absolute;transform: translateY(-50%);top: 36%;width: 600px;right: 0;}
.col-right-dv .col-inner{
  position: absolute;
  /* transform: translateY(-50%); */
  top: 70%;
  width: 100%;
  background: #1A1A1A;
  padding: 30px;
  border-radius: 16px;
  text-align: right;
  border-left: 8px solid #1B9246;
}
.col-right-dv h3{font-weight: 700;font-size: 40px;color: #1B9246;position: relative;padding-bottom: 15px;}
.col-right-dv h3::before{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 36px;
  height: 8px;
  background: #D9D9D9;
border-radius: 27px;
}
.col-right-dv p{
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #9F9F9F;
}
.col-right-dv a.button{font-weight: 700;font-size: 14px;line-height: 17px;color: #F1F5F9;border-bottom: 2px solid #F1F5F9 !important;padding-bottom: 0;min-height: 10px;}
.col-right-dv a.button span{
  
}
.row-dv{
  /* border-bottom: 1px solid #5B5757; */
  position: relative;
}
.col-right-dv.tow{
      left: 0;
      z-index: 9;
      top: 36%;
}
.col-right-dv.tow .col-inner{
  text-align: left;
  border-right:8px solid #D33131;
border-left: unset;
}
.col-right-dv.tow .col-inner h3{
  color: #D33131;
}
.col-right-dv.tow .col-inner h3::before{
  left: 0;
  right: unset
}
.img-service.two::before{
  left: unset;
  right: 0;
}
.col-right-dv.three .col-inner{
   border-left:8px solid #FFC30A;
}
.col-right-dv.three h3{
  color: #FFC30A;
}
.but-dv{font-weight: 500;font-size: 14px;line-height: 20px;color: #FFFFFF;padding: 10px 40px;}
.but-dv span{

}
.text-dv-01{

}
.text-dv-01 h2{font-weight: 300;font-size: 72px;line-height: 79.2px;text-transform: uppercase;color: #FFFFFF;margin-bottom: 0;}
.text-dv-01 h1{
font-weight: 300;
font-size: 72px;
line-height: 79.2px;
text-transform: uppercase;
color: #1B9246;

}
.text-dv-01 p{
font-weight: 500;
font-size: 16px;
line-height: 20px;
vertical-align: middle;
color: #CBD5E1;

}
.text-gt-dv{

}
.text-gt-dv h2{font-weight: 800;font-size: 48px;line-height: 59px;text-transform: uppercase;color: #FFFFFF;position: relative;padding-bottom: 11px;}
.text-gt-dv h2::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 95px;
  height: 4px;
background: #279327;
}

.text-gt-dv p{
font-weight: 400;
font-size: 17.85px;
line-height: 29.01px;
color: #BCCABA;

}
.img-radius img{
  border-radius: 26px;
}
.text-dv-title{

}
.text-dv-title h2{
font-weight: 500;
font-size: 20px;
color: #1B9246;
text-transform: uppercase;
}
.text-dv-title h3{
font-weight: 800;
font-size: 48px;
line-height: 56px;
text-transform: uppercase;
color: #FFFFFF;

}
.imgbox-ht{border-radius: 20px;overflow: hidden;margin-bottom: 30px;}
.imgbox-ht .box-image{

}
.imgbox-ht .box-text{background: #121212;padding: 30px 20px;}
.imgbox-ht .box-text p{
font-weight: 700;
font-size: 26.65px;
line-height: 100%;
color: #FFFFFF;
}
.sec-loiich{
  border-radius: 32px;
}
.icon-loiich{margin-bottom: 50px;}
.icon-loiich p{font-weight: 700;font-size: 16px;line-height: 22px;color: #BCCABA;}
.item-dv{

}
.item-dv .img-dv{
display: block;
    position: relative;
    overflow: hidden;
    height: 267px;
    width: 100%;
}
.item-dv .img-dv img{
      transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 32px;
}
.item-dv .content-dv{margin-top: 15px;}
.item-dv .content-dv h4{
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #DDE5DA;

}
.item-dv .content-dv p{
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #BCCABA;
}
.icon-dv2{background: #000000;border-radius: 18px;padding: 25px;margin-bottom: 20px;}
.icon-dv2 .icon-box-img{

}
.icon-dv2 .icon-box-text{

}
.icon-dv2 .icon-box-text h3{
font-weight: 700;
font-size: 15.87px;
line-height: 23.8px;
color: #DDE5DA;

}
.icon-dv2 .icon-box-text p{
font-weight: 400;
font-size: 13.89px;
line-height: 19.84px;
color: #BCCABA;

}
.icon-dv2 .icon-box-text ul{

}
.icon-dv2 .icon-box-text ul li{font-weight: 400;font-size: 15.87px;line-height: 23.8px;color: #DDE5DA;margin-bottom: 20px;}
.icon-dv2 .icon-box-text ul li::marker{
  color: #279327;
}
.icon-li-dv2{background: #000000;border-radius: 32px;padding: 25px;margin-bottom: 30px;}
.icon-li-dv2 .icon-box-img{margin-bottom: 10px;}
.icon-li-dv2 .icon-box-text{

}
.icon-li-dv2 .icon-box-text h3{
font-weight: 700;
font-size: 22px;
line-height: 30px;
color: #DDE5DA;

}
.icon-li-dv2 .icon-box-text p{
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #BCCABA;

}
.icon-li-dv2.big .icon-box-text{
text-align: left;
}
.icon-li-dv2.big .icon-box-text p{
  max-width: 400px;
}
.text-pp{padding: 20px;}
.text-pp h3{font-weight: 900;font-size: 30px;line-height: 36px;color: #DDE5DA;display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;}
.text-pp h3 strong{background: #1A211B;font-weight: 700;font-size: 12px;line-height: 16px;text-transform: uppercase;color: #5DDF81;border-radius: 16px;padding: 7px 15px;}
.text-pp p{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #BCCABA;

}
.text-pp ul{

}
.text-pp ul li{font-weight: 400;font-size: 14px;line-height: 20px;color: #DDE5DA;background: url(images/tichpp.png) center left no-repeat;list-style-type: none;margin-left: 0;padding-left: 23px;margin-bottom: 15px;}
.row-pp{
  background: linear-gradient(to right,#000000 50%, #222222 50%);
  border-radius: 32px;
  border-bottom: 20px solid #181918;
  padding: 40px 25px;
}
text-pp.right h3 strong{
  background: #5DDF81;
color: #003313;

}
.icon-kq{background: #242424;border-radius: 32px;padding: 20px 30px;margin-bottom: 30px;height: 231px;}
.icon-kq .icon-box-img{margin-bottom: 10px;}
.icon-kq .icon-box-text{

}
.icon-kq .icon-box-text h3{
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #DDE5DA;

}
.icon-kq .icon-box-text p{
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #BCCABA;

}
.sec-loiich-pi .icon-loiich{
  background: #000000;
border-radius: 32px;
padding: 25px;
}
.img-luachon.muc-tieu .box-text .box-text-inner::before {
  display: none;
}
.img-luachon.muc-tieu .box-text {
    padding-bottom: 30px;
}
.text-kh{

}
.text-kh h2{font-weight: 500;font-size: 20px;line-height: 100%;color: #1B9246;margin-bottom: 20px;}
.text-kh h3{font-weight: 800;font-size: 48px;line-height: 55px;text-transform: uppercase;color: #FFFFFF;}
.text-kh p{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #CBD5E1;

}
.img-kh{

}
.img-kh img{
  border-radius: 16px;
}
.text-dv-title p{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #CBD5E1;

}
.banner-kh{
  border-radius: 14px;
  overflow: hidden;
}
.title-new-home.kh a{
  border: unset;
  padding-bottom: 0;
}
.tab-kh{

}
.tab-kh ul.nav{margin-top: 25px;margin-bottom: 25px;}
.tab-kh ul.nav li{
  margin: 0 15px;
}
.tab-kh ul.nav li a{font-weight: 700;font-size: 22.27px;line-height: 33.41px;color: hsl(142deg 69% 34% / 30%);text-transform: unset;}
.tab-kh ul.nav li.active{
  
}
.tab-kh ul.nav li.active a{
  color: #1B9246;
}
.box-gc{
margin-bottom: 30px;
}
.box-gc .box-image{

}
.box-gc .box-image img{
  border-radius: 12px;
}
.box-gc .box-text{padding-top: 25px;}
.box-gc .box-text h4{font-weight: 700;font-size: 20px;line-height: 100%;color: #1B9246;margin-bottom: 10px;}
.box-gc .box-text p{font-weight: 500;font-size: 14px;line-height: 20px;color: #D1D5DB;margin-bottom: 20px;}
.box-gc .box-text h3{
font-weight: 700;
font-size: 16px;
line-height: 100%;
color: #FFFFFF;

}
.box-gc .box-text h5{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #6B7280;
}
.slider-sk{padding-bottom: 50px;}
.slider-sk .flickity-prev-next-button.previous{
    background: url(images/leftkq.svg) !important;
    width: 50px;
    height: 50px;
    opacity: 1;
    top: unset;
    bottom: 0;
    left: 45% !important;
    transform: unset;
}
.slider-sk button svg{display: none;}
.slider-sk .flickity-prev-next-button.next{
    background: url(images/rightkq.svg) !important;
    width: 50px;
    height: 50px;
    opacity: 1;
    top: unset;
    bottom: 0;
    left: 50% !important;
    transform: unset;
}
.section-event{padding: 50px 0;}
.section-event:nth-child(even) {
    background: #1f1f1f;
}
.section-event p.cate{font-weight: 500;font-size: 20px;line-height: 100%;color: #1B9246;margin-bottom: 10px;}
.section-event .head h2{font-weight: 800;font-size: 36px;line-height: 48px;text-transform: uppercase;color: #FFFFFF;}
.section-event .head h1{font-weight: 800;font-size: 36px;line-height: 48px;text-transform: uppercase;color: #FFFFFF;}
.section-event .view-all{
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: #1B9246;

}
.section-event .head{
  display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.event-card{background: #C7C7C70D;border-radius: 12px;overflow: hidden;margin-bottom: 30px;}
.event-card .img{
    display: block;
    position: relative;
    overflow: hidden;
    height: 224px;
    width: 100%;
}
.event-card .img img{
transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.event-card .content-event{padding: 25px 25px;}
.event-card .content-event h3{
  
}
.event-card .content-event h3 a{
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #1B9246;

}
.event-card .content-event .meta-sk{font-weight: 700;font-size: 15px;line-height: 100%;color: #E2E8F0;display: block;gap: 9px;}
.event-card .content-event .meta-sk img{width: auto;height: auto;float: left;padding-right: 10px;}
.event-card .content-event .free{font-weight: 700;font-size: 14px;line-height: 100%;color: #1B9246;display: block;margin-bottom: 13px;}
.event-card .content-event .free img{
  width: auto;
  padding-right: 9px;
  float: left;
}
.event-card .content-event a.btn{padding-bottom: 8px;font-weight: 700;font-size: 14px;line-height: 100%;color: #F1F5F9;border-bottom: 2px solid #FFFFFF;margin-top: 10px;padding-top: 10px;}
.event-slider .owl-dots{text-align: center;margin-top: 20px;}
.event-slider .owl-dots .owl-dot{background: #1b9246ad;width:35px;height: 5px;border-radius: 23px;min-height: 5px;margin-bottom: 0;}
.event-slider .owl-dots .owl-dot.active{
  width: 101px;
  background: #1B9246;

}
.event-slider{
  /* padding-bottom: 30px; */
}
.event-slider .owl-nav{

}

.event-slider .owl-prev{
    background: url(images/leftkq.svg) !important;
    width: 50px;
    height: 50px;
    opacity: 1;
    top: unset;
    bottom: 0;
    left: -28px !important;
    transform: unset;
    position: absolute;
    top: 33%;
    margin: 0;
}
.event-slider button span{display: none;}
.event-slider .owl-next{
    background: url(images/rightkq.svg) !important;
    width: 50px;
    height: 50px;
    opacity: 1;
    top: unset;
    bottom: 0;
    /* left: 50% !important; */
    transform: unset;
    top: 33%;
    right: -30px;
    position: absolute;
    margin: 0;
}
.tab-hinhanh{

}
.tab-hinhanh ul.nav{

}
.tab-hinhanh ul.nav li{margin: 0 10px;}
.tab-hinhanh ul.nav li a{
font-weight: 700;
font-size: 22.27px;
line-height: 33.41px;
color: #D3D3D3;

}
.tab-hinhanh ul.nav li.active{

}
.tab-hinhanh ul.nav li.active a{
  color: #1B9246;
}
.banner-hinhanh{
  border-radius: 16px;
  overflow: hidden;
}
.content-sukien{
  color: #ffffff;
  font-size: 14px;
}
.content-sukien h2, .content-sukien h3{
  color: #ffffff;
}
.content-sukien ul, .content-sukien ol{
  margin-left: 25px;
}
.main-cate{
  font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    color: #1B9246;
    margin-bottom: 10px;
}
.section-event h1.title-sk{
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  border-bottom: 1px solid #1B9246;
}
.baiviet_khac {
    margin-top: 20px;
}
.baiviet_khac h3, .duan-tieubieu h3 {
    border-bottom: 1px dashed #1B9246;
    /* width: 580px; */
    text-transform: uppercase;
    color: #1B9246;
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.baiviet_khac ul {
    margin: 10px;
    margin-left: 25px;
    list-style: square;
    color: #1B9246;
}
.baiviet_khac ul li {
    display: list-item;
}
.baiviet_khac ul li a {
    color: #ffffff;
}
.archive-header{margin-top: 40px;}
.archive-header h1{
font-weight: 800;
    font-size: 36px;
    line-height: 48px;
    text-transform: uppercase;
    color: #FFFFFF;
}
#comments{
  display: none;
}
.blog-single{
  padding: 40px 0;
  color: #ffffff;
}
.blog-single a{
  color: #ffffff;
}
.blog-single h1, .blog-single h2, .blog-single h3{
  color: #ffffff;
}
.blog-single .is-divider{
  background-color: #ffffff;
}
.blog-single ul, .blog-single ol{
  margin-left: 25px;
}
.text-faq{

}
.text-faq h1{
font-weight: 700;
font-size: 24px;
line-height: 100%;
color: #FFFFFF;

}
.text-faq h2{
font-weight: 700;
font-size: 64px;
line-height: 100%;
color: #279327;

}
.text-faq p{
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #CBD5E1;

}
.tab-faq{

}
.tab-faq ul.nav{margin-top: -20px;margin-bottom: 40px;}
.tab-faq ul.nav li{
  margin: 0 10px;
  margin-bottom: 10px;
}
.tab-faq ul.nav li a{
  border: 1px solid #3D3D3D33;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: #CBD5E1;
  padding: 13px 27px;
  background: #3535351A;
}
.tab-faq ul.nav li.active{
  
}
.tab-faq ul.nav li.active a{
  background: #1B9246;
}
.acc-tap{

}
.acc-tap .accordion-item{background: #36363626;border: 1.21px solid #3636361A;border-radius: 15px;margin-bottom: 20px;padding: 11px 0;}
.acc-tap .accordion-item a.accordion-title{/* padding-left: 34px; */border: unset;}
.acc-tap .accordion-item a.accordion-title button.toggle{
  left: unset;
  right: 0;
  color: #1B9246;
}
.acc-tap .accordion-item a.accordion-title span{font-weight: 700;font-size: 20px;line-height: 100%;color: #F1F5F9;/* padding: 13px 0; */}
.acc-tap .accordion-item .accordion-inner{font-weight: 500;font-size: 16px;leading-trim: NONE;line-height: 20px;color: #CBD5E1;border-top: 1.21px solid #0000004F;}
.acc-tap .accordion-item a.accordion-title.active{

}
.acc-tap .accordion-item a.accordion-title.active span{
  color: #1B9246;
}
.banner-nq{
  border-radius: 32px;
  overflow: hidden;
}
.banner-nq h3{
font-weight: 900;
font-size: 36px;
line-height: 40px;
color: #DDE5DA;

}
.banner-nq p{
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #BCCABA;
}
.icon-nhq{background: #242424;border-radius: 32px;padding: 30px;}
.icon-nhq .icon-nhq-01{

}
.icon-nhq .icon-nhq-01 h3{
font-weight: 900;
font-size: 30px;
line-height: 37.5px;
color: #FFFFFF;

}
.icon-nhq .icon-nhq-01 p{
font-weight: 500;
font-size: 18px;
line-height: 29.25px;
color: #FFFFFF;
}
.icon-nhq .icon-nhq-02 h3{font-weight: 700;font-size: 14px;line-height: 20px;color: #FFFFFF;text-transform: uppercase;}
.icon-nhq .icon-nhq-02 h4{font-weight: 900;font-size: 48px;line-height: 55px;color: #FFFFFF;margin-bottom: 0;}
.icon-nhq .icon-nhq-02 p{
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;

}
.icon-tiemnang{background: #242424;border-radius: 32px;padding: 30px;align-items: center;}
.icon-tiemnang .icon-box-img{

}
.icon-tiemnang .icon-box-text{text-align: left;}
.icon-tiemnang .icon-box-text h3{
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #DDE5DA;
}
.icon-tiemnang .icon-box-text p{font-weight: 400;font-size: 16px;line-height: 24px;color: #BCCABA;max-width: 550px;}
.icon-dq{background: #0A0A0A;border-bottom: 4px solid #000000;border-radius: 32px;padding: 30px;margin-bottom: 30px;}
.icon-dq .icon-box-img{

}
.icon-dq .icon-box-text{

}
.icon-dq .icon-box-text h3{
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #DDE5DA;

}
.icon-dq .icon-box-text p{
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #BCCABA;

}
.text-lotrinh{

}
.text-lotrinh h3{
font-weight: 900;
font-size: 48px;
line-height: 60px;
color: #DDE5DA;
}
.text-lotrinh p{
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #BCCABA;

}
.text-tcong{border-left: 4px solid #1B9246;background: #5DDF811A;border-radius: 32px;padding: 30px 20px;}
.text-tcong p{font-weight: 700;font-size: 16px;line-height: 24px;color: #1B9246;margin-bottom: 0;}
.box-dki{
 position: relative;
 padding-left: 75px;
 counter-reset: step; /* reset số */
}
.boxtuvan{

}
.boxtuvan h3{font-weight: 700;font-size: 24px;line-height: 32px;color: #DDE5DA;margin-bottom: 0;}
.boxtuvan p{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #BCCABA;

}
.box-dki::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #2a2a2a;
  display: none;
}

.boxtuvan {
  position: relative;
  margin-bottom: 30px;
  counter-increment: step; /* tự tăng số */
  padding-bottom: 25px;
}
.boxtuvan::after{
  content: "";
  position: absolute;
  left: -45px;
  top:0;
  background: #3D4A3E;
  width: 1px;
  height: 100%;
  z-index: 9;
}
.box-dki .boxtuvan:last-child:after{
  display: none !important;
}
.boxtuvan::before {
  content: counter(step); /* hiển thị số */
  position: absolute;
  left: -60px;
  top: 0;
  width: 30px;
  height: 30px;
  background: #0f5132;
  color: #00ff9c;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  border: 1px solid #00ff9c;
  border: 1px solid #5DDF814D;
  background: #2F372F;
  z-index: 99;
}
.box-dki .boxtuvan:first-child:before{
  background: #1B9246;
color: #003917;
}
.box-dki .boxtuvan:last-child:before{
  background: #1B9246;
color: #003917;
}
.text-doitac{

}
.text-doitac h3{
font-weight: 900;
font-size: 40px;
line-height: 48px;
color: #FFFFFF;

}
.text-doitac p{
font-weight: 500;
font-size: 20px;
line-height: 28px;
color: #FFFFFF;

}
.form-doitac{

}
.form-doitac p{display: flex;justify-content: center;gap: 20px;}
.form-doitac input.wpcf7-email{background: #4E4E4E33;border: unset;font-weight: 400;font-size: 16px;line-height: 100%;color: #ffffff;height: 55px;margin-bottom: 0;border-radius: 32px;}
.form-doitac input.wpcf7-submit{background: #1B9246;border-radius: 32px;font-weight: 900;font-size: 16px;line-height: 24px;text-transform: uppercase;color: #FFFFFF;margin-bottom: 0;padding: 10px 22px;width: 243px;}
.form-doitac .wpcf7-spinner{
  display: none;
}
@media screen and (min-width: 850px) {
    .col3-hvl {
        flex-basis: 20%;
        max-width: 20%;
    }
}
.icon-hlv{background: #161D17;border-radius: 32px;margin-bottom: 30px;padding: 30px;}
.icon-hlv .icon-box-img{

}
.icon-hlv .icon-box-text{

}
.icon-hlv .icon-box-text p{
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #DDE5DA;
}
.icon-kienthuc{background: #1A211B;border-radius: 48px;padding: 25px;align-items: center;margin-bottom: 30px;}
.icon-kienthuc .icon-box-img{

}
.icon-kienthuc .icon-box-text{

}
.icon-kienthuc .icon-box-text h3{font-weight: 700;font-size: 20px;line-height: 28px;color: #DDE5DA;margin-bottom: 0;}
.icon-kienthuc .icon-box-text p{
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #BCCABA;
}
.icon-kn{background: #1A211B;border: 1.3px solid #3D4A3E26;border-radius: 20px;padding: 30px;margin-bottom: 20px;}
.icon-kn .icon-box-img{

}
.icon-kn .icon-box-text{

}
.icon-kn .icon-box-text p{
font-weight: 700;
font-size: 20.74px;
line-height: 31.1px;
color: #DDE5DA;

}
.box-nb{background: #1A211B;border-radius: 16px;margin-bottom: 30px;overflow: hidden;}
.box-nb .box-image{

}
.box-nb .box-image img{

}
.box-nb .box-text{
padding: 25px;
}
.box-nb .box-text h3{background: #5DDF81;font-weight: 700;font-size: 12px;line-height: 16px;text-transform: uppercase;color: #003917;position: absolute;left: 8px;top: -39px;border-radius: 17px;width: auto;padding: 5px 10px;}
.box-nb .box-text h4{
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #DDE5DA;

}
.box-nb .box-text h5{font-weight: 500;font-size: 14px;line-height: 20px;color: #5DDF81;margin-bottom: 15px;}
.box-nb .box-text p{font-weight: 400;font-size: 14px;line-height: 20px;color: #BCCABA;border-top: 1px solid #3D4A3E26;padding-top: 10px;}
.but-cs{font-weight: 700;font-size: 20px;/* line-height: 31px; */color: #FFFFFF;}
.but-cs span{

}
#htSearch{
  background: #1A1A1A;
  border: 0.54px solid #374151;
  border-radius: 20px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 12.73px;
  line-height: 13.05px;
  height: 38px;
  color: #FFFFFF;
}
.ht-item a.btn{font-weight: 500;font-size: 13.34px;line-height: 19.05px;color: #FFFFFF;background: #1B9246;padding: 7px 15px;border-radius: 21px;/* padding-top: 20px; */margin-top: 20px;display: inline-block;}
.ht-pagination ul{
  display:flex;
  gap:6px;
  justify-content:center;
  margin-top:20px;
}

.ht-pagination li{
  list-style:none;
}

.ht-pagination a,
.ht-pagination span{
  padding:8px 12px;
  background:#111;
  color:#fff;
  border-radius:6px;
  text-decoration:none;
}

.ht-pagination .current{
  background:#00aa55;
}
.ht-system.page{
  background: #0a0a0a;
  padding: 0;
}
.banner-ctht{
  border-radius: 12px;
  overflow: hidden;
}
.banner-ctht h3{

}
.banner-ctht h3 strong{
  background: #1B9246;
  border-radius: 7px;
  font-weight: 700;
  font-size: 12.54px;
  line-height: 16.72px;
  text-transform: uppercase;
  padding: 5px 10px;
}
.banner-ctht h1{
font-weight: 900;
font-size: 37.63px;
line-height: 41.81px;
color: #FFFFFF;

}
.text-detail-ht{

}
.text-detail-ht h2{
font-weight: 700;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: #1B9246;

}
.text-detail-ht h3{
font-weight: 800;
font-size: 48px;
line-height: 48px;
text-transform: uppercase;
color: #FFFFFF;

}
.text-detail-ht p{
font-weight: 400;
font-size: 18px;
line-height: 29.25px;
color: #94A3B8;

}
.icon-hethong{background: #1A1A1A80;border-radius: 12px;border: 0.99px solid #424242;padding: 30px;align-items: center;margin-bottom: 30px;}
.icon-hethong .icon-box-img{

}
.icon-hethong .icon-box-text{

}
.icon-hethong .icon-box-text h3{
font-weight: 700;
font-size: 11.89px;
line-height: 15.85px;
text-transform: uppercase;
color: #94A3B8;

}
.icon-hethong .icon-box-text p{
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #FFFFFF;

}
.icon-hethong .icon-box-text p strong{
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
}
.form-ht{
  background: #262626;
  border-radius: 19px;
  padding: 30px;
}
.form-ht h3{
font-weight: 700;
font-size: 24px;
line-height: 28px;
color: #279327;

}
.form-ht h4{font-weight: 400;font-size: 14px;line-height: 20px;color: #94A3B8;margin-bottom: 30px;}
.form-ht label{
font-weight: 400;
font-size: 13.83px;
line-height: 19.76px;
color: #F9FAFB;

}
.form-ht .item-ht{

}
.form-ht .item-ht input{background: #1A1A1A;border: 0.99px solid #374151;border-radius: 16px;font-weight: 400;font-size: 15.81px;line-height: 100%;color: #ffffff;}
.form-ht .item-send input{
  background: #14A852;
  border-radius: 16px;
  font-weight: 700;
  font-size: 17.78px;
  line-height: 27.66px;
  text-transform: uppercase;
  color: #FFFFFF;
  display: block;
  width: 100%;
}
.form-ht .wpcf7-spinner{
  display: none;
}
.banner-ht-hlv{
  border-radius: 24px;
  overflow: hidden;
}
.banner-ht-hlv .text-box{border-left: 3px solid #1B9246;background: #0D0D0D;border-radius: 12px 0px 0px 12px;padding: 11px;}
.banner-ht-hlv .text-box h3{font-weight: 700;font-size: 32px;line-height: 100%;color: #FFFFFF;padding: 0;margin: 0;margin-bottom: 9px;}
.banner-ht-hlv .text-box p{font-weight: 500;font-size: 16px;line-height: 20px;color: #FFFFFF;margin: 0;}
.text-hethong-hlv{

}
.text-hethong-hlv h2{
font-weight: 400;
font-size: 24px;
color: #1B9246;

}
.text-hethong-hlv h3{
font-weight: 800;
font-size: 48px;
line-height: 56px;
text-transform: uppercase;
color: #FFFFFF;

}
.text-hethong-hlv p{
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #94A3B8;
}
.section-ht-detail{
  padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgb(10, 10, 10);
}

.zenfit-wrapper {
    min-height: 100vh;
    /* background: radial-gradient(circle at top, #1c1c1c, #0b0b0b); */
    /* display: flex; */
    /* align-items: center; */
    margin-top: 30px;
    /* justify-content: center; */
}

.zenfit-box {
    /* width: 420px; */
    /* background: #0f0f0f; */
    /* border-radius: 16px; */
    /* padding: 30px; */
    /* box-shadow: 0 0 40px rgba(0,0,0,0.6); */
    /* text-align: center; */
    /* color: #fff; */
}

.zenfit-logo img {
    width: 70px;
    margin-bottom: 10px;
}

.zenfit-box h2 {
    margin: 10px 0 5px;
    font-size: 20px;
}

.zenfit-box p {
    font-size: 13px;
    color: #aaa;
    margin-bottom: 20px;
}

.zenfit-form input {
    /* width: 100%; */
    /* padding: 12px; */
    /* border-radius: 8px; */
    /* border: 1px solid #222; */
    /* background: #1a1a1a; */
    /* color: #fff; */
    /* margin-bottom: 12px; */
}

.avatar-upload {
    text-align: center;
    margin-bottom: 15px;
}

.avatar-preview {
    width: 80px;
    height: 80px;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    border: 2px dashed #333;
    position: relative;
}

.avatar-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-preview span {
    position: absolute;
    bottom: -18px;
    width: 100%;
    font-size: 11px;
    color: #aaa;
}

.password-field {
    position: relative;
}

.password-field input {
    padding-right: 40px;
}

.toggle-pass {
    position: absolute;
    right: 17px;
    top: 61%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #aaa;
}

.toggle-pass:hover {
    color: #22c55e;
}

.checkbox {
    font-size: 12px;
    color: #aaa;
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 10px 0 15px;
}
.logo-dki{margin-bottom: 30px;}
.logo-dki .icon-box-img{

}
.logo-dki .icon-box-text{

}
.logo-dki .icon-box-text h3{
font-weight: 700;
font-size: 24px;
line-height: 100%;
color: #FFFFFF;

}
.logo-dki .icon-box-text p{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #94A3B8;

}
.col10-dki .col-inner{
  border: 0.99px solid #1F2937;
  background: #0D0D0D;
  border-radius: 23px;
  padding: 40px;
}
.zenfit-box label{font-weight: 700;font-size: 14px;line-height: 100%;color: #94A3B8;margin-bottom: 10px;}
.zenfit-box .item-dki{margin-bottom: 15px;position: relative;}
.zenfit-box .item-dki input{
  /* background-color: #FFFFFF0D !important; */
  border: 1px solid #FFFFFF1A;
  border-radius: 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #475569;
  height: 58px;
  margin-bottom: 0;
  /* padding-left: 35px; */
}
.zenfit-box .item-dkhoan{display: block;}
.zenfit-box .item-dkhoan label{font-weight: 700;font-size: 12px;line-height: 100%;color: #94A3B8;display: block;text-align: left;}
.zenfit-box .item-dkhoan input{margin-bottom: 0;width: auto;}
.zenfit-box .item-dkhoan a{
color: #1B9246;
}
.but-dki{

}
.but-dki button{
  background: #14A852;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #FFFFFF;
  display: block;
  width: 100%;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 0;
}
.login-dki{
  border-top: 1px solid #FFFFFF1A;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #94A3B8;
  margin-top: 30px;
  padding-top: 20px;
  text-align: center;
}
.login-dki a{font-weight: 700;font-size: 14px;line-height: 100%;color: #14A852 !important;}
.login-box {
    /* width: 360px; */
    /* margin: 100px auto; */
    /* background: #0d0d0d; */
    /* padding: 30px; */
    /* border-radius: 12px; */
    /* color: #fff; */
    /* text-align: center; */
    margin-top: 30px;
}





.error { color: red; margin-bottom: 10px; }
.login-box label{font-weight: 700;font-size: 14px;line-height: 100%;color: #94A3B8;margin-bottom: 10px;}
.login-box .item-dki{margin-bottom: 25px;position: relative;/* padding-left: 25px; */}
.login-box .item-dki input{
  background: #FFFFFF0D;
  border: 1px solid #FFFFFF1A;
  border-radius: 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  height: 58px;
  /* padding-left: 32px; */
  margin-bottom: 0;
}
.icon-ht::before{
  content: "";
  position: absolute;
  bottom: 22px;
  left: 13px;
  width: 16px;
  height: 16px;
  background:url(images/iconht.png) no-repeat;
}
.icon-dt::before{
  content: "";
  position: absolute;
  bottom: 14px;
  left: 0px;
  width: 44px;
  height: 24px;
  background:url(images/iconphone.png) no-repeat;
}
.icon-email::before{
   content: "";
   position: absolute;
   bottom: 19px;
   left: 10px;
   width: 20px;
   height: 16px;
   background:url(images/iconemail.png) no-repeat;
}
.icon-pass::before{
   content: "";
   position: absolute;
   bottom: 16px;
   left: 13px;
   width: 16px;
   height: 24px;
   background:url(images/iconpass.png) no-repeat;
}
.icon-tong::before{
  content: "";
  position: absolute;
  bottom: 16px;
  left: 11px;
  width: 20px;
  height: 24px;
  background:url(images/icontong.png) no-repeat;
}
.cf-wrap {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* height: 100vh; */
    margin-top: 30px;
}

.cf-box {
    /* width: 360px; */
    /* background: #0d0d0d; */
    /* padding: 30px; */
    /* border-radius: 12px; */
    color: #fff;
    text-align: center;
}

.cf-group {
    margin-bottom: 15px;
}

.cf-group input {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
}


.cf-back {
    margin-top: 15px;
}

.cf-back a {
    color: #00c853;
    text-decoration: none;
}

.cf-error { color: red; }
.cf-success { color: #00c853; }
.cf-wrap .item-dki{
  position: relative;
}
.cf-wrap .item-dki input{
  background: #FFFFFF0D;
  border: 1px solid #FFFFFF1A;
  border-radius: 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #475569;
  height: 56px;
  margin-bottom: 0;
  padding-left: 14px;
}
.cf-wrap h2{
  color: #ffffff;
}

.sec-library{
  padding: 50px 0;
}
.user-box{
  border: 1px solid #2A2A2A;
  background: #1A1A1A;
  border-radius: 16px;
  padding: 30px;
  text-align: center;
}
.user-box .user-avatar{border: 2px solid #14A852;width: 84px;height: 84px;border-radius: 50%;position: relative;/* overflow: hidden; */padding: 5px;text-align: center;margin: 0 auto;margin-bottom: 20px;}
.user-box .user-avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 auto;
    border-radius: 50%;
}
.user-box .user-name{
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #F1F5F9;

}
.user-box .user-avatar .status-icon{
  position: absolute;
  right: 0;
  bottom: 0;
  height: 23px;
  width: 23px;
  z-index: 999;
}
.infor-library{
  background: #1A1A1A;
  border: 1px solid #2A2A2A;
  border-radius: 16px;
  padding: 20px 0;
  margin-top: 30px;
}
.menu-left{padding: 0 25px;padding-bottom: 20px;}
.menu-left .menu-item{

}
.menu-left .menu-item a{font-weight: 700;font-size: 16px;line-height: 100%;color: #94A3B8;position: relative;padding: 14px 0;padding-left: 25px;}
.menu-left .menu-item:hover a{
  color: #14A852;
}
.menu-left .menu-item.menu-infor a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 16px;
  height: 16px;
  background:url(images/iconinfor.png) no-repeat;
}
.menu-left .menu-item.menu-album a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 18px;
  height: 18px;
  background:url(images/iconalbum.png) no-repeat;
}
.menu-left .menu-item.menu-video a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 20px;
  height: 20px;
  background:url(images/iconvideo.png) no-repeat;
}
.menu-left .menu-item.menu-file a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 20px;
  height: 16px;
  background:url(images/iconfile.png) no-repeat;
}
.btn-logout{font-weight: 400;font-size: 16px;line-height: 24px;color: #EF4444;position: relative;padding-left: 47px !important;border-top: 1px solid #EF4444;/* border: 1px solid; */display: block;padding-top: 18px;}

.btn-logout::before{
  content: "";
  position: absolute;
  left: 23px;
  top: 21px;
  width: 18px;
  height: 18px;
  background:url(images/iconout.png) no-repeat;
}
.title-album{

}
.title-album h2{
font-weight: 500;
font-size: 20px;
line-height: 100%;
color: #1B9246;

}
.title-album h3{
font-weight: 800;
font-size: 48px;
line-height: 48px;
text-transform: uppercase;
color: #FFFFFF;

}
.title-album{

}
.title-album ul.list-cate{display: flex;}
.title-album ul.list-cate li{
  list-style-type: none;
  /* float: left; */
  margin-right: 15px;
}
.title-album ul.list-cate li a{font-weight: 700;font-size: 18.74px;line-height: 28.1px;color: #D3D3D3;padding-bottom: 5px;}
.title-album ul.list-cate li.active{
  
}
.title-album ul.list-cate li.active a{
  color: #1B9246;
  border-bottom: 2px solid #1B9246;
}
.albums-items-us-img{
  background: #161616;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}
.albums-items-us-img a.img-album{
      display: block;
    position: relative;
    overflow: hidden;
    height: 168px;
    width: 100%;
}
.albums-items-us-img a.img-album img{
  -webkit-transition: all, 10s;
    -khtml-transition: all, 10s;
    -moz-transition: all, 10s;
    -ms-transition: all, 10s;
    -o-transition: all, 10s;
    transition: all, 10s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.albums-items-us-img .albums-items-us-content{padding: 15px 20px;}
.albums-items-us-img .albums-items-us-content a.ti-album{
font-weight: 700;
font-size: 15px;
line-height: 28px;
color: #1B9246;

}
.number-album{display: flex;justify-content: space-between;align-items: center;margin-top: 15px;}
.number-album .acf-gallery-count{display: flex;gap: 5px;}
.number-album .acf-gallery-count svg{
color: #1B9246;

}
.number-album .acf-gallery-count span{font-weight: 500;font-size: 13.03px;line-height: 15px;color: #94A3B8;}
.number-album .read-more-album{

}
.number-album .read-more-album img{
  
}
.event-album{font-weight: 700;font-size: 10px;line-height: 12.07px;color: #FFFFFF;background: #1B9246;border-radius: 10px;position: absolute;right: 5px;top: 10px;padding: 5px 15px;}
.fix-use{
  position: sticky;
  top:80px;
}
.albums-items-us-img:hover .albums-items-us-img-b img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.albums-items-us-img-detail {
      position: relative;
      overflow: hidden;
      margin-bottom: 20px;
      border-radius: 10px;
  }
  .albums-items-us-img-detail img {
      width: 100%;
      vertical-align: middle;
      -webkit-transition-duration: 1s;
      transition-duration: 1s;
      transition: 1s all;
      height: 246px;
      object-fit: cover;
  }
  .albums-items-us-img-detail:hover img {
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
  }
  .title-album h1 {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #1B9246;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.header-nav-main.nav-left>li.current-dropdown:hover ul.nav-dropdown{
  margin-top: 0;
  visibility: visible;
  opacity: 1;
  border: 1px solid #fff;
  border-radius: 10px;
}
.header-nav-main.nav-left>li.current-dropdown::before{
  display: none;
}
.header-nav-main.nav-left>li.current-dropdown::after{
  display: none;
}
.header-nav-main.nav-left>li >ul.nav-dropdown{padding: 0;/* border-radius: 10px; */background: #111111c7;position: absolute;top: 100%;left: 50%;-webkit-transform: translateX(-50%);-khtml-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);min-width: 250px;margin-top: 20px;visibility: hidden;opacity: 0;-webkit-transition: all, 0.5s;-khtml-transition: all, 0.5s;-moz-transition: all, 0.5s;-ms-transition: all, 0.5s;-o-transition: all, 0.5s;transition: all, 0.5s;border: unset;}
.header-nav-main.nav-left>li >ul.nav-dropdown>li{/* padding: 0px 15px; */white-space: nowrap;border-left: none;width: 100%;float: none;border-bottom: unset;border-right: 0;position: relative;display: block;list-style-type: decimal !important;color: #000;/* border-bottom: 1px solid #fff; */}
.header-nav-main.nav-left>li >ul.nav-dropdown>li >ul.nav-column{display: none;position: absolute;background: #111111c7;z-index: 999;top: 0;left: 100%;}
.header-nav-main.nav-left>li >ul.nav-dropdown>li.menu-item-has-children:hover ul.nav-column{
display: block;
}
.header-nav-main.nav-left >li >ul.nav-dropdown>li>a{
  color:#ffffff;
  border: unset;
  padding: 9px 5px;
  border-bottom: 1px solid #fff;
}
.header-nav-main.nav-left >li >ul.nav-dropdown>li.menu-item-has-children a{font-weight: unset;position: relative;color: #ffffff;font-size: 15px;text-transform: unset;border-bottom: unset;padding: 5px;border-bottom: 1px solid #fff;}
.header-nav-main.nav-left >li >ul.nav-dropdown>li.menu-item-has-children>a::before{
content: "\f105";
position: absolute;
right: 5px;
top: 11px;
font: normal normal normal 14px/1 FontAwesome;
}
.item-video{margin-bottom: 30px;}
.item-video .img-video{
    display: block;
    position: relative;
    overflow: hidden;
    height: 160px;
    width: 100%;
}
.item-video .img-video::before{
  content: "";
  position: absolute;
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  z-index: 9;
  background: url(images/buttonvideo.png) no-repeat;
}
.item-video .img-video img{
-webkit-transition: all, 10s;
    -khtml-transition: all, 10s;
    -moz-transition: all, 10s;
    -ms-transition: all, 10s;
    -o-transition: all, 10s;
    transition: all, 10s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.item-video:hover img{
  -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);

}
.item-video .tile-video{border-bottom: 1px solid #279327;padding-top: 10px;}
.item-video .tile-video h4{font-weight: 700;font-size: 14px;line-height: 26.04px;color: #FFFFFF;position: relative;}
.item-video .tile-video h4::before{
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  background: url(images/readmore.png) no-repeat;
}
body {
  background: #0b0f14;
  font-family: Arial, sans-serif;
}

.file-box {
  /* border: 2px dashed #00d4ff; */
  /* padding: 20px; */
  /* max-width: 900px; */
  margin: 40px auto;
  color: #fff;
  background: #161616;
  border-radius: 29px;
}

.file-box h3 {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 18.39px;
  line-height: 25.75px;
  color: #DDE5DA;
  padding-top: 30px;
  padding-left: 25px;
}

.file-table {
  width: 100%;
  border-collapse: collapse;
}

.file-table thead {
  /* border-top: 1px dashed #00d4ff; */
  /* border-bottom: 1px dashed #00d4ff; */
  background: #09100A80;
  /* padding: 10px; */
}
.file-table thead tr{padding: 10px;}
.file-table thead tr th{font-weight: 700;font-size: 12.19px;line-height: 18px;text-transform: uppercase;color: #BCCABA;padding: 18px 15px;}

.file-table tbody{

}
.file-table tbody tr{

}
.file-table tbody tr td{
 padding: 20px 15px;
 border-bottom: 1px solid rgba(255,255,255,0.05);
}

.file-table .file-name {
  display: flex;
  align-items: center;
  gap: 10px;
font-weight: 700;
font-size: 12.87px;
line-height: 18.39px;
color: #DDE5DA;

}

.file-table .icon {
  /* background: #0f2a20; */
  /* padding: 8px; */
  /* border-radius: 50%; */
  /* color: #00ff99; */
}

.file-table .tag {
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 11px;
  color: #fff;
}

.file-table .pdf { background: #2ecc71; }
.file-table .mp4 { background: #27ae60; }
.file-table .xlsx { background: #16a085; }
.file-table .docx { background: #7f8c8d; }

.file-table .download {
  color: #00ff99;
  font-size: 18px;
  text-decoration: none;
}

.file-table .download:hover {
  color: #00d4ff;
}
.pass-box{
  position: relative;
}

.pass-box input{
  width: 100%;
  padding-right: 40px;
}

.toggle-pass{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
  opacity: 0.7;
}

.toggle-pass:hover{
  opacity: 1;
}
.account-box{
  /* max-width:650px; */
  /* margin:auto; */
  padding:25px;
  background:#1a1a1a;
  border-radius: 16px;
  color:#fff;
  background: #1A1A1A;
  border: 1px solid #2A2A2A;
}

.form-row{
  display:flex;
  gap:15px;
}

.form-group{
  flex:1;
}

input{
  width:100%;
  padding:10px;
  background:#000;
  border:none;
  border-radius:8px;
  color:#fff;
}

.avatar{
  width:40px;
  height:40px;
  background:#ff5a1f;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.avatar-input{
  display:flex;
  gap:10px;
  align-items:center;
}

.password-fields{
  display:none;
}

.btn-save{
  margin-top:20px;
  background:#00c853;
  padding:12px;
  border:none;
  border-radius:8px;
  background: #14A852;
  font-size: 16px;
  font-weight: 700;
  text-transform: unset;
  padding: 10px 30px;
}

/* toggle */
.account-box .switch{
  position:relative;
  width: auto;
  /* height:22px; */
  display: flex;
  /* padding-left: 30px; */
  gap: 8px;
  /* align-items: center; */
}
.account-box .switch input{display:none;}

.account-box .slider-pass{
  /* position:absolute; */
  background:#555;
  border-radius:20px;
  width: 44px;
  height: 24px;
}

.account-box .slider-pass:before{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  background:#fff;
  border-radius:50%;
  top:2px;
  left:3px;
  transition:.3s;
}

.account-box .switch input:checked + .slider-pass{
  background:#00c853;
}

.account-box .switch input:checked + .slider-pass:before{
  transform:translateX(20px);
}
.account-box .switch p{font-weight: 700;font-size: 14px;/* line-height: 100%; */color: #CBD5E1;margin-bottom: 0;}
.account-box h3{
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #F1F5F9;
}
.account-box h1{
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #F1F5F9;
}
.account-box p.sub{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #94A3B8;

}
.accountForm-infor{

}
.accountForm-infor label{font-weight: 700;font-size: 14px;line-height: 100%;color: #CBD5E1;margin-bottom: 15px;}
.accountForm-infor input{
  background: #0A0A0A;
  border: 1px solid #2A2A2A;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #475569;
  border-radius: 16px;
  padding: 14px 16px;
  height: 54px;
}
.security-head{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.security-head div{

}
.security-head div label{
font-weight: 700;
font-size: 16px;
color: #F1F5F9;

}
.security-head div p{
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #64748B;

}
.password-fields label{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #CBD5E1;

}
.password-fields input{background: #0A0A0A;border: 1px solid #2A2A2A;border-radius: 16px;padding: 14px 16px;font-weight: 400;font-size: 16px;line-height: 24px;color: #475569;height: 54px;}
.logged-register {background: #1B9246;font-weight: 700;font-size: 11px;text-align: center;border-radius: 4px;padding: 10px 20px;color: #ffffff;line-height: 19.1px;}
.logged-register a{
  font-weight: 700;
    font-size: 11.14px;
    line-height: 19.1px;
    color: #ffffff;
}
.login-infor{
  background: #1A1A1A;
    border: 1px solid #2A2A2A;
    border-radius: 16px;
    padding: 0;
}
.login-infor .btn-logout{
  padding-bottom: 20px;
}
@media(max-width:549px){
  .text-slider{
        padding: 5px 20px;
  }
  .text-slider h3{
    font-size: 25px;
    line-height: 35.2px;
  }
  .text-gt-home h3{
    font-size: 32px;
    line-height: 40px;
  }
  .text-gt-home h4{
        font-size: 28px;
    line-height: 33px;
  }
  .text-conso-home {
    margin-bottom: 20px;
}
.text-conso-home h3{
      font-size: 28px;
    line-height: 31px;
}
.text-tv-home h3{
  font-size: 32px;
    line-height: 43px;
}
.text-img-dm .box-image .image-cover{
  padding-top: 185px !important;
}
.text-img-dm .box-text{
      padding: 15px 15px;
}
.text-img-dm .box-text h4{
  font-size: 16px;
}
.text-img-dm .box-text p{
      font-size: 14px;
    line-height: 22px;
}
.text-chuongtrinh-home h3{
  font-size: 32px;
    line-height: 44px;
}
.img-luachon .box-text h4{
      font-size: 25px;
    line-height: 36px;
}
.title-ketqua h3 span{
      font-size: 28px;
    line-height: 37px;
}
.kq-slider .owl-nav .owl-prev{
      left: -15px;
}
.kq-slider .owl-nav .owl-next{
  right: -15px;
}
.text-tn-home h3{
      font-size: 32px;
    line-height: 41px;
}
.ht-row{
  display: block;
}
.ht-left{
  width: 100%;
  margin-bottom: 30px;
}
.system-title h2{
      font-size: 36px;
    line-height: 40px;
}
.ht-item h4{
      font-size: 20px;
    line-height: 28px;
}
.ht-right{
  width: 100%;
}
.ht-right iframe{
      min-height: 400px;
}
.title-new-home h3 span{
      font-size: 25px;
    line-height: 41px;
}
.blog-home .flickity-prev-next-button.previous{
  width: 30px !important;
  background-size: 30px 30px !important;
  background-repeat: no-repeat !important;
  height: 30px;
  left: 45% !important;
}
.blog-home .flickity-prev-next-button.next{
    width: 30px !important;
    background-size: 30px 30px !important;
    background-repeat: no-repeat !important;
    height: 30px;
    left: 55% !important;
}
.row-uudai {
    background: #000000;
}
.text-uudai h3{
  font-size: 25.57px;
    line-height: 36.52px;
}
.icon-ft{
      margin-bottom: 20px;
}
.text-h3-ft{
  margin-top: 20px;
}
.text-copyright{
  display: block;
}
.text-contact h2{
      font-size: 70.12px;
}
.text-contact h3{
  font-size: 34.64px;
    line-height: 43.91px;
}
.form-uudai .infor-form{
  margin-bottom: 30px;
}
.about-so{
      margin-top: 0;
}
.text-about-gt {
    margin: 0 0;
    margin-top: 30px;
}
.text-about-gt h3{
  font-size: 30px;
    line-height: 43px;
}
.text-about-gt h4{
  font-size: 28px;
    line-height: 43px;
}
.about-td h3{
      font-size: 32px;
    line-height: 43px;
}
.about-kg h3{
      font-size: 32px;
    line-height: 43px;
}
.text-page-sv h1{
  font-size: 36px;
}
.col-right-dv{
  position: relative;
    transform: unset;
    top: 0;
    width: 100%;
    right: 0;
}
.col-right-dv.tow{
  top: 0;
  order: 2;
}
.col-right-dv .col-inner{
      position: relative;
    top: 0;
}
.text-dv-01 h2{
      font-size: 50px;
    line-height: 65.2px;
}
.text-dv-01 h1{
  font-size: 55px;
    line-height: 70.2px;
}
.text-gt-dv h2{
  font-size: 36px;
    line-height: 48px;
}
.text-dv-title h3{
  font-size: 32px;
  line-height: 42px;
}
.imgbox-ht .box-text p{
  font-size: 24.65px;
}
.row-pp {
    background: linear-gradient(to bottom, #000000 50%, #222222 50%);
}
.text-pp {
    padding: 20px 0;
}
.text-pp h3{
      font-size: 25px;
    line-height: 32px;
}
.icon-loiich {
    margin-bottom: 30px;
}
.text-kh h3{
  font-size: 32px;
    line-height: 45px;
}
.text-kh {
    margin-bottom: 30px;
    margin-top: 30px;
}
.col7-tl{
  order: -1;
}
.slider-sk .flickity-prev-next-button.previous{
    width: 30px !important;
  background-size: 30px 30px !important;
  background-repeat: no-repeat !important;
  height: 30px;
  left: 45% !important;
}
.slider-sk .flickity-prev-next-button.next{
   width: 30px !important;
   background-size: 30px 30px !important;
   background-repeat: no-repeat !important;
   height: 30px;
   left: 55% !important;
}
.section-event .head h2{
      font-size: 25px;
    line-height: 39px;
}
.section-event .head {
    display: block;
}
.event-slider .owl-prev{
  left: -15px !important;
   width: 30px !important;
   background-size: 30px 30px !important;
   background-repeat: no-repeat !important;
   height: 30px;
}
.event-slider .owl-next{
  right: -15px !important;
   width: 30px !important;
   background-size: 30px 30px !important;
   background-repeat: no-repeat !important;
   height: 30px;
}
.section-event h1.title-sk{
      font-size: 25px;
    line-height: 38px;
}
.archive-header h1{
      font-size: 25px;
    line-height: 42px;
}
.acc-tap .accordion-item a.accordion-title span{
  font-size: 18px;
}
.text-faq h2{
  font-size: 42px;
}
.text-lotrinh h3{
      font-size: 32px;
    line-height: 43px;
}
.boxtuvan h3{
      font-size: 21px;
    line-height: 28px;
}
.text-doitac h3 {
  font-size: 28px;
    line-height: 39px;
}
.form-doitac input.wpcf7-submit{
  font-size: 14px;
    line-height: 24px;
    padding: 10px 0px;
}
.ht-system.page .ht-filter{
  display: block;
}
.ht-system.page .ht-filter select{margin-bottom: 10px;width: 100%;}
.banner-ctht h1{
  font-size: 28.63px;
    line-height: 36.81px;
}
.text-detail-ht h3{
  font-size: 32px;
    line-height: 44px;
}
.text-hethong-hlv {
    margin-top: 30px;
}
.text-hethong-hlv h2{
  font-size: 20px;
}
.text-hethong-hlv h3{
  font-size: 32px;
    line-height: 47px;
}
.but-dki button{
  font-size: 16px;
}
.title-album{
  margin-top: 30px;
}
.title-album h3{
      font-size: 32px;
    line-height: 45px;
}
.title-album ul.list-cate {
    display: block;
}
.albums-items-us-img a.img-album{
      height: 220px;
}
.item-video .img-video{
  height: 220px;
}
.file-table thead tr th:first-child{
  display: none;
}
.file-table tbody tr td:first-child{
  display: none;
}
.file-table .icon{
  display: none;
}
.file-table thead tr th:nth-child(4){
display: none;
}
.file-table tbody tr td:nth-child(4){
  display: none;
}
.account-box{
  margin-top: 30px;
}
.form-row{
  display: block;
}
.security-head{
  display: block;
  margin-bottom: 20px;
}
.form-row.password-fields{
  display: none;
}
}
.logged-in .header.has-transparent{
      position: relative;
}
.zm-auth-page .header.has-transparent{
      position: relative;
}
.zm-has-sidebar .header.has-transparent{
      position: relative;
}
.login-hd a{
  background: #1B9246;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
  padding: 10px 20px;
  color: #ffff;
}
.box-blog-post .box-text a.button:hover{
  background: transparent;
}
.form-uudai input.wpcf7-form-control::placeholder {

}
.wpcf7 form.sent .wpcf7-response-output{
  color: #fff;
}
.nav-slide-header .toggle{
      color: #000;
}
.nav.nav-vertical li .toggle{
      color: #000;
}
.login-hd a:hover{
  background: #fff;
}
.form-uudai textarea.wpcf7-form-control{
  background-color: #1D1D1D;
    border-radius: 16px;
    border: unset;
    color: #fff;
}
.item-dki input:focus{
  color:#fff !important;
}
.stuck .header-main .nav > li > a{padding: 10px 0;}
@media (min-width: 1800px) {
    .container-width, .full-width .ubermenu-nav, .container, .row {
        max-width: 1820px !important;
    }
  .text-img-dm .image-cover{
    padding-top: 300px !important;
  }
  .kq-item .kq-img{
    height: 420px;
  }
  .box-blog-post .box-image .image-cover{
        padding-top: 65% !important;
  }
  .event-card .img{
    height: 300px;
  }
  .zm-app{
        max-width: 1620px;

  }
}