/*



Theme Name: WebNganh Child



Description: Website Design by Wordpress and Theme Flatsome



Author: UX Themes Web Nganh



Template: flatsome



Theme URI: https://webnganh.com/



Author URI: https://webnganh.com/



Description: WebNganh.Com - WebNganh.Vn - iFnt.Vn



Version: Code DevWp WebNganh



*/







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



@font-face {



  font-family: "Ms-Madi";



  src: url(/wp-content/themes/webnganh/fonts/MsMadi-Regular.ttf)



    format("truetype");



  font-weight: normal;



  font-style: normal;



  font-display: swap;



}







.mt-35 {



  margin-top: 35px !important;



}







.blog-wrapper {



  padding-top: 0;



}



.archive-page-header {



  background: url(/wp-content/uploads/2025/09/new1.jpg);



  background-size: cover;



  padding-top: 70px;



  padding-bottom: 20px;



  margin-bottom: 40px;



  position: relative;



  font-size: 1.7em;



  background-position: center;



}



.archive-page-header:before {



  content: "";



  width: 100%;



  height: 100%;



  position: absolute;



  top: 0;



  background-color: rgba(0, 0, 0, 0.5);



  -webkit-backdrop-filter: blur(10px);



  backdrop-filter: blur(10px);



}



.archive-page-header .page-title {



  color: #fff;



}







.title-overlay {



  -webkit-backdrop-filter: blur(10px);



  backdrop-filter: blur(10px);



}







.woocommerce-product-gallery__image img,



.product-thumbnails a,



.flickity-viewport img,



.button.disabled,



.button[disabled],



button.disabled,



button[disabled],



.quantity .button.minus,



.quantity .button.plus,



.related-products-wrapper .box-image img,



#post-list .post-item .col-inner {



  border-radius: 10px;



}



.product-info.summary .social-icons,



.product-info.summary span.sku_wrapper {



  display: none;



}



#post-list .box-image img {



  border-radius: 10px 10px 0 0;



}



.badge.post-date .badge-inner {



  border-radius: 100px;



}







.article-inner.has-shadow {



  box-shadow: none;



}



.sec__branch .col__left p {



  text-align: justify;



}



.sec__branch .section-bg :is(img, picture, video) {



  background: rgb(91 91 91 / 5%);



}



.sec__partner .col__center .icon-box p {



  font-size: 14px;



}



.header-bg-color {



  background-color: #fff;



}







.html_topbar_right .header__top--icon {



  font-size: 1em;



  gap: 5px;



  color: #fff;



}







.nav-spacing-xlarge > li {



  margin: 0 15px;



}







.html_topbar_right .header__top--icon:first-child {



  margin-right: 20px;



}







#masthead .logo-left {



  padding: 0;



}







#masthead .header-nav-main {



  justify-content: center;



}







.nav > li > a,



.mobile-sidebar-levels-2 .nav > li > ul > li > a {



  font-weight: 600 !important;



}







.header-top {



  margin-bottom: -7px;



}







#logo > a {



  padding: 0px 10px 25px;



  background-color: #fff;



  margin-bottom: -45px;



  z-index: 999;



  position: relative;



}







#logo > a::before {



  content: "";



  position: absolute;



  bottom: 0;



  left: -30px;



  width: 33px;



  height: 25px;



  background: url(/wp-content/uploads/2025/09/icon6.svg) no-repeat center /



    contain;



  transform: scaleX(-1);



}







#logo > a::after {



  content: "";



  position: absolute;



  bottom: 0;



  right: -30px;



  width: 33px;



  height: 25px;



  background: url(/wp-content/uploads/2025/09/icon6.svg) no-repeat center /



    contain;



}







.header-nav-main .menu-item-object-product_cat {



  border-right: 1px solid #5b5b5b33;



  padding-right: 25px;



  margin: 0 0 0 25px;



}







.header-nav-main



  li.menu-item-object-product_cat:has(+ li:not(.menu-item-object-product_cat)),



.header-nav-main li.menu-item-object-product_cat:last-child {



  border-right: 0;



}







.bg__gradient {



  background: linear-gradient(to right, #c61822, #9d0812, #c61822) !important;



}







.text__gradient,



.product-title {



  background: linear-gradient(to right, #c61822, #9d0812, #c61822);



  -webkit-background-clip: text;



  -webkit-text-fill-color: transparent;



}







.sec__about-us .col__left h3,



.sec__contact h3 {



  font-size: 38px;



  line-height: 46px;



  font-weight: 700;



  margin-bottom: 15px;



}







.sec__about-us .col__left p {



  font-size: 16px;



  line-height: 24px;



  color: #585858;



  text-align: justify;



}



.sec__about-us .col__left .button {



  margin-top: 22px !important;



}



.sec__about-us .col__left .button,



.sec__about-us .col__center .btn__product {



  padding: 0 30px;



  margin: 0;



}















.sec__about-us .col__center .box-image, .sec__advance .box-image {



  border-radius: 20px;



}







.sec__about-us .col__center .video-button-wrapper, .sec__instruction .row__video .video-button-wrapper {



  position: relative;



}







.sec__about-us .col__center .video-button-wrapper a {



  top: unset;



  margin: 0;



}







.sec__about-us .col__center .btn__video--proc {



  position: absolute;



  right: 0;



  bottom: 0;



  padding-top: 10px;



  padding-left: 10px;



  background-color: #fff;



  border-radius: 25px 0 0 0;



}







.sec__about-us .col__center .btn__video--proc::before {



  content: "";



  position: absolute;



  bottom: -1px;



  right: 100%;



  width: 18px;



  height: 20px;



  background: url("/wp-content/uploads/2025/09/icon7.svg") no-repeat



    center/contain;



}







.sec__about-us .col__center .btn__video--proc::after {



  content: "";



  position: absolute;



  top: -33px;



  right: 0;



  width: 32px;



  height: 34px;



  background: url("/wp-content/uploads/2025/09/icon7.svg") no-repeat



    center/contain;



}







#footer .section {



  padding-bottom: 0;



}







#footer .row__logo .col {



  padding-left: 0;



}







