@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url(/webfonts/fa-light-300.woff2) format("woff2"), url(/webfonts/fa-light-300.ttf) format("truetype");
}
@font-face {
    font-family: 'Roboto';
    src: url(/webfonts/Roboto-Italic.woff2) format('woff2'), url(/webfonts/Roboto-Italic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
:root {
    --theme-color: #00B33D;
    --theme-color2: #61BC3F;
    --black: #2e2e2e;
    --grey: #9e9e9e;
    --fa6: 'Font Awesome 6 Pro';
    --regular: 'Roboto', sans-serif;
}

#content span,
.entry-content span {
    font-family: 'Roboto' !important;
}
.entry-content span,
#content span {
    font-size: 100% !important;
}
.container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
body {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-style: normal;
    font-family: var(--regular);
}
p {
    font-size: 16px;
    margin-bottom: 1rem;
}
#header .header-nav-main>.menu-item>a {
    padding: 26px 0;
    font-size: 15px;
    color: #3A3A3C;
    font-weight: 500;
}
#header .header-nav-main>.menu-item>a:hover,
#header .header-nav-main>.menu-item.active>a {
    color: var(--theme-color);
}
.header-nav-main>.menu-item .icon-angle-down {
    display: none
}
.header-nav-main>.menu-item {
    margin: 0px 10px;
}

#header .header-button-1,
#header .header-button-2 {
    margin: 0px 8px
}

#header .header-button-1 a {
    height: 30px;
    box-shadow: none;
    background-color: #fff;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    font-size: 14px;
    font-weight: 400;
		margin:0px
}

#header .header-search i {
    color: var(--theme-color);
    font-size: 24px !important;
}

#search-lightbox #woocommerce-product-search-field-0 {
    background-color: #fff !important;
    color: #292929 !important;
    height: 50px;
    font-size: 16px;
    padding: 0 30px;
    border-radius: 99px;
}

#search-lightbox .searchform .button.icon {
    min-height: 50px;
    min-width: 50px;
    width: 50px;
    height: 50px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

#search-lightbox #woocommerce-product-search-field-0::placeholder {
    color: #292929
}

#search-lightbox .searchform .icon-search {
    font-size: 20px;
    color: #292929;
    transform: translateY(1px)
}

#search-lightbox .searchform .icon-search:before {
    color: var(--theme-color);
}

#header .header-button-2 a {
    height: 30px;
    box-shadow: none;
    background-color: var(--theme-color);
    color: #fff;
    border: 1px solid var(--theme-color);
    font-size: 14px;
    font-weight: 400;
    padding: 0 20px; 
		margin:0px
}

#header .header-button-2 a:hover {
    background-color: #fff;
    color: var(--theme-color);
}

#header .header-button-1 a:hover {
    background-color: var(--theme-color);
    color: #fff;
}

#header .cart-item {
    margin-left: 12px
}

#header .header-main {
    border-bottom: 1px solid #dddddd4d;
}
.text-box-home h2 {
    font-size: 36px;
    color: var(--theme-color);
    text-transform: uppercase;
    margin-bottom: 35px;
}
#main .sec-home-1{padding-top: 80px;
    padding-bottom: 64px;}
#main .sec-home-1 .btn-viewall {
    margin: 26px 0 0
}

.sec-home-1 .col-right {
    padding-left: 45px;
}

.sec-home-1 .col-right .img {
    position: absolute;
    top: -30px;
    left: 0;
}

.sec-home-1 .col-bottom {
    padding-top: 40px
}

.sec-home-1 .col-bottom .col-inner {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 30px;
}

.sec-home-1 .col-bottom .icon-box-img {
    width: 47px !important;
    height: 47px;
    background-color: #33CC33;
    border-radius: 50%;
    margin-bottom: 13px;
}

.sec-home-1 .col-bottom .icon-box-img img {
    height: 100%;
    object-fit: contain;
    width: auto;
    filter: brightness(0) invert(1);
    padding: 0;
}

