/*
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: 12px;
  gap: 5px;
  color: #262626;
}

.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: 400 !important;
}

.header-top {
  margin-bottom: -20px;
}

#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;
}

.btn__products {
  padding: 0 30px;
}

.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 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}

.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: -4%;
}

.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) {
  .header-wrapper {
    padding: 0 15px;
  }
  #logo > a::before,
  #logo > a::after {
    height: 28px;
  }
  .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: 30px;
  }
  .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;
}
.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;
}
.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-wrapper {
    padding: 0 15px;
  }
  .header-main #logo {
    width: 220px;
    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: -16px;
  }

  .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: 60px !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;
}