#footer h3 {



  font-size: 16px;



  line-height: 20px;



  margin-bottom: 20px;



}







#footer .col__info p.description,



#footer .col__info .icon-box .icon-box-text p:first-child {



  font-size: 14px;



  line-height: 20px;



  opacity: 0.5;



}







#footer .col__info .icon-box .icon-box-text p:first-child {



  margin-bottom: 5px;



}







#footer .col__info .icon-box .icon-box-text p:last-child {



  font-size: 14px;



  line-height: 22px;



}







#footer .col__info .item__info:first-child {



  margin-top: 0px;



}







#footer .col__info .item__info {



  margin-top: 20px;



  align-items: baseline;



}







#footer .col__info .item__info .phone {



  font-size: 24px !important;



  line-height: 32px !important;



  font-weight: 700;



}







#footer .col__link .ux-menu-link__link {



  font-size: 14px;



  line-height: 20px;



  padding: 0;



}







.has__icon::before {



  content: "";



  display: inline-block;



  top: -7px;



  width: 10px;



  height: 10px;



  margin-right: 10px;



  position: relative;



  background: url("/wp-content/uploads/2025/09/icon.png") no-repeat center /



    contain;



}







#footer .col__social .img-inner {



  border-radius: 10px;



}







#footer .col__social .row__social {



  padding: 15px 0 20px;



}







#footer .col__social .row__social .col-inner {



  display: flex;



  align-items: center;



  gap: 20px;



}







#footer .row__copyright {



  font-size: 14px;



  line-height: 22px;



  opacity: 0.5;



}







.absolute-footer.dark {



  display: none;



}







.section__news h3,



.sec__feedback h3, .sec__instruction .title p {



  font-size: 38px;



  line-height: 46px;



  margin-bottom: 0;



  font-weight: 700;



}







.first__post .box-vertical {



  display: flex;



  flex-direction: row-reverse;



  align-items: center;



}







.first__post .box-vertical .box-text {



  max-width: 35%;



}







.first__post .box-vertical .box-image {



  width: 100%;



}







.col__another--post .post-item .box-vertical .box-text {



  padding-left: 10px;



  padding-right: 0;



}







.post-item .image-cover {



  border-radius: 20px;



}







.post-item h5 a {



  font-size: 16px;



  line-height: 24px !important;



  margin-bottom: 8px !important;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  overflow: hidden;



  text-overflow: ellipsis;



}







.post-item .from_the_blog_excerpt,



.col__another--post .post-item h5 a {



  font-size: 14px;



  line-height: 22px !important;



}







.post-item .post-meta {



  font-size: 12px;



  font-style: italic;



}







.section__news .btn__new {



  padding: 0 30px;



}







.col__above,



.col__above .post-item {



  padding-bottom: 0 !important;



}







.sec__feedback .icon-box {



  align-items: center;



}







.sec__feedback .icon-box p {



  font-size: 14px;



  line-height: 22px;



  font-weight: 700;



}







.sec__feedback .icon-box-text {



  padding-left: 10px;



}







.sec__feedback .item__feedback .box-image {



  border-radius: 20px;



}







.sec__feedback .just__feed .col-inner {



  padding: 30px;



  background-color: #fcf1d7;



  border-radius: 20px;



}







.sec__feedback .item__feedback .box-text {



  bottom: 30%;



}







.sec__feedback .item__feedback p {



  margin: 15px 0;



  font-size: 14px;



  line-height: 22px;



}







.sec__feedback .item__feedback .date_feed {



  font-style: italic;



}







.sec__feedback .item__feedback .custom__star p {



  display: flex;



  gap: 3px;



  align-items: center;



  color: #ff990a;



  font-size: 20px;



}







.row__showmore {



  margin-top: 10px;



}







.row__feedback {



  max-height: 600px;



  overflow: hidden;



  position: relative;



  transition: max-height 0.5s ease;



}







.row__feedback .col {



  transform: translateY(20px);



  transition: opacity 0.5s ease, transform 0.5s ease;



}







.row__feedback.expanded {



  max-height: 100%;



}







.row__feedback.expanded .col {



  transform: translateY(0);



}







.show__less {



  display: none;



}







.sec__partner .col__left p,



.sec__tech .col__left .title p,



.sec__intro .title p,



.sec__intro--category .title p {



  font-size: 38px;



  line-height: 46px;



  background: radial-gradient(



    circle,



    rgba(255, 246, 176) 0%,



    rgba(243, 201, 118) 100%



  );



  -webkit-background-clip: text;



  -webkit-text-fill-color: transparent;



  font-weight: 700;



  margin-bottom: 5px;



}







.sec__partner .col__left .text__second {



  margin-left: 50px;



}







.sec__tech .col__left .description {



  margin-top: 20px;



  text-align: justify;



}







.sec__tech .col__left .text__second {



  text-align: right;



}







.btn__advisor {



  margin-top: 22px;



  background: radial-gradient(



    circle,



    rgba(255, 246, 176) 0%,



    rgba(243, 201, 118) 100%



  );



  padding: 0 30px;



  color: #262626 !important;



}