.sec-home-1 .col-bottom .icon-box-img .icon {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.sec-home-1 .col-bottom .icon-box-img .icon-inner {
    width: auto;
}

.sec-home-1 .col-bottom .icon-box {
    border-radius: 8px;
    background: linear-gradient(359deg, #FFF -2.46%, #F0FFE9 119.43%);
    box-shadow: 0px -1px 0px 1px #3C3;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 20px 23px;
    cursor: pointer;
		width:100%
}

.sec-home-1 .col-bottom .icon-box p {
    font-size: 15px;
    font-weight: 600;
    color: #575757;
    line-height: normal;
}

.sec-home-1 .col-bottom .icon-box.active {
    background: linear-gradient(359deg, #3C3 0.45%, #00B33D 98.93%);
}

.sec-home-1 .col-bottom .icon-box.active p {
    color: #fff
}

.sec-home-1 .col-bottom .icon-box.active .icon-box-img {
    background-color: #fff
}

.sec-home-1 .col-bottom .icon-box.active .icon-box-img img {
    filter: unset
}

/* End sec-home-1  */
/* sec-home-2 */
#main .sec-home-2 {
    padding-bottom: 20px;
    padding-top: 60px;
}

#main .sec-home-2 .box-text {
    padding: 0;
    position: absolute;
    top: 0;
}

#main .sec-home-2 .video-button-wrapper a {
    background: linear-gradient(180deg, rgba(51, 204, 51, 0.60) 0%, rgba(14, 167, 65, 0.60) 100%);
    width: 62px;
    height: 62px;
    border: 1px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: ripple 0.7s linear infinite;
    animation: ripple_video 0.7s linear infinite;
}

#main .sec-home-2 .video-button-wrapper .icon-play {
    font-size: 26px !important;
    color: #fff;
    padding-left: 7px;
}

#main .sec-home-2 .video-button-wrapper .icon-play:before {
    content: '\f04b';
    font-family: var(--fa6);
    font-weight: 700;
}

.sec-home-2 .col-right {
    padding-left: 90px;
    padding-top: 20px;
}

.sec-home-2 .col-right .text-top p {
    color: #575757;
    line-height: 20px;
    text-align: justify;
}

.sec-home-2 .col-right .text-top {
    margin-bottom: 50px
}

.sec-home-2 .col-right .list-icon {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px 60px;
}

.sec-home-2 .col-right .list-icon p {
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    color: #3A4A40;
}

.sec-home-2 .col-right .list-icon .icon-box img {
    transition: all .3s
}

.sec-home-2 .col-right .list-icon .icon-box:hover img {
    transform: scale(1.08) translateX(10px)
}

.sec-home-2 .col-right .list-icon .icon-box:hover p {
    color: var(--theme-color);
}

.sec-home-2 .col-right .list-icon img {
    padding: 0;
}
.text-box-home p{    line-height: 20px;
    color: #575757;
    text-align: justify;}