.sec__tech .col__center .img {



  bottom: -20px;



}







.sec__partner .col__center .icon-box {



  align-items: baseline;



}







.sec__partner .col__center .icon-box p {



  margin-bottom: 5px;



}







.sec__partner .col__center .icon-box p:first-child {



  font-weight: 700;



}







.sec__branch .col__left .title p {



  font-size: 38px;



  line-height: 46px;



  font-weight: 700;



  margin-bottom: 5px;



}







.sec__branch .col__left .title .text__second {



  margin-left: 35%;



}







.sec__branch .col__left .title {



  margin-bottom: 20px;



}







.btn__register {



  padding: 0 30px;



  margin-top: 20px;



}







.sec__branch .tabbed-content li a,



.sec__products .tabbed-content li a,



.section__news .tabbed-content li a{



  border-radius: 50px;



  padding: 8px 15px;



  font-size: 16px;



  line-height: 24px;



}



.sec__branch .tabbed-content li.active a,



.sec__products .tabbed-content li.active a,



.section__news .tabbed-content li.active a{



  background: linear-gradient(to right, #c61822, #9d0812, #c61822);



}







.sec__branch .tab-panels .col-inner > p,



.section__news .tab-panels .col-inner > p{



  font-size: 16px;



  line-height: 24px;



  font-weight: 700;



  margin-bottom: 10px;



}







.sec__branch .tab-panels .col-inner .icon-box {



  align-items: center;



  margin-bottom: 5px;



}







.sec__branch .tab-panels .col-inner .icon-box .icon-box-text {



  font-size: 14px;



  line-height: 22px;



}







.sec__branch .is-divider {



  margin: 3px 0;



}







.sec__products h3 {



  font-size: 38px;



  line-height: 62px;



  font-weight: 700;



}







.list__product .item__product {



  border: 1px solid #5b5b5b33;



  padding: 10px;



  border-radius: 20px;



}







.list__product .item__product .image__product img {



  border-radius: 10px;



  background: radial-gradient(



    circle,



    rgba(255, 246, 176, 0.5) 0%,



    rgba(243, 201, 118, 0.5) 100%



  );



}







.info__product {



  padding: 15px;



  margin-top: 15px;



}







.info__product h3 {



  font-size: 16px;



  font-weight: 700;



  line-height: 24px;



  margin-bottom: 0;



}







.info__product h3 a {



  color: #000;



}







.price__product {



  font-size: 18px;



  line-height: 26px;



  color: #88010a;



  font-weight: 700;



  margin-bottom: 5px;



}







.link__product {

  text-transform: none;

    font-size: 14px;

    border-radius: 40px;

    padding: 7px 10px;

    cursor: pointer;

    border-width: 1px;

    font-weight: 500;

    overflow: hidden;

    position: relative;

    transition: all 0.3s ease;

    display: block;
    text-align: center;
    color: #fff;

}

.link__product:hover{
  color: #fff;
}

.link__product .icon {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    color: #88010A;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.link__product:hover .icon{
  color: #fff;
  background-color: #88010A;
}




.row__product {



  max-width: calc(100% - (100% - 1290px) / 2) !important;



  margin-left: auto;



  margin-right: 0;



  margin-top: -5%;



}







.row__product .tab-panels {



  padding-top: 3em;



}







.row__product .tabbed-content .nav {



  margin-right: 10%;



}







.sec__tech .col__right .title p {



  font-size: 15px;



  line-height: 24px;



  font-weight: 700;



  text-align: justify;



}







.sec__tech .col__right .icon-box {



  margin-bottom: 15px;



  align-items: baseline;



}







.sec__tech .icon-box-text p {



  font-size: 14px;



  line-height: 22px;



  text-align: justify;



  color: #fff;



}







.sec__about-us .col__right p,



.sec__message .col__right p {



  font-size: 14px;



  line-height: 22px;



}







.sec__about-us .number p,



.sec__message .number p {



  font-size: 30px;



  line-height: 38px;



  font-weight: 600;



  color: #262626;



  margin-bottom: 10px;



}







.sec__about-us .col__right .icon-box,



.sec__message .col__right .icon-box {



  align-items: center;



}







.sec__about-us .col__right .icon-box-img,



.sec__message .col__right .icon-box-img {



  margin-right: 25px;



  top: -4px;



}







.sec__about-us .col__right .icon-box-right .icon-box-img + .icon-box-text,



.sec__message .col__right .icon-box-right .icon-box-img + .icon-box-text {



  padding-right: 0;



}







.sec__about-us .col__right .icon-box p,



.sec__message .col__right .icon-box p {



  font-size: 30px;



  line-height: 38px;



  font-weight: 600;



  margin-bottom: 0;



}







.sec__about-us .col__right .image__bg,



.sec__message .col__right .image__bg {



  position: absolute;



  padding: 0;



  bottom: -30px;



}







.item__intro > .col-inner {



  border-radius: 20px;



  border: 1px solid #5b5b5b33;



  padding-bottom: 0;



  padding-right: 0;



}







.item__intro .col-inner .row .col:first-child {



  padding-bottom: 0;



}







.item__intro .col-inner .row .col:first-child .col-inner {



  padding: 25px;



}







.item__intro .col-inner p:first-child {



  font-size: 16px;



  line-height: 24px;



  font-weight: 700;



  margin-bottom: 10px;



}







.item__intro .col-inner p:last-child {



  font-size: 14px;



  line-height: 22px;



}







.item__intro .col-inner .row .col:last-child {



  padding-bottom: 0;



  padding-right: 10px !important;



  position: absolute;



  right: 0;



  bottom: 0;



}







.item__intro .col-inner .row .col:last-child img {



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



}







.item__intro .col-inner .row .col.col:last-child .img {



  margin-bottom: 0;



}







#post-list .post-item .image-cover {



  border-radius: 0;



}







.product_list_widget li a,



.product_list_widget li span,



.recent-blog-posts-li a {



  font-size: 14px;



}







.product_list_widget li a,



.recent-blog-posts-li a,



.post-item a {



  display: -webkit-box;



  -webkit-line-clamp: 3;



  -webkit-box-orient: vertical;



  overflow: hidden;



  text-overflow: ellipsis;



}







ul.product_list_widget li img,



.product-small img {



  border-radius: 10px;



  background: radial-gradient(



    circle,



    rgba(255, 246, 176, 0.5) 0%,



    rgba(243, 201, 118, 0.5) 100%



  );



}







.recent-blog-posts-li .badge-inner {



  border-radius: 10px !important;



}







.product-small img {



  border-radius: 0;



}







.products .title-wrapper {



  margin-bottom: 10px;



}







.sec__contact h3 {



  padding-bottom: 20px;



}







.sec__contact h4 {



  font-size: 20px;



}







.sec__contact .content__contact p, .sec__instruction .title p {



  margin-bottom: 30px;



}







.sec__contact .form-group p {



  display: flex;



  align-items: center;



  gap: 20px;



  justify-content: space-between;



}







.sec__contact form input,



.sec__contact form textarea {



  border: 1px solid #e3e3e3;



  background: #fff;



  color: #656565;



  font-size: 14px;



  font-style: initial;



  border-radius: 20px;



  height: 50px;



  margin-bottom: 20px;



}







.sec__contact form input.wpcf7-submit {



  padding: 0 30px;



  color: #fff;



}







.detail__contact p i {



  padding-right: 5px;



  color: #88010a;



}







.detail__contact p {



  margin-bottom: 10px;



}







.woocommerce-billing-fields p {



  width: 100%;



}







.sec__intro,



.sec__intro--category {



  padding-bottom: 60px !important;



background: #a5000b !important;



}







.sec__intro .title p,



.sec__message .title p,



.sec__intro--category .title p {



  margin-bottom: 30px;



}







.sec__intro .title p span,



.sec__message .title p span,



.sec__intro--category .title p span {



  display: block;



  text-align: right;



}







.sec__intro .description p {



  max-width: 65%;



  text-align: justify;



  margin-bottom: 0;



  line-height: 24px;



}







.page__intro.sec__about-us .col__about--right {



  position: relative;



}







.page__intro.sec__about-us .col__about--right > .col-inner {



  position: absolute;



  bottom: 20px;



}







.col__about--right .row__image .img img {



  border-radius: 20px;



}







.sec__message .title {



  max-width: 72%;



}







.sec__message .title p {



  font-size: 38px;



  line-height: 46px;



  font-weight: 700;



  text-transform: uppercase;



}







.sec__message .message p {



  font-size: 28px;



  line-height: 26px;



  text-align: justify;



  font-family: "Ms-Madi", cursive;



  margin-bottom: 25px;



}







.sec__message .description {



  text-align: justify;



}







.sec__message .col__center .box .box-image {



  margin-bottom: 20px;



text-align: center;



}







.sec__message .col__center .box .box-image img {



width: auto;







}







.sec__message .col__center .box h4 {



  font-size: 34px;



  line-height: 28px;



  font-family: "Ms-Madi", cursive;



  font-weight: 400;



  margin-bottom: 15px;



  margin-top: 0;



}







.sec__message .col__center .box p {



  font-size: 16px;



  line-height: 26px;



}







.sec__vision .col__left .title,



.sec__vision .col__right .title {



  padding: 30px 30px 85px 30px;



  border-radius: 20px;



}







.sec__vision .col__right .title {



  background: #5b5b5b33;



  height: 465px;



}







.sec__vision .col__left .title::after {



  content: "";



  bottom: 0;



  right: 0;



  background: url(/wp-content/uploads/2025/10/image-35.png) no-repeat center /



    contain;



  position: absolute;



  width: 130px;



  height: 109px;



}







.sec__vision .col__right .title::after {



  content: "";



  bottom: 0;



  right: 0;



  background: url(/wp-content/uploads/2025/10/image-35-1.png) no-repeat center /



    contain;



  position: absolute;



  width: 130px;



  height: 109px;



  opacity: 0.5;



}







.sec__vision .col__left .title p,



.sec__vision .col__right .title p {



  font-size: 38px;



  line-height: 48px;



  text-transform: uppercase;



  font-weight: 700;



  color: #fff;



}







.sec__vision .col__left .title p span,



.sec__vision .col__right .title p span {



  text-align: right;



  display: block;



}







.sec__vision .col__left .icon,



.sec__vision .col__right .icon {



  position: absolute;



  top: 14%;



  left: 87%;



}







.sec__vision .col__right .icon {



  left: 89%;



  top: 6%;



}







.sec__vision .description {



  text-align: justify;



  font-size: 14px;



  line-height: 22px;



}







.sec__vision .row-large .title__col {



  padding: 0 10px 30px !important;



}







.category-page-title {



  display: none;



}







.sec__advance {



  padding-bottom: 110px !important;



}







.sec__advance .advance__item .title > .col-inner {



  font-size: 20px;



  line-height: 28px;



  font-weight: 700;



  background-color: #5b5b5b33;



  border-radius: 20px;



  padding: 35px 30px;



  height: 180px;



}