.sec-home-3 .header-title{margin: 0;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 9px;
	text-shadow:none;
}
.sec-home-3 .count{text-shadow:none;}
.sec-home-3 .box-1 .header-title{color:#3A3A3A}
.sec-home-3 .box-2 .header-title{color:#FFF}
.sec-home-3 .count {
    margin: 0;
    font-size: 14px;
    position: relative;
    padding-left: 30px;
    line-height: 20px;
}
.sec-home-3 .box-1 .count{color:#656565}
.sec-home-3 .box-2 .count{color:#FFF}
.sec-home-3 .count:before {
    content: "\f061";
    font-family: var(--fa6);
    width: 20px;
    height: 20px;
    background-color: var(--theme-color);
    position: absolute;
    left: 0;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec-home-3 .box-1 {
    border-radius: 15px;
    background: #E0FFED;
    margin-bottom: 30px;
    overflow: hidden;
		background-image: unset !important;
}
.sec-home-3 .overlay{display:none}
.sec-home-3 .banner a.fill{z-index:101}
.sec-home-3 .box-1:hover:before,.sec-home-3 .box-3:hover:before,.sec-home-3 .box-4:hover:before {
    transform: scale(1.4);
}
.sec-home-3 .box-1:before,.sec-home-3 .box-3:before,.sec-home-3 .box-4:before{
	content: "";
    width: 173%;
    height: 135%;
    transform: rotate(-2.688deg);
    position: absolute;
    border-radius: 50%;
    top: 58%;
    left: 0px;
    transition: all .8s;}
.sec-home-3 .box-1:before{
	background: linear-gradient(309deg, #C2EDD4 1.11%, #E0FFED 117.54%);
}
.sec-home-3 .box-3:before{
	background: linear-gradient(309deg, #faebd6 1.11%, #fbefdd 117.54%);
}
.sec-home-3 .box-4:before{
	background: linear-gradient(309deg, #e2fbd1 1.11%, #d0fbb3 117.54%);
}
.sec-home-3 .box-1 .box-image{padding-top: 80px;
    padding-left: 69px;
    padding-bottom: 30px;}
.sec-home-3 .box-2 .box-image{
	padding-top: 120px;
    padding-bottom: 30px;
}
.sec-home-3 .box-2 .banner-inner .container:hover:after {
    transform: scale(1.4);
}
.sec-home-3 .img{z-index:100}
.sec-home-3 .box-2 .banner-inner .container:after {
    content: "";
    width: 173%;
    height: 68%;
    transform: rotate(-2.688deg);
    position: absolute;
    background: linear-gradient(103deg, rgba(14, 166, 66, 0.90) 5.09%, rgba(30, 123, 57, 0.90) 98.68%);
    border-radius: 50%;
    top: 78%;
    left: 0px;
    transition: all .8s;
    z-index: 0;
}
.sec-home-3 .col-left .box-2 {
	background: linear-gradient(rgb(4 197 53 / 50%), rgb(250 255 251 / 50%)), url(https://hunonicvietnam.vn/wp-content/uploads/2026/02/Mask-group-13.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 15px;
	overflow: hidden;
}

.sec-home-3 .col-left .box-2:hover:after {
    transform: scale(1);
    opacity: 1;
}
.box-banner .banner{border-radius:15px; overflow:hidden}
.box-banner .overlay-banner .container{background: linear-gradient(270deg, rgba(34, 130, 56, 0.20) 0%, rgba(34, 130, 56, 0.40) 49.56%, rgba(34, 130, 56, 0.80) 100%);}
.box-banner .banner-layers{overflow:hidden}
.box-banner .img .img-inner{display:flex}
.box-banner .img .img-inner img{width:70%;margin-left: auto; 
margin-right: 0;}
.box-banner .banner a.fill{z-index:10}
.box-banner .overlay-banner .container:before{content: "\2b";
    font-family: var(--fa6);
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #00B23B;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    z-index: 3;
    bottom: 25px;
    left: 22px;
    opacity: 0;
    transition: all .5s;
    transform: scale(0.8);}
.box-banner .overlay-banner .container:hover:before {
    transform: scale(1);
    opacity: 1;
}

.sec-home-4 .title-home h2 {
    margin-bottom: 20px;
}
.title-home h2 {
    font-size: 34px;
    color: var(--theme-color);
    text-transform: uppercase;
    margin-bottom: 35px;
}
.sec-home-4 .title-home p {
    max-width: 718px;
	margin: 0 auto;}
.sec-home-4 .box-text h4 {
    margin: 0 0 40px;
    font-size: 30px;
    color: #00B23B;
}
.sec-home-4 .box-text ul {
    list-style: none;
    margin-bottom: 0;
    position: relative;
}
.sec-home-4 .box-text ul:before {
    content: "";
    width: 1px;
    height: 0;
    background-color: var(--theme-color);
    position: absolute;
    top: 25px;
    right: 10px;
    transition: all .8s;
    transition-delay: .5s;
}
.sec-home-4 .box-text ul:before {
    height: calc(100% - 40px);
}
.sec-home-4 .box-text ul li {
    margin-left: 0;
    font-size: 15px;
    font-weight: 500;
    color: #575757;
    padding-right: 70px;
    position: relative;
    margin-bottom: 45px;
	text-shadow:none
}
.sec-home-4 .img-1 .box-text {
    padding: 0 70px 0 64px;
}
.sec-home-4 .img-2 .box-text {
    padding: 0 64px 0 70px;
}
.sec-home-4 .box .box-text {
    position: absolute;
    top: 67px;
    width: 100%;
}
.sec-home-4 .box-text ul li:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    background-color: #EFFAE7;
    border-radius: 50%;
    border: 5px solid #00B23B;
    top: 50%;
    transform: translateY(-50%);
}
.sec-home-4 .img-2 .box-text h4 {
    color: #fff;
}
.sec-home-4 .img-2 .box-text ul li {
    color: #fff;
    padding-left: 70px;
    padding-right: 0;
}
.sec-home-4 .img-2 .box-text ul li:before {
    left: 0;
    border-color: #F4FFED;
    background-color: #00B23B;
}
.sec-home-4 .img-2 .box-text ul:before{
	right: unset;
    left: 10px;
    background-color: #fff;
}

.sec-home-5 .title-home p {
    max-width: 466px;
    line-height: 22px;
    color: #575757;
    margin-bottom: 26px;
    text-align: justify;
}
.sec-home-5 .title-home ul {
    list-style: none;
    margin-bottom: 39px;
}
.sec-home-5 .title-home ul li {
    margin-left: 0;
    padding-left: 24px;
    position: relative;
    color: #3A4A40;
    font-size: 15px;
    max-width: 466px;
}
.sec-home-5 .title-home ul li:before {
    content: "";
    border: 5px solid transparent;
    position: absolute;
    border-left: 6px solid #3C3;
    left: 4px;
    display: block;
    opacity: 1;
    top: 6px;
}
.sec-home-5 .row-collapse .col-left h2 {
    margin: 20px 0 0;
    color: #fff;
    font-size: 30px;
}
.sec-home-5 .row-collapse {
    border-radius: 15px;
    background: linear-gradient(270deg, #3C3 2.61%, #00B33D 99.85%);
    overflow: hidden;
    margin-top: -176px;
    z-index: 3;
    position: relative;
    align-items: center;
}
.sec-home-5 .row-collapse .col-right p {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.sec-home-5 .row-collapse .stack {
    display: grid;
    grid-template-columns: auto 106px;
    justify-content: unset;
    max-width: 283px;
    margin: 0 auto;
    grid-gap: 16px 30px;
    align-items: center;
}
.sec-home-5 .row-collapse .stack .img2 {
    grid-row: span 2;
}
#main .sec-home-5 .row-collapse .col-left {
    padding: 22px 45px 22px 78px !important;
}
#main .sec-home-5 .row-collapse .col-right {
    padding: 48px 90px 30px 40px !important;
}

@keyframes ripple-animation {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(4); 
    opacity: 0; 
  }
}
.sec-home-5 .col-right .img-1 {
    position: absolute;
    width: 37% !important;
    top: 6%;
    margin: 0;
    left: 0;
    animation: hu__hu__ infinite 3s ease-in-out;
}
.sec-home-5 .col-right .img-2 {
    position: absolute;
    width: 21% !important;
    top: 10%;
    margin: 0;
    right: -5px;
    animation: hu__hu__ infinite 3.4s ease-in-out;
}
.sec-home-5 .col-right .img-3 {
    position: absolute;
    width: 25% !important;
    top: 53%;
    margin: 0;
    left: -30px;
    animation: hu__hu__ infinite 3.8s ease-in-out;
}
.sec-home-5 .col-right .img-4 {
    position: absolute;
    width: 36% !important;
    top: 59%;
    margin: 0;
    right: 5%;
    animation: hu__hu__ infinite 4.2s ease-in-out;
}
.bgZoomIn{
	  opacity: 1;
    animation-name: bgZoomIn;
}
.sec-home-6 .title-home p {
    max-width: 718px;
    margin: 0 auto 50px;
}

.slider-certification .box-image {
    padding: 45px 30px 30px;
    border-radius: 18px;
    border: 1px solid #C5EBAA;
    background: linear-gradient(180deg, #FAFFF2 0%, #EAFFEB 100%);
}
.slider-certification .box-image img {
    height: 100%;
    object-fit: contain;
    transition: all 1s;
}
.slider-certification .box-text p {
    color: #544C51;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.slider-certification .box-image:hover img {
    transform: scale(1.08)
}
.boxhtml .box p:last-child {
    display: none;
}
.swiper-wrapper {
  transition-timing-function: linear !important;
}
.sec-home-7 .slider img{padding:10px}
.sec-home-7 .swiper{height:100px}
.sec-home-7 .swiper .swiper-wrapper{width:100%}
.sec-home-7 .swiper .swiper-slide{width:180px}
.sec-home-7 .swiper .swiper-wrapper img{height:100% ; object-fit: cover;}
.list-newspapers .box {
    padding: 0 0px 30px;
}

.uxb-wrapper .list-newspapers {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.uxb-wrapper .list-newspapers .box:nth-of-type(n+4) {
    display: none
}

.list-newspapers .box .box-image .image-cover {
    padding-top: 62%;
    border-radius: 6px;
}

.list-newspapers .image-cover img {
    transition: all 1s;
    height: 100%;
}

.list-newspapers .box:hover .box-image .image-cover img {
    transform: scale(1.08);
}

.list-newspapers .box-text {
    padding-top: 16px;
}

.list-newspapers .box-source {
    display: flex;
    padding: 0 18px;
    margin-bottom: 20px;
}

.list-newspapers .box-source .logo-source {
    width: 126px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgb(122 122 122 / 20%);
    padding: 6px 9px;
    margin-top: -47px;
    height: fit-content;
}

.list-newspapers .box-source .image-cover {
    padding-top: 50%;
    border-radius: 6px;
}

.list-newspapers .box-source .image-cover img {
    object-fit: contain;
}

.list-newspapers .box-source .source-web {
    padding-left: 18px;
    flex: 1;
    font-size: 16px;
    color: #575757;
}

.list-newspapers .box-source .source-web i {
    font-size: 12px;
}

.list-newspapers .box-source .source-web:hover {
    color: var(--theme-color);
}

.list-newspapers .box-source .source-web .list-newspapers .box-source .source-web:hover {
    color: var(--theme-color)
}

.list-newspapers .title {
    margin: 0;
    color: #3A3A3A;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: 600;
}

.list-newspapers .title:hover {
    color: var(--theme-color)
}

.list-newspapers {
    padding-bottom: 25px
}

element.style {
}
#main .swiper-pagination-bullet-active {
    background-color: var(--theme-color);
}
#main .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background-color: #CAE9B5;
    opacity: 1;
    margin: 0 7.5px !important;
    border: 0;
}
#main .swiper-pagination-bullet-active {
    background-color: var(--theme-color);
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

#footer .sec-footer{padding-top: 70px;
  padding-bottom: 70px;
  background-color: rgb(0, 179, 61);}
#footer .sec-footer .section-bg{
	background-image: url(https://hunonicvietnam.vn/wp-content/uploads/2026/02/bg-footer-new.png);
}
#footer .sec-footer .col-3 .col-inner {
    display: flex;
    justify-content: space-between;
}
#footer .sec-footer p:first-child {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
#footer .sec-footer ul{list-style:none}
#footer .sec-footer ul li {
    margin-left: 0;
    margin-bottom: 5px;
}
#footer .sec-footer ul li a {
    font-size: 15px;
    color: #F0FFE9;
    font-family: var(--regular);
}


@media screen and (min-width: 850px) and (max-width:1199.98px) {
    .header-nav-main>.menu-item {
        margin: 0 10px
    }

    #header .header-nav-main>.menu-item>a {
        font-size: 13px;
    }

    #header .header-button-1 a {
        font-size: 13px;
        padding: 0 15px;
    }

    #header .header-button-2 a {
        font-size: 13px;
        padding: 0 15px;
    }

    #header .header-button-1 {
        margin-left: 10px
    }
}

@media screen and (max-width: 849px) {
    #footer .social-footer {
        justify-content: center;
        margin-bottom: 15px;
        gap: 18px;
    }

    #main .sec-home-1 {
        padding-top: 54px;
        padding-bottom: 36px;
    }

    .sec-home-1 .col-left {
        flex-basis: 100%;
        max-width: 100%;
        text-align: center;
    }

    .sec-home-1 .col-left .col-inner {
        max-width: 525px;
    }

    #main .sec-home-1 .btn-viewall {
        margin-top: 10px
    }

    .sec-home-1 .col-right {
        padding-left: 15px;
        flex-basis: 100%;
        max-width: 100%;
    }

    .sec-home-1 .col-right .img {
        position: unset;
        max-width: 570px;
        margin: 0 auto;
        overflow: hidden;
    }

    .sec-home-1 .col-right .img:before,
    .sec-home-1 .col-right .img:after {
        opacity: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        right: 0;
        bottom: 0;
        content: "";
        border: 1px solid rgb(0 179 61 / 50%);
        border-radius: 100%;
        animation-name: a;
        animation-duration: 3s;
        z-index: -1;
    }

    .sec-home-1 .col-right .img:after {
        position: absolute;
        top: 0;
        left: 0;
        opacity: .6;
        content: " ";
        border-radius: 50%;
        width: 100%;
        height: 180%;
        animation-delay: 0s;
        animation-iteration-count: infinite;
        animation-timing-function: cubic-bezier(.65, 0, .34, 1);
    }

    .sec-home-1 .col-right .img:before {
        position: absolute;
        top: 0;
        left: 0;
        height: 180%;
        width: 100%;
        animation-delay: .3s;
        animation-iteration-count: infinite;
        animation-timing-function: cubic-bezier(.65, 0, .34, 1);
    }

    .sec-home-1 .col-right .image-cover {
        padding-top: 65% !important;
    }

     .sec-home-1 .col-right .image-cover img{
        object-position: 50% 0%;
        -o-object-position: 50% 0%;
    }

    .sec-home-1 .col-bottom {
        padding-top: 0
    }

    .sec-home-1 .col-bottom .col-inner {
        grid-template-columns: repeat(3, 1fr);
    }

    .sec-home-1 .col-bottom .icon-box p {
        font-size: 18px;
    }

    #main .sec-home-2 {
        padding-top: 72px;
    }

    .sec-home-2 .col-left {
        flex-basis: 100%;
        max-width: 100%;
    }

    .sec-home-2 .col-left .box {
        max-width: 520px
    }

    #main .sec-home-2 .box-text {
        top: 20%;
    }

    .sec-home-2 .col-left {
        padding-bottom: 0
    }

    .sec-home-2 .col-right {
        padding-top: 0;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 15px;
    }

    .sec-home-3 .col-left {
        width: 100%;
        padding-bottom: 16px;
    }

    .sec-home-3 .col-left .col-inner {
        display: grid;
        grid-template-columns: 63% auto;
        grid-gap: 16px;
    }

    .sec-home-3 .col-right {
        width: 100%;
    }

    .sec-home-3 .box-top {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 16px;
        margin-bottom: 16px;
    }

    .sec-home-3 .box-bottom {
        grid-gap: 16px;
    }

    .sec-home-3 .col-left .box-1 {
        margin-bottom: 0;
        padding: 20px 20px 0 20px;
    }

    .sec-home-3 .col-left .box-2 {
        padding: 20px 20px 0 20px;
    }

    .sec-home-3 .col-left .box-2 .box-text {
        padding-bottom: 10px;
    }

    .sec-home-3 .box-title .image-cover {
        /* padding-top: 98%; */
    }

    .sec-home-3 .box-bottom .box {
        padding: 20px
    }

    .sec-home-3 .box-bottom .header-title {
        font-size: 17px;
        max-width: 100%;
        height: 46px;
    }

    #main .sec-home-3 {
        padding-bottom: 0
    }

    .sec-home-4 .title-home h2 {
        font-size: 28px;
    }

    .sec-home-4 .title-home {
        margin-bottom: 40px
    }

    .sec-home-4 .box .box-text {
        top: 30px;
        padding: 0 30px;
    }

    .sec-home-4 .box-text ul li {
        font-size: 14px;
        padding-right: 40px;
        margin-bottom: 25px;
    }

    .sec-home-4 .box-text ul:before {
        height: calc(100% - 50px);
    }

    .sec-home-4 .image-cover {
        padding-top: 160% !important;
    }

    .sec-home-4 .box-text h4 {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .sec-home-4 .img-2 .box-text ul li {
        padding-left: 40px
    }

    .sec-home-5 .col-left {
        flex-basis: 100%;
        max-width: 100%;
    }

    .sec-home-5 .col-left h2 {
        text-align: center;
    }

    .sec-home-5 .title-home p {
        max-width: unset
    }

    .sec-home-5 .title-home ul li {
        max-width: 100%
    }

    .sec-home-5 .stack {
        justify-content: center
    }

    .sec-home-5 .col-right {
        padding-left: 15px;
        flex-basis: 100%;
        max-width: 100%;
    }

    .sec-home-5 .col-right .col-inner {
        max-width: 80%;
    }

    .sec-home-5 .row-collapse {
        margin-top: -160px;
        width: calc(100% - 60px);
    }

    #main .sec-home-5 .row-collapse .col-left {
        padding: 75px 60px 20px 60px !important;
    }

    #main .sec-home-5 .row-collapse .col-right {
        padding: 20px 60px 50px 60px !important;
        text-align: center;
    }

    #main .sec-home-9 .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sec-home-9 .blog-grid .post-item:nth-of-type(n+6) {
        display: block
    }

    #main .sec-home-8 {
        padding-bottom: 30px
    }

    .slider-certification .box-text {
        text-align: center;
        padding: 18px 0 30px;

    }

    .slider-certification .box-text p {
        font-size: 16px;
    }

    #header .header-main {
        height: 70px !important;
    }
}