.sec__advance .advance__item .title img.size-full.alignnone {



  margin-bottom: 0;



}







.sec__advance .advance__item .title > .col-inner p:first-child {



  max-width: 80%;



}







.sec__advance .advance__item .title > .col-inner p:last-child {



  position: absolute;



  bottom: 0;



  right: -40px;



}







.sec__advance .advance__item .description > .col-inner {



  padding: 0 25px;



}







.sec__advance .advance__item .description > .col-inner p {



  font-size: 14px;



  line-height: 22px;



}







.sec__advance .row__advance .advance__item .title > .col-inner p:last-child {



  right: -20px;



  bottom: -25px;



}







.sec__ingrement .col__left{



  padding-top: 82px !important;



}







.sec__ingrement .col__right{



  padding-top: 22% !important;



}







.sec__ingrement .title{



  max-width: fit-content;



  margin-bottom: 75px;



}







.sec__ingrement .title p{



  font-size: 38px;



  line-height: 46px;



  font-weight: 700;



}







.sec__ingrement .title span{



  display: block;



  text-align: right;



}







.sec__ingrement .col__center {



    margin-top: -12%;



    margin-bottom: -6%;



}







.sec__ingrement .col__center .img {



    bottom: -20px;



}



.sec__ingrement .row__content .number{



  border-radius: 99px;



  font-size: 18px;



  line-height: 26px;



  color: #fff;



  font-weight: 700;



  margin-left: 20px;



  padding: 10px;



}







.sec__products .row__category--product .info__product h3{



  padding-right: 0;



}







.row__category--product{



  margin-top: -3%;



}







.row__category--product .tabbed-content .tab-panels{



  padding-top: 5%;



}







.sec__instruction .title__step p{



  font-size: 20px;



  line-height: 28px;



  font-weight: 700;



}







.sec__instruction .step__data .icon-box{



  align-items: center;



}







.sec__instruction .step__data .icon-box-left .icon-box-img+.icon-box-text{



  padding-left: 20px;



}







.sec__instruction .step__data .icon-box-left .icon-box-img+.icon-box-text p{



  font-size: 14px;



  line-height: 22px;



}







.sec__instruction .row__video .box-image{



  border-radius: 20px;



}







.sec__advance .col__video > .col-inner{



  position: absolute;



  bottom: 35%;



  right: 0;



}







.custom__btn--above{



  position: absolute;



  top: 0;



  left: 0;



  background-color: #a5000b;



  border-radius: 0 0 25px 0;



  padding-bottom: 15%;



  padding-right: 15%;



}







.custom__btn--below{



  position: absolute;



  padding-top: 15%;



  padding-left: 15%;



  bottom: 0;



  right: 0;



  background-color: #fff;



  border-radius: 25px 0 0 0;



}











.custom__btn--below::before{



  content: "";



  position: absolute;



  bottom: -1px;



  right: 100%;



  width: 18px;



  height: 20px;



  background: url(/wp-content/uploads/2025/09/icon7.svg) no-repeat center / contain;



}







.custom__btn--below::after{



  content: "";



  position: absolute;



  top: -33px;



  right: 0;



  width: 32px;



  height: 34px;



  background: url(/wp-content/uploads/2025/09/icon7.svg) no-repeat center / contain;



}







.custom__btn--above::before{



  content: "";



  position: absolute;



  left: 0;



  width: 30px;



  height: 30px;



  bottom: -30px;



  background: url(/wp-content/uploads/2025/10/Exclude-1.svg) no-repeat center / contain;



}







.custom__btn--above::after{



  content: "";



  position: absolute;



  right: -30px;



  width: 30px;



  height: 30px;



  top: 0px;



  background: url(/wp-content/uploads/2025/10/Exclude-1.svg) no-repeat center / contain;



}











@media screen and (min-width: 1440px) {



  .sec__feedback .item__feedback {



    flex-basis: 20%;



    max-width: 20%;



  }



}







@media screen and (min-width: 850px) {



  .sec__vision .title__col {



    max-width: 42% !important;



    flex-basis: 42% !important;



  }



  .sec__vision .description__col {



    max-width: 58% !important;



    flex-basis: 58% !important;



  }



}







@media screen and (max-width: 1440px) {



  .row__product {



    margin-top: -6.5%;



  }



}







@media only screen and (max-width: 880px) {



  .hide_for_table {



    display: none;



  }



  .sec__partner .col__right .img,



  .sec__tech .col__center .img {



    position: unset;



    width: 100% !important;



  }



  .first__post {



    margin-bottom: 50px;



  }



  .row__product {



    margin-top: auto;



  }



  .row__product .tabbed-content .nav {



    margin-right: auto;



    justify-content: center;



  }



  .sec__partner .row-collapse {



    padding: 0 15px;



  }



}