@media screen and (min-width: 768px) {
    .sec-home-3 .box-1 {
        background-image: unset !important;
    }

    .sec-home-3 .col-left .box-1 .overlay {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .sec-home-3 .box-bottom .box:before {
        display: none
    }

    .sec-home-5 .col-right .img {
        animation: unset
    }
    .sec-home-5 .col-right .img-3{
        left: 0;
    }

    #main .slider-home .image-cover {
        padding-top: 120% !important;
    }

    .title-home h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
	.sec-home-1 h2{text-align:center}
	.text-box-home h2 {
		 font-size: 25px;
     margin-bottom: 20px;
	}
    #main .sec-home-1 {
        padding-top: 40px
    }

    .sec-home-1 .col-bottom .col-inner {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    .sec-home-1 .col-bottom .icon-box-img {
        width: 40px !important;
        height: 40px;
    }

    .sec-home-1 .col-bottom .icon-box {
        padding: 15px;
    }

    .sec-home-1 .col-bottom .icon-box p {
        font-size: 14px;
    }
    #main .sec-home-2 {
        padding-top: 40px
    }

    #main .sec-home-2 .video-button-wrapper a {
        width: 46px;
        height: 46px;
    }

    #main .sec-home-2 .video-button-wrapper .icon-play {
        font-size: 22px !important;
    }

    .sec-home-2 .col-right .list-icon {
        grid-gap: 26px;
    }

    .sec-home-2 .col-right .list-icon p {
        font-size: 14px;
    }

    .sec-home-3 .col-right {
        order: -1;
        padding-bottom: 16px;
    }

    .sec-home-3 .box-title {
        grid-row: unset;
        grid-column: span 2;
    }

    .sec-home-3 .title-home p {
        line-height: 20px;
        font-size: 14px;
    }

    .sec-home-3 .title-home {
        top: 30px;
        padding: 0 25px;
    }

    .sec-home-3 .box-top .box-3,
    .sec-home-3 .box-top .box-4 {
        padding: 14px 10px 0 10px;
    }

    .sec-home-3 .header-title {
        font-size: 17px;
    }

    .sec-home-3 .box-top .header-title {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        height: 46px;
    }

    .sec-home-3 .box-top .box-3 .img-inner,
    .sec-home-3 .box-top .box-4 .img-inner {
        width: 80%;
    }

    .sec-home-3 .box-bottom {
        grid-template-columns: repeat(2, 1fr);
    }

    .sec-home-3 .box-bottom .box {
        padding: 14px 10px;
        min-height: 200px;
        margin-bottom: 0;
    }

    .sec-home-3 .box-bottom .img-inner {
        width: 75%;
        margin-right: auto;
    }

    .sec-home-4 .title-home h2 {
        font-size: 24px;
    }

    .sec-home-4 .stack {
        display: block;
    }

    .sec-home-4 .img-1 .image-cover {
        border-radius: 20px;
    }

    .sec-home-4 .stack .box {
        --stack-gap: 0px !important;
    }

    .sec-home-4 .stack .box.img-2 {
        margin-top: 18px !important;
    }

    .sec-home-4 .img-2 .image-cover {
        border-radius: 20px;
    }

    #main .sec-home-4 {
        padding-bottom: 0;
        padding-top: 30px;
    }

    #main .btn-viewall {
        font-size: 14px;
        padding: 0 16px;
    }

    #main .sec-home-5 .btn-viewall:first-child {
        margin-right: 20px !important;
    }

    #main .btn-viewall-white {
        font-size: 14px;
        padding: 0 16px;
    }

    .sec-home-5 .col-right .col-inner {
        max-width: 100%;
    }

    .sec-home-5 .row-collapse {
        margin-top: -113px;
        width: calc(100% - 30px);
    }

    #main .sec-home-5 .row-collapse .col-left {
        padding: 35px 30px 20px 30px !important;
    }

    .sec-home-5 .row-collapse .col-left h2 {
        font-size: 16px;
    }

    #main .sec-home-5 .row-collapse .col-right {
        padding: 20px 15px 50px 15px !important;
        text-align: center;
    }

    #main .sec-home-5 .row-collapse .col-right .col-inner {
        display: flex;
        flex-direction: column-reverse;
    }

    .sec-home-5 .row-collapse .col-right p {
        font-size: 14px;
        margin-top: 1rem;
        margin-bottom: 0;
    }

    .sec-home-5 .row-collapse .stack {
        grid-gap: 16px 17px;
        width: 100%;
        max-width: 80%;
    }

    #main .sec-home-6 {
        padding-top: 40px
    }

    .slider-certification .box-text {
        text-align: center;
        padding: 15px 0 15px;
    }

    .slider-certification .box-text p {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        height: 44px;
    }

    #main .sec-home-7 {
        padding-top: 0
    }

    #main .sec-home-9 .blog-grid {
        display: block
    }

    #footer .sec-footer .col-3 .col-inner {
        flex-direction: column
    }

    #footer .row-bottom .col-right {
        order: -1;
    }

    #footer .social-footer {
        justify-content: center;
        margin-bottom: 15px;
        gap: 18px;
    }

    #footer .social-footer a {
        font-size: 12px;
    }

    #footer .social-footer li {
        margin: 0
    }

    #footer .row-bottom .col-left p {
        text-align: center;
        font-size: 10px;
    }

    .sec-home-3 .col-left {
        /* order: -1; */
    }

    .sec-home-3 .col-left .col-inner {
        grid-template-columns: 100%;
        /* margin-top: -190px; */
    }

    .sec-home-3 .col-left .box-1 {
        /*width: calc(50% - 8px);*/
        margin-right: 0;
    }

    .sec-home-3 .col-left .box-2 .box-text {
        padding-bottom: 100px
    }

    .sec-home-8 .title-home h2,
    .sec-home-9 .title-home h2 {
        margin-bottom: 25px;
    }

    #main .sec-home-8 {
        padding-bottom: 0
    }

    #main .sec-home-9 {
        padding-bottom: 50px
    }

    .slider-certification .box-image {
        padding: 30px 10px 20px;
    }

    .sec-home-7 .list-logo .col {
        padding: 0;
    }

    .sec-home-3 .col-left .box-2 .header-title {
        font-size: 22px;
    }

    .sec-home-4 .box-text h4 {
        text-align: left
    }

    .sec-home-4 .box-text ul li {
        text-align: left;
        padding-left: 40px;
        padding-right: 0;
    }

    .sec-home-4 .box-text ul li:before {
        left: 0;
        right: unset
    }

    .sec-home-4 .box-text ul:before {
        left: 10px;
    }
	.swiper-button-next,
	.swiper-button-prev {
		opacity: 0;
		display:none;
	}
}

@keyframes a {
    0% {
        opacity: 1;
        transform: scale3d(0.25, 0.25, 1)
    }

    to {
        opacity: 0;
        transform: scale3d(1.2, 1.2, 1)
    }
}
@keyframes bgZoomIn {
    from {
        transform: scale(0.9);
    }

    to {
        transform: scale(1);
    }
}
@keyframes hu__hu__ {
    50% {
        transform: translateY(15px)
    }
}
@keyframes ripple_video {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(224, 49, 39, 0.2), 0 0 0 .5em rgba(224, 49, 39, 0.2);
           box-shadow: 0 0 0 0 #25bc25b0, 0 0 0 .5em rgb(52 190 56 / 20%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 .5em rgba(224, 49, 39, 0.2), 0 0 0 1em rgba(224, 49, 39, 0);
            box-shadow: 0 0 0 .5em rgb(0 179 61 / 20%), 0 0 0 1em #22c85a00;
    }
}