@media only screen and (max-width: 550px) {



  .item__intro:first-child .col-inner .row .col:last-child img {



    border-radius: 10px 10px 0 0;



  }



  .sec__products h3,



  .sec__about-us .col__left h3, .section__news h3, .sec__feedback h3, .sec__instruction .title p, .sec__ingrement .title p {



    font-size: 26px;



  }



  .info__product h3 {



    font-size: 16px;



  }







  .sec__partner .col__left p,



  .sec__tech .col__left .title p,



  .sec__branch .col__left .title p,



  .section__news h3,



  .sec__feedback h3,



  .sec__contact h3 {



    font-size: 30px;



    line-height: 46px;



  }



  .section__news h3,



  .sec__feedback h3 {



    line-height: 40px;



  }



  .section__news .post-item .image-cover {



    padding-top: 64% !important;



  }



  .item__intro .col-inner .row .col:first-child .col-inner {



    min-height: 235px;



  }



  .html_topbar_right .header__top--icon:first-child {



    margin-right: auto;



  }



  .html_topbar_right .header__top--icon {



    padding-left: 0 !important;



  }







  .header__top--icon {



    flex-wrap: nowrap !important;



  }



  .open__image {



    margin-top: -10px;



  }



  #logo > a {



    padding: 0;



  }



  .header-wrapper.stuck #logo > a {



    padding-bottom: 20px;



  }







  .sec__branch .tabbed-content li a,



  .sec__products .tabbed-content li a {



    font-size: 14px;



  }



  .sec__products .tabbed-content li a {



    padding: 10px 22px;



  }



  .sec__branch .tabbed-content li a,



  .sec__products .tabbed-content li a {



    padding: 8px 15px;



  }







  .sec__contact .col {



    padding-bottom: 0;



  }



  .sec__advance .advance__item .title > .col-inner p:first-child{



      max-width: 50%;



  }



}



@media only screen and (max-width: 395px) {



    .sec__intro--category .title{



        max-width: 100% !important;



    }



    



}



@media only screen and (max-width: 338px) {



  .sec__about-us .col__right .icon-box-img, .sec__message .col__right .icon-box-img{



    margin-right: 0;



  }



}







.m-b-0 {



  margin-bottom: 0 !important;



}



.p-t-30 {



  padding-top: 30px !important;



}







.img,



.img img {



  width: auto;



}







.row-small > .col,



.row-small > .flickity-viewport > .flickity-slider > .col {



  padding: 0 10px 20px;



}



blockquote,



dl,



figure,



form,



ol,



p,



pre,



ul {



  margin-bottom: 10px;



}



.uppercase,



h6,



span.widget-title,



th {



  letter-spacing: 0;



}







header .header-main {



  height: 80px;



  z-index: 11;



padding: 0 15px;



}



.header-main .header-inner .flex-col.hide-for-medium.flex-left.flex-grow {



  display: none;



}



.header-main .header-inner .flex-right {



  margin: 0 auto;



}



.header-main #logo {



  width: 290px;



}



.header-main #logo > a {



  padding: 0px 10px 28px;



  margin-bottom: -32px;



}



.header-main #logo img {



  bottom: -8px;



  position: relative;



}



.header-main .nav > li > a {



  padding: 0;



text-transform: uppercase;



}



.header-main .cart-item {



  margin-left: 30px !important;



}



.has-sticky .stuck .header-main {



  height: 65px !important;



}



.has-sticky .stuck .header-main #logo > a {



  padding: 0px 10px 20px;



  margin-bottom: 0;



}



.header-shadow .header-wrapper,



.header-wrapper.stuck,



.layout-shadow #wrapper {



  box-shadow: none;



}



.header-main .top-divider {



  display: none;



}







@media (min-width: 850px) and (max-width: 1120px) {



.header-top {



padding: 0 15px;



}



  .header-main #logo {



    width: 135px;



    margin-right: 10px;



  }



  .header-main #logo > a {



    padding: 0 0 28px 0;



    margin-bottom: -20px;



  }



  #logo > a::before {



    background: #fff;



  }



  .nav-spacing-xlarge > li {



    margin: 0 8px;



  }



  .header-nav-main .menu-item-object-product_cat {



    padding-right: 8px;



    margin: 0 0 0 8px;



  }



  .nav-size-medium > li > a {



    font-size: 12px;



    line-height: 20px;



  }



  .header-main .cart-item {



    margin-left: 10px !important;



  }



  .header-top {



    margin-bottom: 0;



  }



  header .header-main {



    height: 60px;



    margin-top: -8px;



  }







.header-main .header-inner .flex-right {



    margin-top: 5px;



}



  .header-main #logo img {



    bottom: -12px;



  }



  .image-icon img {



    max-width: 20px;



    top: -2px;



    position: relative;



  }



  .has-sticky .stuck .header-main {



    margin-top: 0;



  }



  .has-sticky .stuck .header-main {



    height: 48px !important;



  }



  .has-sticky .stuck .header-main #logo img {



    bottom: -8px;



  }



  .header-top .container {



    padding: 0;



  }



  .sec__partner .col__left p, .sec__tech .col__left .title p, .sec__intro .title p, .sec__intro--category .title p, .sec__ingrement .title p{



    font-size: 30px;



  }



  .sec__advance .col__video > .col-inner{



    bottom: 75%;



  }



  .sec__intro--category{



    padding-left: 30px;



  }



}







.sec__about-us .col__left .col-inner {



  padding-left: 25px;



  padding-right: 15px;



}



.sec__about-us .box-overlay .box-text,



.sec__message .box-shade .box-text {



  padding: 0;



}



.sec__about-us .box-overlay .box-text,



.sec__message .box-shade .box-text, .sec__instruction .row__video .box-overlay .box-text, .sec__advance .box-overlay .box-text {



  top: 50%;



  transform: translateY(-50%);



  bottom: unset;



}



.sec__about-us .col__right .col-inner,



.sec__message .col__right .col-inner {



  padding-left: 15px;



}



.sec__about-us .col__right .is-divider,



.sec__message .col__right .is-divider {



  margin: 20px 0;



}



.sec__about-us .col__right .counter,



.sec__message .col__right .counter {



  padding: 0;



}



.sec__about-us .col__right .image__bg .img,



.sec__about-us .col__right .image__bg .img img {



  width: unset !important;



  text-align: right;



}



.item__intro.sau .col-inner {



  padding-bottom: 22px;



}



.item__intro.sau .anh .col-inner {



  padding-bottom: 0;



}



.sec__about-us .item__intro .col-inner {



  overflow: hidden;



}



.sec__about-us .item__intro .abg {



  bottom: unset !important;



  top: 10px;



}







.sec__intro .section-content{



  z-index: 2;



}







.page__intro.sec__about-us{



  z-index: 1;



}



@media (min-width: 850px) and (max-width: 1070px) {



  .sec__about-us .col__right .counter {



    flex-basis: 100%;



    max-width: 100%;



  }



  .sec__about-us .item__intro .abg {



    bottom: -20px !important;



    top: unset !important;



  }



  .sec__ingrement .col__right{



    padding-top: 30% !important;



  }



}



@media (max-width: 849px) {



  #logo > a::before,



  #logo > a::after {



    height: 25px;



  }



  .row-small > .col,



  .row-small > .flickity-viewport > .flickity-slider > .col {



    padding: 0 20px 20px;



  }



  .sec__about-us .col__left {



    order: 1;



  }



  .sec__about-us .col__center {



    order: 3;



    margin-top: 20px;



  }



  .sec__about-us .col__right {



    order: 2;



  }



  .sec__about-us .col__left .col-inner {



    padding-left: 0;



    padding-right: 0;



  }



  .sec__about-us .item__intro .abg {



    bottom: 0px !important;



    top: unset !important;



  }



  .item__intro .col-inner .row .col:first-child .col-inner {



    padding: 25px 0 25px 25px;



  }



  .item__intro .col-inner .row .col:last-child {



    padding-right: 0 !important;



  }



  .item__intro .col-inner .row .col:last-child img {



    border-radius: 10px 0 0 0;



  }



  .sec__intro--category .row-collapse, .sec__ingrement .row-collapse, .sec__intro .row-collapse{



    padding: 0 30px;



  }



 .page__intro.sec__about-us .col__about--right > .col-inner{



    position: unset;



  }



   .col__about--right .row__image .img img{



    width: 100%;



  }



  .sec__advance .col__video > .col-inner{



    position: unset;



  }



  .custom__btn--above, .custom__btn--below{



    display: none;



  }



  .sec__ingrement .col__left{



    padding-top: 30px !important;



  }



  .sec__ingrement .col__center .img{



    position: unset;



  }



   .sec__ingrement .col__right{



    padding-top: 0 !important;



  }



  .sec__ingrement .title{



    margin-bottom: 35px;



  }



  .row__category--product{



    margin-top: 0;



  }



  .row__content .text-right p{



    display: flex;



    flex-direction: row-reverse;



    align-items: center;



    justify-content: flex-end;



    gap: 4px;



    font-size: 13px;



  }



.sec__ingrement .small-6:nth-child(odd) {



    padding-right: 0;



}



.sec__ingrement .small-6:nth-child(even) {



    padding-left: 0;



}



  .sec__intro .description p{



    max-width: 100%;



  }



  .sec__ingrement .row__content .number{



    margin-left: 0;



  }



  .sec__ingrement .row__content .number{



    width: 30px;



    height: 30px;



    text-align: center;



    display: flex;



    align-items: center;



    justify-content: center;



    padding: 0;



  }



}



@media (max-width: 550px) {



  .sec__about-us .item__intro {



    flex-basis: 100%;



    max-width: 100%;



  }



  .sec__about-us .item__intro.truoc .large-7 {



    flex-basis: 58.3333333333%;



    max-width: 58.3333333333%;



  }



  .sec__about-us .item__intro .abg {



    bottom: unset !important;



    top: 10px !important;



    flex-basis: 41.6666666667%;



    max-width: 41.6666666667%;



    position: unset !important;



  }



  .item__intro .col-inner .row .col:first-child .col-inner {



    min-height: unset;



  }



  .item__intro.truoc .col-inner .row .col:last-child {



    position: unset;



  }



  .item__intro:first-child .col-inner .row .col:last-child img {



    border-radius: 0;



  }



  .sec__about-us .item__intro .anh {



    text-align: right;



  }







  .sec__advance .col__video > .col-inner{



    position: unset;



  }



  .sec__advance .advance__item .title > .col-inner p:last-child{



    right: 0 !important;



    bottom: 0 !important;



  }



  .sec__advance{



    padding-bottom: 40px !important;



  }







  .sec__ingrement .col__center .img{



    bottom: 0;



  }



  .sec__intro .title p span, .sec__message .title p span, .sec__intro--category .title p span{



    text-align: left;



  }



  .sec__vision .col__left .title p span, .sec__vision .col__right .title p span{



    display: inline-block;



  }



  .sec__vision .col__right .title{



    height: auto;



  }



  .sec__intro .title p, .sec__message .title p, .sec__intro--category .title p{



    font-size: 30px;



    line-height: 40px;



  }



}



.sec__tech.bg__gradient .col__left .col-inner {



  padding-left: 25px;



  padding-right: 15px;



}



.sec__tech.bg__gradient .col__center {



  margin-top: -12%;



  margin-bottom: -6%;



}



.sec__tech.bg__gradient .section-bg.fill {



  background-image: url(/wp-content/uploads/2025/09/Frame.svg);



  opacity: 0.5;



  background-repeat: repeat;



  background-position: center;



  background-size: contain;



}



.sec__tech.bg__gradient .col__right .title {



  margin-bottom: 20px;



}



.sec__tech.bg__gradient .col__left .title span {



  display: block;



  text-align: right;



}







.sec__intro--category .title {



  max-width: 70%;



}



@media (min-width: 850px) {



  .sec__tech.bg__gradient .col__left,



  .sec__tech.bg__gradient .col__right {



    padding-top: 3%;



  }



}



@media (max-width: 1110px) {



  .sec__tech.bg__gradient .col__left .title span {



    display: unset;



  }



}



@media (max-width: 849px) {



  .sec__tech.bg__gradient .col__left .col-inner {



    padding-left: 0;



    padding-right: 0;



  }



  .sec__tech.bg__gradient .col__left {



    order: 1;



  }



  .sec__tech.bg__gradient .col__center, .sec__ingrement .col__center{



    order: 3;



    flex-basis: 65%;



    max-width: 65%;



    margin-top: -10%;



    margin-bottom: -26%;



    margin-left: auto;



  }



  .sec__tech.bg__gradient .col__right {



    order: 2;



  }



  .sec__tech.bg__gradient .col__left .title span {



    display: block;



  }



}







.sec__products .info__product h3 {



  padding-right: 20px;



}



@media (min-width: 850px) {



  .sec__products {



    padding-bottom: 10px !important;



  }



}







@media (max-width: 549px) {



  .sec__products {



    padding-bottom: 30px !important;



  }



  .sec__branch .tabbed-content li a,



  .sec__products .tabbed-content li a {



    padding: 8px 12px;



  }



  .sec__products .aaad .col {



    padding-bottom: 0;



  }



  .sec__products .row__product .tab-panels {



    padding-top: 20px;



  }



  .sec__branch {



    padding-bottom: 20px !important;



  }



}







@media (min-width: 550px) {



  .sec__branch {



    padding-bottom: 40px !important;



  }



  .sec__partner {



    padding-bottom: 20px !important;



  }



}







@media (min-width: 850px) {



  .sec__branch .col__left .uppercase span {



    display: block;



    text-align: right;



  }



}







.sec__branch .tab-panels {



  padding-left: 15px;



}



.sec__partner .col__right {



  margin-top: -10%;



  margin-bottom: -8%;



}



@media (min-width: 849px) {



  .sec__partner .col__left .uppercase span {



    display: block;



    text-align: right;



  }



}



@media (max-width: 850px) {



  .sec__partner .col__right {



    margin-top: -5%;



    margin-bottom: -16%;



    margin-left: auto;



  }



  .sec__feedback .row-small > .col {



    padding: 0 10px 20px;



  }



}



@media (max-width: 550px) {



  .sec__partner .col__right {



    margin-bottom: -24%;



  }



  .sec__partner .col__left .uppercase span {



    display: block;



    text-align: right;



  }



  .first__post {



    margin-bottom: 20px;



  }



  .section__news .is-divider {



    display: none;



  }



  .large-columns-2 {



    padding-bottom: 20px;



  }



  .col__link.so1 {



    flex-basis: 40%;



    max-width: 40%;



  }



  .col__link.so2 {



    flex-basis: 60%;



    max-width: 60%;



  }



}



.row__feedback {



  border-bottom: 1px solid rgb(91 91 91 / 20%);



}



.col__above .large-columns-2 .box-text-inner {



  padding: 0 15px;



}



.large-columns-1 .post-item h5 a {



  -webkit-line-clamp: 3;



}



@media (max-width: 450px) {



  .sec__feedback .item__feedback {



    flex-basis: 100%;



    max-width: 100%;



  }



}



img:is([sizes="auto" i], [sizes^="auto," i]) {



  contain-intrinsic-size: revert !important;



}



.button.open-video i {



  top: 1px !important;



}











.slider-wrapper .wid100 img {



	width: 100%;



}



.nav-small.nav>li.html {



    font-size: .9em;



}



.nav-size-medium>li>a {



    font-size: 1em;



}



.header-top {



    background: linear-gradient(to right, #c61822, #9d0812, #c61822) !important;



    color: #fff !important;



}



.truoc.item__intro .col-inner .row .col:first-child .col-inner {



    min-height: 162px;



}



.button, button, fieldset, input, select, textarea {



    margin-bottom: 0;



}



.sec__products .large-6 {



    padding-bottom: 0;



}















@media (min-width: 1121px) and (max-width: 1380px) {



.header-main #logo {



    width: 235px;



}



.logo-left .logo {



    margin-right: 10px;



}



.nav-spacing-xlarge > li {



    margin: 0 8px;



}



.nav-size-medium>li>a {



    font-size: 14px;



}



.header-nav-main .menu-item-object-product_cat {



    padding-right: 10px;



    margin: 0 0 0 10px;



}



.nav-size-medium>li>a {



    font-size: 15px;



}



}







@media (min-width: 850px) and (max-width: 1200px) {



.nav-size-medium>li>a {



    font-size: 12px;



}

}

@media (max-width: 550px) {

h1, h2, h3, h4, h5, h6 {

    margin-bottom: 0;

}

}

@media screen and (max-width: 849px) {

    .col {

        padding-bottom: 10px;

    }

}

.image__product {

    position: relative;

    overflow: hidden;

}



.image__product img {

    width: 100%;

    display: block;

    transition: opacity 0.4s ease, transform 0.4s ease;

}



.image__product .img-hover {

    position: absolute;

    inset: 0;

    opacity: 0;

    transform: scale(1);

}



.image__product:hover .img-main {

    opacity: 0;

}



.image__product:hover .img-hover {

    opacity: 1;


}