/*
Theme Name: Flatsome Child
Description: AZWebsite.vn developed for Flatsome Theme
Author: UX Themes
Template: flatsome
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --primary-color1:  linear-gradient(to right, #0EE3CF, #071A4F);
	--primary-color2:  linear-gradient(to right, #AFFBF3 30%, #6DDED0 100%);
	--text-primary2: #071A4F;
	--text-primary3: #0ee1ce;
	--space-top: 65px;
	--main03:#808E9C;
	--main04:#B1EFE6;
	--main02:#3CB1B1;
	 --accent-color: #EAEAEA;
  --primary-color11: #28411B;
}

html{
	font-family: "Exo 2", serif !important;
}
.text-title h5{
     color:var(--text-primary3);
    text-transform: uppercase;
    margin: 0px;
}
.banner-seo {
    background: linear-gradient(to bottom, #d3f7f6 0%, #fff 100%);
}

.col-image-seo .img.img-1 {
    top: 20%;
    left: -0%;
    animation: hu__hu__ infinite 3s ease-in-out;
}
.col-image-seo .img.img-2 {
    top: 0%;
    right: -12%;
    animation: hu__hu__ infinite 3.4s ease-in-out;
}
.col-image-seo .img-seo-small {
    position: absolute;
    box-shadow: 2px 4px 8px 0px #858585;
    border-radius: 15px;
}
.col-image-seo .img.img-4 {
    bottom: 0;
    right: -5%;
    animation: hu__hu__ infinite 4.2s ease-in-out;
}
.col-image-seo .img.img-3 {
    bottom: 0;
    left: -0%;
    animation: hu__hu__ infinite 3.8s ease-in-out;
}
.row-button{
    margin-top: 35px !important
}

.row-button a{
    padding: 0px 15px;
    font-size: 18px;
    color: var(--text-primary2);
    background: var(--text-primary3) !important;
    font-size: 18px !important;
    text-transform: capitalize;
    border-radius: 15px;
}
.btn-main{
    margin: 0px
}
.row-button .col .col-inner{
 gap:15px !important;
   display: flex; 
}
.text-title > p{
    margin-bottom: 15px;
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    line-height: 1.4
		
}

.text-title h1{
    font-size: 40px;
    max-width: 900px;
    color:var(--text-primary2)
}
.text-title h2{
	font-size:42px;
	 max-width: 900px;
    color:var(--text-primary2);
	margin-bottom:45px
}
.slider .flickity-button svg {
    border: none;
    padding: 10px;
    background-color: var(--text-primary3);
}

.slider .flickity-button {
    margin: 0 !important;
    opacity: 1 !important;
    transform: unset;
    min-height: unset;
    width: 30px;
    bottom: unset;
    height: 30px;
}
.text-title h1 span,
.text-title h2 span{
    color:var(--text-primary3);
}
.gioithieu .text-title h2{
	color:#fff;
}
.gioithieu{
    padding: 50px 0px !important
}
.gioithieu .col-logo .ux-logo-link  {
    background: rgba(169,180,245,0.9);
}

@keyframes hu__hu__ {
	50% {
		transform: translateY(15px)
	}
}
@keyframes hu__hu__1 {
	50% {
		transform: translateY(-30%)
	}
}
.danhhieu h3{
    font-size: 15px;
    background: var(--text-primary3);
    color:#fff;
    padding: 10px;
    border-radius: 20px;
    margin: 20px 0px;
    cursor: pointer
}
 a.button.btn-main2{
    padding: 5px 20px !important;
    font-size: 18px;
    color: #fff !important;
    background: var(--text-primary2) !important;
    font-size: 18px !important;
    text-transform: capitalize;
    border-radius: 15px;
}
.trainghiem .row-trainghiem .icon-box-img{
    width: 80px !important
}
.trainghiem .row-trainghiem  h3{
    font-size: 24px;
}
.col-img .img-inner img{
   transform: scale(1.6);
    margin-left: 120px;
    margin-top: 80px;
}
.trainghiem .row-trainghiem .col .col-inner{
    min-height: 216px;
}
.col-img .img-inner{
    overflow: unset
}
.trainghiem a.button.btn-main2{
    margin: 0px
}
.wave-img {
    position: absolute;
    width: 140% !important;
    left: -24%;
    top: 130px;
}
.dark .accordion-title{
    border: none
}
.produce .accordion-title{
    font-size: 18px;
    font-weight: 800
}
.produce .accordion-title.active{
    color:var(--text-primary3) !important
}
.trainghiem{
    padding: 50px 0px !important
}
.row-bg-white{
    background: #fff;
        box-shadow: 4px 2px 41px -5px rgba(0, 0, 0, 0.22);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;   
    padding: 70px 50px 50px 60px;
    margin-bottom:-330px;
    border-radius: 25px;
}
.soduan{
    margin-top: 300px;
}
.produce{
    overflow: hidden
}
.congnghe2{
    height: 500px;
}
.row-bg-white .tabbed-content span{
text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
    color:#000;
text-align: justify;
}
.row-bg-white .tab.active a:before{
    content: unset
}
.row-bg-white .tab:hover,
.row-bg-white .tab.active{
    background: var(--text-primary2);
   
}
 
.row-bg-white .tab:hover span,
.row-bg-white .tab.active span{
     color:#fff !important;
}.row-bg-white .tab{
    border: none
}
.nav-vertical+.tab-panels{
    border: none;
    
}
.row-bg-white .tab{
    padding:5px 15px;
    border-radius: 20px;
        box-shadow: 4px 2px 41px -5px rgba(0, 0, 0, 0.22);
}
.row-bg-white .tab:not(:last-child){
    margin-bottom: 20px;
}
.row-bg-white .tab:hover a:before{
    content: unset;
}

.soduan img{
    border-radius: 20px;
}
.soduan .box-text{
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    
    padding: 30px 20px 30px 27px;
    border-radius: 12px;
    background-color: #FFFFFFE8;
        margin-top: -70px;
    width: 90%;
}
.soduan .box-text h4{
    font-size: 19px;
    color:var(--text-primary2);
    margin-bottom: 10px;
        }
.soduan .box-text p{
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis;
    word-break: break-word;
}
.soduan .btn-main{
    width: 100%;
    border-radius: 20px
}
.row-danhgia .col .col-inner{
    padding: 15px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}

.danhgia {
    padding-top: 50px;
}
.soduan{
    padding-top: 50px !important;
}
.style-btn .slick-arrow {
    width: 45px;
    height: 45px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;    
     justify-content: center;
    align-items: center;
     background: var(--text-primary2);
     z-index: 1
}
.style-btn .slick-prev:before {
    content: '\f053';
    transform: translate(-2px, 0px);
}
.style-btn .slick-next:before {
    content: '\f054';
    transform: translate(-2px, 0px);
}
.style-btn .slick-arrow:before {
    font-family: "FontAwesome";
    opacity: 1;
    font-size: 25px;
}
.quytrinh .produce > .col-inner > .row:first-child .col:first-child::after {
    top: 75px;
}
.quytrinh  .produce .row:nth-child(odd) > .col:nth-child(odd) {
    margin-left: 32px;
}
.quytrinh  .produce .text {
    padding: 0px 40px 30px;
}
.quytrinh  .produce > .col-inner > .row:first-child .text {
    padding-top: 60px;
}
.quytrinh  .produce .row:nth-child(odd) > .col:nth-child(odd):after, .produce .row:nth-child(even) > .col:nth-child(even):after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    right: 8px;
    background-color: var(--primary-color);
    top: 16px;
    border-radius: 50%;
    z-index: 1;
}
.quytrinh  .produce .row:nth-child(even) > .col:nth-child(even) .is-border {
    right: unset;
}
.quytrinh  .produce .row:nth-child(even) > .col:nth-child(even):after {
    right: unset !important;
    left: 8px;
}
.is-border {
    border-color: var(--primary-color) !important;
}
.quytrinh  .produce h2{
    font-size: 18px;
}
.quytrinh  .produce h2{
    margin: 0px;
    background: var(--text-primary3);
    padding: 10px;
    color: #fff;
    border-radius: 20px;
    text-align: center;
}
.quytrinh  .produce .row:nth-child(even) > .col:nth-child(even):after{
    top:16px;
}
.quytrinh  .produce h2:hover{
    background: var(--text-primary2) !important;
}
.quytrinh  .produce h2{
    transition: all 0.25s ease-in-out;
}
.form .col-left .col-inner{
    background-color: rgba(46,126,225,0.52);
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
      border-radius: 20px
      
}
.form .col-left i{
    font-size: 54px;
    margin-bottom: 20px;
}
.form .col-left h2{
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 20px
  
}
.group-button a{
      font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    letter-spacing: 0px;
   background-color: rgba(232,216,216,0.59);
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0px 0px 10px 0px rgba(203.00000000000003, 75, 75, 0.06);
    padding: 14px 14px 14px 14px;
    font-weight: 700;
    text-transform: uppercase
}
.group-button{
    display: flex;
    flex-direction: column;
    gap:20px
}
.row-form{
    margin-top: 20px
}
.row-info{
    display: flex;
    flex-wrap: wrap
}
.form {
    padding: 50px 0px !important;
}
.form .col-right{
    padding: 0px;
    padding: 40px 50px;
    background: #fff;
    border-radius: 20px;
}
.row-info .col{
    padding-bottom: 5px !important
}
.form .wpcf7-textarea,
.form .col-right input{
    border: none;
    box-shadow: none;
    border-bottom: 2px solid var(--primary-color);
}
.text-ft{
    margin-bottom: 40px
}
.row-icon p{
    margin-bottom:0px !important
}
.col-left1{
    position: relative;
}
.col-left1:before{
    content: "";
    background: url(/wp-content/uploads/2025/02/zaloAsset-25@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 70%;
    height: 100%;
    z-index: 0;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translatex(-50%);
}
.form-lien-he input:placeholder{
        color: var(--main02);
}
.form-lien-he input::placeholder {
    color: var(--main02);
}
.form .col-right input,
.wpcf7-select{
      height: 42px;
}
.form .wpcf7-submit{
    margin: 0px !important;
}
.form .col.link{
   text-align: center;
}
.form .col.link input{
    border-radius: 50px;
    text-transform: unset;
    font-size: 17px;
}
.style-accor-2 .accordion-item {
        border: 2px solid #0c053d;
    border-radius: 20px;
    padding: 25px;
        margin-bottom: 25px;
}
.style-accor-2 .accordion-item .accordion-title  {
 background: transparent;
    padding: 0;
    color: #0C053D;
    display: flex;
    flex-direction: row-reverse;
     border-bottom: 1px solid #0c053d;;
    border-top: none
}
.style-accor-2 .accordion-item .accordion-title button {
    margin: 0;
    transform: unset !important;
    position: relative;
    top: unset;
    left: unset;
    height: 20px !important;
    width: 100%;
    max-width: 40px;
    cursor: pointer;
    opacity: 1 !important;
}
.style-accor-2 .accordion .active .toggle {
    color: currentColor;
    opacity: 1;
}
.style-accor-2 .accordion-item .accordion-title span{
    font-size: 20px;
    font-weight: 800
}
.style-accor-2 .accordion-item .accordion-title button:before, .style-accor-2 .accordion-item .accordion-title button:after {
    content: '';
    display: inline-block;
    background: currentcolor;
    position: absolute;
}
.style-accor-2 .accordion-item .accordion-title button:before {
    width: 18px;
    height: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.style-accor-2 .accordion-item .accordion-title button i {
    display: none;
}
.style-accor-2 .accordion-item .accordion-title button:after {
    width: 3px;
    height: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}
.section-banner .text-title h1{
    font-size: 73px;
    max-width: unset;
    margin-top: 14px;
}
.style-accor-2  .accordion-title.active button:after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.text-title.full h2 span,
.text-title h1 span{
    position: relative !important;
}

a.btn-main{
    border-radius: 20px
}
.section-banner a.btn-main{
    padding: 4px 20px !important
}

.text-title.full h2 span:before,
.section-banner .text-title h1 span:before{
    content:"";
    position: absolute;   
    width: 100%; 
    height: 30px;
	background-repeat: no-repeat;
    background-size: contain;
    bottom: -10px
    
}.text-title.full h2 span.span01:before,
.section-banner .text-title h1 span.span01:before{
	 background-image: url("/wp-content/uploads/2025/02/Asset-1@3x.png");
}
.text-title.full h2 span.span02:before,
.section-banner .text-title h1 span.span02:before{
	 background-image: url("/wp-content/uploads/2025/02/Asset-7@3x.png");
	  height: 40px;
	bottom: -25px
}
.text-title.full h2 span.span03:before{
	bottom: -25px;
	 background-image: url("/wp-content/uploads/2025/02/Asset-12@3x.png");
}
.span04{
    line-height: 126% !important
}
.span04 img{
    height: 120px;
}
.text-title.full h2{
    max-width:100% !important;
	   text-align: left
}
.imgtrong{
    width: 62px;
    height: 62px;
    padding: 10px;
    border-radius: 50px;
        background:#ccc;
    margin: 0px 10px;
    
}
.text-title.full h2{
    font-size: 40px;
    text-align: justify
}
.text-title.full h2{
    line-height: 1.3
}
.imgstrong2 {
    position: absolute;
    left: -20px;
    top:-10px;
    object-fit: fill !important;
    opacity: 1;
    display: block;
     width: 120% !important;
    max-width: unset;
    line-height: 126% !important;
}
 .span04 {
    margin-left: 20px;
}
.span04 {
	position:relative
}
.duannew .span04 img{
	height:80px;
}
.section-khacbiet .btn-main.primary{  
    width: fit-content !important;
    background: var(--text-primary2);
    color: #fff;
    border-radius: 30px;
    padding: 6px 20px;
    margin: 0px !important;
    box-shadow: none;
    border: 2px solid var(--text-primary2);
}
.button.btn-main:hover{
    background-color: #fff !important;
    color: var(--text-primary2)
    
}
.project .text-title h2{
   font-size: 40px;  
    font-weight: 800;
}
.section-title-container{
    margin-bottom: 0px
}
.wpcf7-submit,
a.btn-main.primary span{
    text-transform: uppercase !important
}
.header-button a.button{
    background: var(--primary-color2) !important;
    border: none;
    text-transform: unset;
    font-size: 15px;
	color: var(--primary-color);
	padding:2px 10px !important
}
.section-title-normal span{
    color: var(--primary-color);
    border-color: var(--primary-color);
   
}
.title-gach p{
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
}
.row-duanba .col-left{
    padding: 60px !important;
        box-sizing: border-box;
    background-color: #eee;
    padding-bottom: 60px !important;
}
.row-duanba .col-left h3{
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 20px;
}
.row-duanba .col-left h4{
    text-align: justify;
    margin-bottom: 10px;
}
.row-duanba .text-right .button.primary{
    background: none;
    border-radius: 50%;
    border: 2px solid var(--primary-color);
    position: relative;
    padding: 0px !important;
    width: 60px;
    height: 60px;
    min-width: unset;
    min-height:unset;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
 
}
.row-duanba .text-right .button.primary:before{
    content: "\f061";
    font-family: "fontawesome";
    color:var(--primary-color);
    font-size: 24px;
}
.row-duanba .col-inner.text-right{
    display: flex;
    justify-content: right;
}
.row-duanba .text-right .button.primary:hover{
    background: var(--primary-color);
}
.row-duanba .text-right .button.primary:hover:before{
    
    color:#fff !important
}
.row-duanba:hover img{
    
transform: scale(1.1);
    
}
.row-duanba  .button.primary{
    margin: 0px !important;
}
.row-duanba img,
.row-duanba{
     transition: all 0.25s ease-in-out;
}
.project .slick-slide > div > .col{
    padding: 0px 20px !important
}
.row-project .slick-list{
    padding:0px 200px;
}
.row-duanba > .col-left > .col-inner p{
    margin: 0px !important;
    margin-top: 15px !important
}
.project .img-inner img,
.project .img-inner,
.project .img,
.col-right .col-inner{
    height: 100%
}
.project .img-inner img{
    object-fit: cover;
}
.button.is-underline:before{
    width: 100%;
    left: 0;
    background: var(--primary-color) !important;
    opacity: 1;
}
.row-duanba > .col-left > .col-inner{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.row-duanduoi{
 justify-content: space-between;
    margin-top: auto !important;
   
}
.chuyemon .text-title.full h2 span.span02:before{
    bottom: -35px
}
.tin-tuc-section .col.link{
    padding-bottom: 40px !important
}


.tin-tuc-section .form .col-right{
    border-radius: 0 !important 
}

.row-chuyenmon > .col > .col-inner{
    padding: 20px;
    background: var(--main04);
    border-radius: 20px
}
.row-chuyenmon .col .col-inner{
    transition:all 0.25s ease-in-out
}
.row-chuyenmon .col .col-inner:hover{
    background: var(--primary-color);
}
.row-chuyenmon .col .col-inner:hover *{
    color:#fff
}
.row-chuyenmon .col .col-inner:hover .icon-box{
    
}
.row-chuyenmon .col .col-inner:hover .row-congnghe h4{
    color:var(--primary-color)
}
.row-chuyenmon .col .col-inner:hover .row-congnghe h4:hover{
    background: #fff !important;
    color:var(--primary-color) !important
}
.row-chuyenmon .col .col-inner:hover .row-dientu {
    border-radius: 50px !important;
    background: unset !important
}
.row-chuyenmon .col .col-inner h3{
    color:#000;
    font-weight: 800;
    font-size: 24px;
    
}
.row-congnghe{
display: flex;
   column-gap: 20px;
   flex-wrap: wrap;
     margin-top: 15px   
}
.row-congnghe h4{
    white-space: nowrap;
    font-size: 18px;
    background: #fff;
     padding: 15px;
    width: fit-content;
    border-radius: 20px;
    transition: all 0.24s ease-in-out;
margin-top: 8px;
}
.row-congnghe h4:hover{
    cursor: pointer;
    background: var(--primary-color) !important;
    color:#fff !important;
}
 .tin-tuc-section .form .col-right{
padding: 0px
}
.infoform{
    padding:40px 0px 40px 40px
}

.infoform h3{
    font-size: 16px;
}
.infoform  .icon-box-text{
    padding-bottom: 30px
}
.infoform  .iconform a{
    margin: 0px;
    background: var(--primary-color);
    border: none;
    color:#fff;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.infoform  .social-icons{
    display: flex;
}
.row-nho02 .col-right .col3,
.row-nho02 .col-right .col1{
    position: absolute;
    top:0
}
.row-nho02 .col-right .img{
    width: 45% !important;
   
}
.row-nho02 .col-right .img img{
     border-radius: 20px;
}
.row-nho02 .col-right .col3{
   right:50px
}
.row-nho02 .col-right .col1.img{
   left: 0px;
}
.row-nho02 .col-right{
    position: absolute;
    right:0;
    
}
.row-nho02{
   min-height: 575px; 
}
.row-duandalam{
    margin-top: 30px !important;
}
.img .img-inner{
    overflow: unset !important
}
.feedback .col-right  .col1{
    left: 0;
   transform: rotate(-7deg);
}
.feedback .col-right   .col2{
    z-index: 10
}
.feedback .col-right   .col3{
   transform: rotate(8deg);
}
.feedback .col-right  .col1{
    left: -10%;
    
}
.feedback h3{
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 800;
    color:var(--primary-color)
}
.feedback .slick-next{
    right: 0
}
.feedback .slick-prev{
    left: 0
}
.home .section-ft-new{
    margin: 0px
}
.submain{
    text-align: justify
}
.feedback .col-right{
    padding-left: 40px !important
}
.btn-main.hoso{
	 background: var(--text-primary3) !important;
}
 a.btn-main.button{
     color:var(--primary-color1) !important;
    background: var(--primary-color1) !important;
     color:#fff !important;
     border: none !important
}
.chuyemon,
.section-khacbiet,
.project,
.doitac{
    padding: 50px 0px !important
}
.tin-tuc-section{
    padding: 50px 0px !important
}
.row-dientu .col .col-inner{
    padding: 0px
}
.row-dientu .col .col-inner .icon-box{
    background: #f0f0ef;
    border-radius: 48px;
    margin-right: 8px;
    padding: 8px 24px 8px 8px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.row-dientu .col .col-inner .icon-box img{
    padding: 0px !important
}
.row-dientu .col .col-inner .icon-box-img{
    width: 56px !important;
    height: 56px !important;
}
.row-dientu .col .col-inner .icon-box-text {
    padding-left: 10px !important
}
.row-dientu .col .col-inner .icon-box-text h3{
    font-size: 18px;
    color:#000000B3
}
.row-dientu .slick-list{
    overflow: hidden !important
}
.row-dientu .col .col-inner .icon-box-text{
    flex: unset !important
}
.row-dientu .icon-box {
    width: fit-content
}
.row-dientu .col {
    width: fit-content !important;
    max-width: unset !important
}
.row-dientu .col .col-inner{
    width: fit-content;
    margin: 0px !important
}
.row-dt1 .slick-list{
    padding-right:50px
}
.row-dientu .slick-slide{
    width: fit-content !important
}
.row-dt2.row-dientu {
	padding-top:0px !important
}
.row-dientu{
    padding-top: 30px !important
}
.tin-tuc-section .select,
.tin-tuc-section .form .col-right{
    background: unset !important
}
.tin-tuc-section .form .wpcf7-textarea, .form .col-right input{
    background: unset;    
}
.tin-tuc-section .form .col.link input{
    background: var(--primary-color2) !important;
    border: none;
	color: var(--primary-color);
    padding: 10px 32px;
	font-weight:800;
    height: unset;
	text-transform:capitalize !important;
}
.tin-tuc-section .wpcf7-select{
    background: unset !important;
    border: none;
    box-shadow: none;
        border-bottom: 1px solid #B3B3B3;
    
}
.tin-tuc-section .form .col-right input, 
.tin-tuc-section .wpcf7-select,
.tin-tuc-section .wpcf7-textarea{
    font-size: 16px;
}
.tin-tuc-section .wpcf7-select{
    background: var(--primary-color) !important;
    color:#fff;
    border-radius: 10px;
    padding-left: 10px !important;
}
.tin-tuc-section .wpcf7-form-control{
    padding: 0px;
}
.vanphong a{
    display: inline-block;
    margin-bottom: 15px !important
}
.header-nav.nav > li > a{
    font-weight: 700
}
.header-button a.button.secondary{
    background :transparent !important;
    line-height: 1 !important;
    display: flex;
    align-items: center;
	color:#000;
	border:2px solid var(--text-primary3) !important;
}
.header-button .button{
    display: flex;
    align-items: center;
	
}
.sub-menu.nav-dropdown > li> a{
font-size: 14px;
text-transform:capitalize;
    
}
.sub-menu.nav-dropdown > li> a, 
.sub-menu.nav-column a{
    border: none !important
}
.sub-menu.nav-column a{
    color:#000;
    font-size: 14px;
    padding-bottom: 0px
}
.pagegt-banner h1{
    font-size: 70px
}
.pagegt-banner p{
    font-size: 24px;
    text-align: justify
}

.row-account .accordion-title{
    border: none;
}
.row-account .accordion-title{
    border: none;
   text-align: left;
}
.row-account .toggle{
    margin: 0px;
    display: none;   
}
.row-account .accordion-title{
     font-size: 20px !important;
    font-weight: 600;
    color:rgba(0,0,0,.4);
   
}
.row-account .accordion-item{
    border-bottom: 1px solid #ccc;
}
.row-account .accordion-title.active{
    background: none;
        color: #222
}
.row-account{
    margin-top: 30px;
}
.row-account .accordion-inner p{
    margin: 0px
}
.row-account .accordion-item{
counter-increment: item;
}
.row-account .accordion-item .accordion-title:before{
    content: counter(item);
    position: absolute;
    left: 0;
   
    font-size: 42px;
    line-height: 1;
    color: rgba(0,0,0,.4);
    z-index: 2;
    
}
.row-account .accordion-item .accordion-title{
    padding: 20px 46px !important;
    display: flex;
    align-items: center;
}
.row-account .accordion-item .accordion-title.active:before{
    color:#24d1be;
}
.page-id-8  .section-ft-new{
    margin: 0px
}
.list-teams .col{
	padding-top:  var(--space-top);
}
.list-teams .box-image img {
    margin-top: calc(-1* var(--space-top));
}
.list-teams .box-image img {
    height: 342px;
    object-fit: contain
}
.list-teams .box-image,
.list-teams .col,
.box-image div,
.list-teams .col-inner,
.list-teams .box-text-bottom{
    overflow: unset !important;
}
.follow-icons a{
       background: var(--primary-color1);
    opacity: 1;
    border: none !important
}
.follow-icons .button i{
    top:unset;
    color:#fff;
}
.row-account .accordion-inner p{
    font-size: 18px; 
}
.cotloi1 .imgstrong2{
    left: 0px;
}
.list-teams .box-text-bottom .box-image{
    background: #f4f4f4;
    border-radius: inherit;
}
.list-teams h4{
    font-size: 20px;
    
}
.textnhanvien p{
    font-size: 16px;
}
.list-teams .box-text-bottom .textnhanvien{
    position: relative;
    padding: 10px
}
.list-teams .box-text-bottom .textnhanvien:before {
    content: '';
    width: 85%;
    height: 2px;
    background: var(--primary-color1);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translatex(-50%);
}
.list-teams .box-text-bottom {
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.doingu h2{
    text-align: center !important;
}
.video22{
    line-height: 1;
    width: fit-content;
    border-radius: 20px !important;
}
.video22 video{
  width:300px;
	height:auto
}
.video22{
 display: flex;
    align-items: center;
    gap:16px;
    margin-bottom: 30px
}
.video22{
    margin-top: 30px;
}

.copyright-footer{
    color:#000;
    font-weight: 600
}
.absolute-footer.dark{
    padding: 10px 0px
}
.doitac .ux-logo img{
    height: 100px !important;
    object-fit: contain
}
.doitac .ux-logo-link.block.image- {
    padding: 0 !important;
}

.doitac .ux-logo img{
    width: 100% !important;
}
.doitac .ux-logo{
    flex:1
}
.d-flex > .col-inner{
    display: flex;
}
.slick-slide img {
    display: block;
}

.section-khacbiet .btn-main.primary.hoso{
    background: var(--text-primary3) !important;
    color:#000 !important
}
.doitac .ux-logo:hover{
    background: var(--text-primary3);
    
}
.doitac .ux-logo{
    transition: all 0.3s ease-in-out;
    cursor: pointer
}
.doitac .slick-list{
	overflow:hidden !important
}
.image-header-product{
    margin-top: 30px !important
}
.back-to-top{
    background: var(--text-primary2)  !important;
    color:#fff !important; 
}
.sub-menu.nav-column a{
    font-weight: 600
}
.sub-menu.nav-column a:hover{
    color:var(--text-primary3)
}
a.btn-main.button{
    font-size: 18px
}
.nhunggiatri h3{
    font-size: 60px;
    margin-bottom: 30px;
}
.nhunggiatri p{
    line-height: 1.4
}
.rownam.style-btn .slick-arrow.slick-prev{
    top:-5%;
    left: 25%;
   
}
.rownam.style-btn .slick-arrow{
    background: none;
    border: none;
  
     
}
.rownam.style-btn .slick-arrow.slick-next{
   bottom: 10px !important;
    left: 25%;
    top:unset !important
  
}
.rownam.style-btn .slick-arrow.slick-prev:before{
transform: rotate(90deg);
}
.rownam.style-btn .slick-arrow.slick-next:before{
transform: rotate(90deg);
}
.rownam.style-btn .slick-arrow:before{
    color:var(--main03);
    font-size: 90px;
    
}

.rowkhoihanh p{
   text-align: justify
}
.rownam.style-btn .slick-arrow:hover{
    background: unset !important
}
.rownam .slick-arrow:focus{
    background: unset !important
}
.rownam.style-btn .slick-arrow:focus{
    background: none !important
}
.row-tab-duan .tabbed-content .tab-panels{
    padding: 50px 0;
    background: #DCFFFA;
}
.row-tab-duan .tabbed-content .tab-panels .entry-content > .row{
    margin: 0 auto;
}
.row-tab-duan .tabbed-content .nav{
    max-width: 1430px;
    margin: 0 auto;
    background: #fff;
}
.row-tab-duan .tabbed-content .nav li.active{
    background: #DCFFFA;
}

.row-duandalam  .slick-list{
    padding-right: 400px !important
}
.row-duandalam  .btn-main.main02{
    margin-bottom: 50px !important
}
.row-duandalam {
    margin-right: unset;
   max-width:1640px !important
}
#header .header-main .nav > li.menu-item > a.nav-top-link{
        color: var(--text-primary2) !important;
}
#header .header-main .nav > li.menu-item > a.nav-top-link:hover{
    color:var(--main02) !important
}
.slick-arrow{
    border: none !important
}
.text-title > p{
    font-style: normal;
    color:var(--primary-color)
}
.sub-menu.nav-dropdown{
    max-width: 900px
}
.sub-menu.nav-dropdown .icon-box-img{
    width: 40px !important;
}
.ux-cus-menu h4{
    margin-bottom: 15px;
}
.ux-cus-menu .ux-menu-link__link.flex{
    border: none !important;
    margin-bottom: 10px;
    font-size: 16px;
    color:var(--primary-color);
    font-weight: 700
}
section.ux-cus-menu a.main02.btn-main.button{
    padding: 0px !important;
    height: 50px !important;    
}
section.ux-cus-menu .col-mid{
  border-right:2px solid #ccc;  
}
.neww{
    margin-bottom: 0px !important;
    font-size: 70px
}
.section_header{
    max-width: 1230px;
    margin: 0 auto
}
.section_header h1 p{
    margin: 0px !important;
    color:var(--primary-color);
    font-size: 45px;
}
.section_header h1{
    font-size: 60px;
    color:var(--main02)
}
.group-icon .box-text{
    padding:0px !important
}
.section_header:before{
    top:0 !important;
    right:0 !important
}
.section_header{
    padding-top: 80px !important
}
.section_header:before{
    top:35% !important        
}
.row-img img{
    object-fit: contain;
    width: 300px
}


.vande p{
    font-size: 14px;
    text-align: justify !important
}
.row-img{
text-align: center
}
.group-icon .col{
    padding-bottom: 14px !important
}
.section_header .large-4{
    padding-top:50px !important
}
.dexuatgiaiphap{
    max-width: 1230px !important;
    margin: 0 auto;
    padding: 50px 0px 0px !important
}
.dexuatgiaiphap .row{
    margin: 0px !important
}
.dexuatgiaiphap .box{
    display: flex;
    gap:15px;
    align-items: center;
        background: var(--primary-color2) !important;
    border: none;
    text-transform: unset;
    font-size: 15px;
    color: var(--primary-color);
    padding: 23px;
    border-radius: 20px;
    cursor: pointer
}
.dexuatgiaiphap h4{
    margin: 0px !important
}
.dexuatgiaiphap i{
    font-size: 32px;
}
.dexuatgiaiphap .box:hover{
    background: var(--text-primary2) !important;
}
.dexuatgiaiphap .box:hover *{
    color:#fff
}
.vande p{
    line-height: 1.3
}
.progress-wrapper svg{
    width: 220px;
  
}
.danhgia02 .text-title{
 text-align: center;   
}
.danhgia02 .text-title h2{
    max-width: 100% !important;
}
.progress-content p {
    font-size: 16px !important;
    font-weight: 700;
}
.danhgia01 > .row{
    display: flex;
    align-items: center;
}
.progress-circle {
    stroke: var(--primary-color);
}
.progress-content h3{
    font-weight: 800;
	font-size:24px !important; 
    color:var(--primary-color);
    margin: 0px !important;
    line-height: 1;
     
}
.danhgia02 .text-title h2{
    max-width: 100%;
    text-align: center;
}
.danhgia02{
    max-width: 100%;
    margin: 0 auto;
}
.danhgia02 .box{
    display: flex;
    align-items: center;
    background: var(--primary-color2)
}
.danhgia02 .box img{
    width: 60px;
    height: 60px;
    
}
.danhgia02 .box{
    padding: 8px !important;
    border-radius: 50px
}
.danhgia02 .box{
    gap:10px;
    color:var(--primary-color);
    font-weight: 600
}
.danhgia02{
    padding: 60px 0px !important
}
.danhgia02 .box{
    padding: 8px 25px 8px 8px !important
}

/* .row-singlecongnghe .col .col-inner,
.row-singlecongnghe .col {
    flex-basis: unset !important;
    max-width: unset !important;
    width: fit-content !important;
} */
.danhgia02 .box .box-text01{
    white-space: nowrap
}
.danhgia02 .box  .icon-box{
    min-width: 60px;
}
.mota .accordion-item{
    display: flex;
}
.mota{
    max-width: 1230px;
    margin: 0 auto;
    position: relative;
 
}
.mota .accordion-item .accordion-title{
    width: 25%;
}
.mota .accordion-title.tieude{
    padding: 0px;
    padding: 20px;
}
.mota .accordion-title.tieude .toggle{
    display: none;
}

.mota .accordion-inner .row-img img{
    width: 100%
}
.mota .row-img img{
    width: 100%;
}
.nav-vertical.nav-line>li>a:before{
    display: none;
}
.mota li{
    border: none !important;
    padding: 20px;
    background: var(--primary-color2);
    margin-bottom: 50px !important;
    border-radius: 20px;
}
.mota li a{
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
   
}
.mota li a i{
    font-size: 50px;
     opacity: 1 !important;
    color:var(--primary-color2) !important;
    min-width: unset !important;

}
.tabbed-content.mota{
    gap:50px;
    padding: 80px 0px !important;
    align-items: center;
}
.tabbed-content.mota img{
    border-radius: 20px;
}
.mota .nav.nav-vertical li.active{
    background: var(--primary-color) !important
}
.mota .nav.nav-vertical li.active a{
    color:#fff
}
.mota .nav.nav-vertical li:last-child{
    margin: 0px !important
}
.mota li a span{
    margin: 0px !important;
    font-size: 24px;
    margin-top: 15px !important; 
}
.mota.tabbed-content .nav-vertical{
    width: 20%;
}
.mota li.tab::before {
    opacity: 0;
    content: "";
    position: absolute;
    right: -18px; /* Điều chỉnh khoảng cách so với tab */
    top: 50%;
    transition: all 0.1s ease-in-out;
    transform: translateY(-50%);
    border-style: solid;
    border-width: 16px 0 16px 28px; /* Kích thước lớn hơn */
    border-color: transparent transparent transparent var(--primary-color); /* Màu mũi tên */
}
.mota .tab.active::before {
    opacity: 1;

}
.width-smaillcs{
    max-width: 1230px;
    margin: 0 auto;
}
.row-lotrinh > .col > .col-inner{
    display: flex;
    gap:10px
}
.row-lotrinh > .col > .col-inner > .item{
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-weight: 800;
    padding: 10px 40px;
    background:linear-gradient(to right, #AFFBF3 30%, #6dded066 100%);
    border-radius: 10px;
}
.lotrinh {
    padding: 80px 0px !important
}
.progress-content h3{
    font-size: 40px !important;
    font-weight: 800
}
.progress-content h3.cus{
    display: flex;
    gap:10px;
}
.progress-content
h3 span{
    font-size: 14px;
}
.fraction {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}

.fraction sup {
    font-size: 0.7em;
    vertical-align: top;
}

.fraction sub {
    font-size: 0.7em;
    vertical-align: bottom;
}
.fraction {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 1em;
    
}

.numerator, .denominator {
    padding: 0 0.1em;
}

.numerator {
    border-bottom: 1px solid currentColor;

}
.row-tinhtrang p{
    font-size: 14px;
    text-align: justify
}
.section-title-main{
    display: none
}
.section-title-main{
    display: none
}
.du-an-list{
   list-style: none 
}
.du-an-list .du-an-item{
    margin: 0px !important
}
.du-an-item img{
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
.sectionduan{
    background:#DCFFF9
}
.sectionduan .tabbed-content .nav{
    margin-top: -110px !important
}
.sectionduan .tabbed-content .nav li.active{
  background:#DCFFF9
}
.sectionduan .tabbed-content .nav li.active a{
    color: var(--primary-color);
}
.sectionduan .tabbed-content .nav li a{
    color:var(--main02);
      padding: 16px;
    font-size: 16px;
    font-weight: 800
}
.sectionduan .tabbed-content .nav li{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.sectionduan{
    margin:40px 0px;
    
}
.du-an-title{
    color:#000;
    margin: 20px 0px 0px !important
}
.du-an-btn{
    background: none !important;
    color:var(--main02) !important;
    border: 1px solid var(--main02) !important;
    padding: 5px 10px !important;
    font-size: 14px;
    font-weight: 700
}
.du-an-container{
    max-width: 1230px;
    margin: 0 auto;
}
.du-an-list{
    gap:40px
}
.page-numbers.current{
    width: 35px;
    height: 35px;
    background: var(--primary-color);
    color:#fff;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px !important;
    font-weight: 800;
}
.du-an-pagination{
    display: flex;
    align-items: center;
    gap:15px;
}
.page-numbers{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main02);
    color:#fff;
    font-weight: 700;
    border-radius: 50%;
}
.next.page-numbers{
    display: none
}
.du-an-btn:hover{
    color:#fff !important;
    border-color:var(--primary-color) !important;
    background-color: var(--primary-color) !important
}
.du-an-btn{
    transition: all 0.2s ease-in-out
}
.row-lotrinh-mobie{
	display:none
}
@media only screen and (max-width: 1500px){
.section-content >	.row-duandalam.row{
    max-width: 1350px !important
}
	.row-congnghe{
		height:225px !important
	}
	.rowkhoihanh h4{
		font-size:180px !important
	}
	.new.section-banner .large-9 {
        flex-basis: 88%;
        max-width: 88%;
    }
	.row-duandalam{
		margin-top:0px !important
	}
.text-title.full h2 br{
	display:block
}
	.row.row-collapse,
	.feedback .row.row-collapse{
		 max-width: 1230px;
	}
	.container-width, .full-width .ubermenu-nav, .container, .section-content > .row {
    max-width: 1230px !important;
}
	
.header-button a.button,
	.header-main .nav > li > a{
		font-size:16px;
	}
	.row-nho02{
   min-height: 450px; 
}
	.row-duanba .col-left h3{
    font-size: 24px;
}
	.row-duanba .col-left h4{
		font-size:16px
	}
	.row-duanba .col-left{
		padding-bottom:30px !important
	}
	.row-duanba .text-right .button.primary{
    width: 40px;
    height: 40px
}
}
@media only screen and (max-width: 1024px){
	.textcuoi{
    display: none
}
}
@media only screen and (max-width: 48em){
	a.btn-main.button{
    font-size: 16px
}
	.col-btn .col-inner{
    text-align: center;
}
	.row-dientu{
    padding-top: 0px !important
}
.row-congnghe h4{
    font-size: 14px;
}
	.feedback{
		padding:40px 0px 0px !important
	}
	.row-dientu .col{
    padding-bottom: 0px !important
}
	.imgtrong.ba{
		display:none
	}
.section-banner,
.chuyemon, .project, .doitac {
    padding: 30px 0px !important;
}	
	 .imgstrong2 {
    position: absolute;
    left: -3px;
		top: -18px;
		width:100%;
	}
.video22 video{
    width: 100%
}
	.row-account .accordion-inner p{
		font-size:16px
	}
	.row-account .accordion-inner{
    padding: 0px 0px 30px;
}
.row-account .accordion-inner p{
    text-align: justify;
}
	.tin-tuc-section{
    padding: 50px 0px !important;
}
	.pagegt-banner h1{
    font-size: 32px;
    margin-bottom: 30px;
}
.pagegt-banner .banner{
    padding-top: 500px !important;
}
.pagegt-banner .text-box{
    width: 100% !important;
}
.pagegt-banner p{
    font-size:18px;
}
	.tin-tuc-section .form .col-right{
    max-width: 100% !important
}
	.row-chuyenmon > .col> .col-inner{
    padding: 20px 20px;
}

.tin-tuc-section .form .col-right{
    padding:0px 0px !important;
}
.tin-tuc-section .wpcf7-spinner{
    display: none
}
.infoform{
    margin-top: 30px !important
}
.infoform .icon-box-text{
    padding-bottom: 20px !important
}

	.tin-tuc-section{
    padding:0px 0px !important
}
.tin-tuc-section .col{
    padding: 0px 15px 30px !important;
}
	.doitac{
    padding-top: 0px !important;
}
	.feedback .col-top.col{
    padding-bottom: 0px !important
}
.feedback .col-left.col{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.feedback  .col-right.col{
    padding: 0px !important;
}
	.feedback h3{
    font-size: 28px;
}
.row-duandalam{
    margin: 0px !important
}
.row-nho02 .col{
    padding: 0px 0px 30px !important;
}
.row-duandalam	.row-nho02{
		min-height:unset
	}
	.row-duanba .col-left{
    padding: 15px !important
}
.row-duanduoi .col{
    width: 50%;
    max-width: 50%
}
.row-duanduoi {
    margin: 20px 0px !important
}
.project h2{
   margin: 0px !important;
    margin-top: 30px !important
}
.feedback .col{
    padding: 0px 15px 30px !important
}
.feedback .col-right{
position: static
}
	.row-project .slick-list{
    padding: 0px !important
}
	.text-title.full h2{
    line-height: 1.3;
    font-size: 28px;
}
.section-banner .text-title p.onlymb,
	.section-banner .text-title h1{
    font-size: 50px;
}
.span01:before{
    bottom: -25px !important
}
	.form .col-left {
    margin-bottom: 30px
}
.group-button a{
    width: 100% !important;
    border-radius: 10px;
}
.form .col-right{
    padding: 20px 15px !important;
    width: 95% !important;
    max-width: 95%;
    margin: 0 auto;
    
}
.form .wpcf7-submit{
    width: 100%;
}
.link{
    padding-bottom: 0px !important
}
.form form{
    margin: 0px
}

	.text-title .sub{
    font-size: 14px !important;
    text-align: center;
}
.text-title p{text-align: justify}
.trainghiem .row-trainghiem .icon-box-img{
    width: 50px !important
}
.trainghiem .row-trainghiem h3{
    font-size: 18px;
}
.trainghiem .row-trainghiem .col .col-inner{
    min-height: unset;
    padding: 10px
}
	.trainghiem .row-trainghiem .col{
		padding-bottom:30px !important
	}
	.text-title h1{
    font-size: 28px;
}
.row-button{
    margin-top: 15px !important;
    margin-bottom: 30px !important; 
}
.slider-wrapper .flickity-prev-next-button{
    display: block
}
.danhhieu{
    padding-bottom: 0px !important;
}
	    .text-title h2 {
        font-size: 28px;
    }
	.trainghiem a.button.btn-main2{
    width: 100%;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
}
	.text-title h2 br{
    display: none
}
	.text-title h2{
    margin-bottom: 30px;
}
.produce.c .accordion-title{
 font-size: 16px;
   
}
.row-bg-white{
    margin: 0px;
    padding:40px 10px
}
.soduan{
    margin-top: 0px;
}
.congnghe2{
    height: unset;
    padding: 50px 20px !important;
}
	.style-btn .slick-arrow{
    width: 30px !important;
    height: 30px;
    left: unset;
    border: none
}
.style-btn .slick-arrow:before{
    font-size: 16px;
}
.style-btn .slick-arrow.slick-next{
    right:0
}
	   .quytrinh .produce .row:nth-child(odd) > .col:nth-child(odd) .is-border {
        left: 0 !important;
    }
   .quytrinh .produce .text {
        padding: 25px 30px 30px 30px !important;
    }
    .produce .row:nth-child(odd) > .col:nth-child(odd):after {
        left: 8px;
    }
.quytrinh .produce .row:nth-child(odd) > .col:nth-child(odd){
    margin: 0px
}
   .quytrinh  .produce .row:nth-child(odd) > .col:nth-child(odd) .is-border {
        left: 0;
    }
    .is-border, .produce .row > .col::after {
        right: unset !important;
    }
.quytrinh .produce > .col-inner > .row:first-child .col:first-child::after{
    top:45px
}
.quytrinh .produce .row:nth-child(even) > .col:nth-child(even):after{
    top:40px
}
.quytrinh .produce .row:nth-child(odd) > .col:nth-child(odd):after, .produce .row:nth-child(even) > .col:nth-child(even):after{
    top:40px
}
	.cauhoi .accordion-inner{
    padding: 10px 0px;
    text-align: justify
        
}
}
.trainghiem .row-trainghiem .col .col-inner{
    margin: 0px 0px 0px 0px;
    padding: 20px;
    background-color: transparent;
    background-image: linear-gradient(180deg, #FFFFFF7A 0%, #FFFFFFD9 100%);
    border-radius: 15px 15px 15px 15px;
        box-shadow: 0px 0px 10px 0px rgba(132, 45.00000000000001, 45.00000000000001, 0.13);
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color:#fff !important;
    outline: none;
    background: var(--text-primary3) !important;
}


/* Footer */

/* .section-ft-new {
    margin-top: 80px;
}
 */
.img-az-ft {
    margin-bottom: 30px !important;
}

.section-ft-new h2 {
    font-size: 24px;
}

.section-ft-new h3 {
    font-weight: 600
}

.row-ft-bot .col-left .icon-box-img {
    width: 30px !important
}
.row-ft-bot .col-right .icon-box-img{
    width: 40px !important
}

.row-ft-bot .col-left h3 {
    font-size: 16px;
    margin: 0px;
}
.icon-box-left{
    align-items: center;
}
.row-ft-bot .box-top {
    margin-bottom: 15px;
}

.text-icon-right {
    display: flex;
    gap: 10px;
    font-weight: 600
}

.text-icon-right i {
    font-size: 18px !important;
}
.section-ft-new{
	padding-top: 50px !important;
	position: 
}
.ux-menu-link__link.flex{
	font-size: 14px;
}
.section-ft-new h3{
	font-size: 16px;
	font-weight:800
}

.section-ft-new{
	overflow: hidden
}
.shrink-animation {
    display: inline-block;
    clip-path: inset(0);
    animation: clip 2.2s infinite alternate, paused 2s forwards;
}

.text-right .text-title h2{
     max-width: 100% !important;
}
@keyframes clip {
    0% {
        clip-path: inset(0 100% 0 0);
    }

    100% {
        clip-path: inset(0);
    }
}
/* NEW */
.rowkhoihanh h4{
    font-size: 220px;
        color: #848f9f;
    line-height:0.8;
	margin-bottom:0px !important
}
.rowkhoihanh h3{
    font-size: 32px;
	color: var(--main02) !important;
}
.nhunggiatri h3 {
    font-size: 60px !important;
    margin-bottom: 30px !important;
	color: var(--main02) !important;
}
.nhunggiatri p{
    line-height: 1.4;
}
.row-nhungdieu h3{
    font-size: 100px;
    line-height: 1.2;
    margin: 0px;
     color: #848f9f;
}
.row-nhungdieu p{
    text-align: justify !important;
   
}
.absolute-footer {
    display: none
}
.ux-menu-link__link.flex {
    
    line-height: 1.3 !important;
    display: inline-block;
    height: unset !important;
    min-height: unset

}
.row-logo-ft{
    margin-bottom: 10px
}

.section-gt a.button{
    width: 250px !important;
    text-align: center;
    display: flex;
    justify-content: center;
}
.section-gt .text-title h1 span:before{
    display: none !important
}
.section-gt .text-title h1{
    line-height: 1.4 !important
}
.new.section-banner .text-title h1{
    line-height: 1.7;
}
.new.section-banner .text-title h1 span:before{
    height: 53px;
    bottom:-40px !important
}
.text-title h2 span,
 .text-title h1 span{
    color:var(--main02);
}
.text-title h2 p,
.text-title h2{
    margin-bottom: 0px !important;
}
a.main02.btn-main.button{
    padding: 8px 15px !important;
    border-radius: 50px;
    background: var(--primary-color2) !important;
}
a.main02.btn-main.button span{
        text-transform: unset !important;
    color:var(--primary-color)
}
a.main02.outline3.button{
    border: 2px solid var(--primary-color) !important;
    background: #fff !important;   
}
a.main02.button{
     height: 59px;
    display: flex;
    align-items: center;
    width: fit-content;
}
a.main02.button:hover{
   box-shadow: none
}
.header-button a.button{
    height: 50px;
    padding: 4px 20px !important;
    display: flex;
    align-items: center;
}
.header-button a.button span{
line-height:  1
}
.chuyemon .text-title h2{
    margin: 0 auto;
}
.row-chuyenmon p{
    text-align: justify
}
.text-title h2{
    margin-bottom: 20px !important;
}
.section-ft-new p{
    text-align: justify
}
.duannew .nav li a{
    padding: 20px;
    font-size: 22px;
    text-transform: capitalize;
   color:var(--primary-color);
    display: inline-block;
}
.row-tab-duan img{
    border-radius: 10px;
}
.duannew .nav li{
     border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.duannew .nav{
    padding: 0px 15px;
}
.duannew h4 span{
    font-weight: 500
}
.section_header{
	position:relative
}
.section_header:before,
.new.section-banner:before{
    content:"";
    background-image: url("/wp-content/uploads/2025/02/Group_-2.png");
    width: 500px;
    height: 400px;
    position: absolute;
    right:10%;
    top:50%;
    background-size: contain;
    background-repeat: no-repeat;
	  opacity: 0;
    transform: translateX(100px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
	animation: hu__hu__ infinite 3s ease-in-out;
}
.section_header:before{
	z-index:11
}
.section_header:before{
	opacity:1;
	animation:unset
}
.group-icon{
    margin: 0px !important
}
.group-icon .icon-box{
    display: flex;
    align-items: center;
    gap:10px;
}
.group-icon .icon-box i{
    color:var(--main02);
    font-size: 30px;
}
.group-icon h4{
    color:var(--main02);
}
.new.section-banner.fade-in:before {
    opacity: 1;
    transform: translateX(0);
}
.row-congnghe{
    height: 135px;
    align-content: flex-start
}
.row-tab-duan .box-image{
    border-radius: 10px;
   box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
.duannew .button.primary{
    border-color: var(--main02);
    color: var(--main02);
    border-radius: 6px;
}
.col-left-bottom{
    margin-top: -200px;    
}
a.btn-main.main02.button{
	font-size:16px;
}
.trainghiemnew a.btn-main.main02.button{
    width: 100%;
    text-align: center;
    justify-content: center;
}
a.btn-main.main02.button{
    min-width: 200px;
    justify-content: center;
}
.row-moi{
    margin: 0px !important;
    padding:40px 30px 0px 30px !important;
    border-radius: 50px;
    border: 1px solid var(--main02) !important;
}
.feedback .col-right{
    padding-right: 0px !important
}
.form-lien-he{
    background: #fff;
    border-radius: 30px;
}
.tin-tuc-section .col.link p{
    display: flex;
    justify-content: center;
}
.wpcf7-spinner{
    display: none
}
.form .text-title.full h2{
    font-size: 30px;
}
.form{
    background: #071A4F;
    border-radius: 20px;
    padding: 50px !important;
}
.tin-tuc-section .form h2{
    max-width: 536px !important;
}
.form{
    padding-left: 30px !important;
    padding-bottom: 0px !important
}
.form .col-left1{
    padding-bottom: 0px !important
}
.form .col-right
{
    padding-left: 50px !important
}
FORM{
    margin-bottom: 0px
}
.header-main .nav > li.menu-item  > a.nav-top-link{
    color: var(--main02) !important;
}
.thuonghieu img{
    object-fit: contain
}
.header-main .nav > li > a{
	color:var(--main02) !important
}
.row-thuonghieu:before{
   content: "";
    background-image: url(/wp-content/uploads/2025/02/Asset-22@3x.png);
    width: 340px;
    height:400px;
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translatey(-50%);
    background-size: contain;
    background-repeat: no-repeat;
	animation: hu__hu__1 infinite 4s ease-in-out;
}
.gt_selector.notranslate{
    padding: 0px;
    border: none;
    box-shadow: none;
    font-weight: 700;
    color:var(--text-primary2);
  -webkit-appearance: none; /* Ẩn mũi tên trên trình duyệt Webkit (Chrome, Safari) */
  -moz-appearance: none;    /* Ẩn mũi tên trên trình duyệt Firefox */
  appearance: none;         /* Chuẩn CSS để ẩn mũi tên */
  background: none; 
  width: fit-content;
}

.gtranslate_wrapper{
    padding-left: 20px;
    cursor: pointer
}
.gtranslate_wrapper:before{
   content: "";
background-image:url("/wp-content/uploads/2025/03/callAsset-18@3x-1.png");
    width: 18px;
    height: 18px;
    position: absolute;
    left: -3px;
    top:8px;
    background-size: contain;
}

.gtranslate_wrapper:after{
    content: "\f053";
    font-family: "fontawesome";
    position: absolute;
    transform: rotate(270deg);
    right: 15px;
    top:4px;
    font-size: 15px;
    color:var(--text-primary2);
}
.row-thuonghieu img{
    object-fit: contain
}
.form-lien-he{
    margin-bottom: 50px;
}
.row-info{
    padding: 20px;
    padding-bottom: 0px;
}
.tin-tuc-section .form .col-right input{
    margin-bottom: 10px
}
.tin-tuc-section .form .wpcf7-textarea{
    border: none;
    border: 2px solid var(--main02);
    padding: 10px;
    border-radius: 8px;
    
}
.tin-tuc-section .form .col.link input{
    margin-top: 20px !important; 
}
.img-sleek{
    position: absolute;
    bottom: 0
}
.col-left1 .col-inner{
    position: static
}
.form .text-title.full h2{
    position: relative;
    z-index: 2
}
.onlymb,
.video22.new{
	display:none
}
.row-ft-bot .icon-box-img{
	padding-top:0px;
}
.row-img-ft img{
    padding: 0px 6px
}
a.button.primary.is-outline:hover{
    color:#fff;
}
.section-ft-new  .large-5{
    flex-basis: 37%;
    max-width:37%;
}
.section-ft-new .large-7{
flex-basis: 63%;
    max-width:63%;
    padding-left: 40px;
}
.row-ft-bot .col-left .icon-box-text{
    padding-left: 5px
}
.form-lien-he {
    margin-bottom: 80px;
}
.row-logo-ft p,
.row-logo-des p{
    margin: 0px !important
}
.row-logo-des .col.large-4.small-3 .col-inner,
.row-logo-des .col.large-4.small-3,
.row-logo-des .col.large-4.small-3 p{
    width: fit-content;
    flex-basis: unset;
}
.row-logo-des .col.large-4.small-3 .col-inner{
    margin: 0px !important;
    margin-right: 10px !important
}
.row-logo-ft,
.row-logo-des{
    align-items: center;
    
}
.ux-cus-menu .icon-box:not(:last-child){
    margin-bottom: 15px
}
.ux-cus-menu .icon-box h3{
    color:var(--primary-color)
}
.ux-cus-menu{
    padding: 0px !important
}
.ux-cus-menu .icon-box{
    padding: 10px
        
}
.ux-cus-menu .col-right,
.ux-cus-menu .col-mid{
	padding: 30px !important;
}
.ux-cus-menu .col-left{
    padding:30px 20px !important;
    background:#DCFFF9 !important;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
}
.ux-cus-menu .icon-box:hover{
    background: #fff;
    border-radius: 10px;
    cursor: pointer
}
.andan{
    display: none
}
.section-banner.dvtk h1{
    font-size: 44px;
}

a.btn-main.main02.button{
    transition: all 0.3s ease-in-out !important
}
.trainghiemnew a.btn-main.main02.button:hover{
     background: var(--primary-color2) !important;
    border-color:var(--primary-color2) !important;
}
.tab-panels{
    padding: 0px !important
}
#header .tabbed-content ul a{
    min-height: unset !important;
    
    padding: 0px !important;
    font-size: 20px !important;
    color: var(--primary-color) !important;
    font-weight: 700;
    line-height: unset;
    margin: 0px !important;
    
}
#header .tabbed-content ul li{
    border: none;
    padding:8px 20px;
    border-radius: 8px;
    margin-bottom: 15px !important
}
#header .tabbed-content ul li.active{
    background: #fff !important;
}
#header .tabbed-content ul li.active a:before{
    display: none
}
#header .tabbed-content .nav-vertical{
    width: 50%;
    
}
#header .tabbed-content{
    gap:80px
}
#header .ux-cus-menu .ux-menu-link__link.flex
@media only screen and (max-width: 1500px) {
	.form-lien-he {
    margin-bottom: 50px;
}
	.new.section-banner:before{
		right:2%
	}
	section{
		padding:50px 0px !important;
		
	}
	.new.section-banner .text-title h1{
		margin:0px
	}
	.new.section-banner .text-title h1{
		line-height:1.3
	}
	.row.row-duandalam{
    max-width: 1350px !important
}
.row-duandalam.row .slick-list{
    padding-right: 150px !important
}
}
@media only screen and (max-width: 48em) {
	.andan{
    display: inline-block
}
	.row-thuonghieu:before{
    display: none
}
.text-title.full h2 br{
	display:none
}
	.container-width, .full-width .ubermenu-nav, .container, .section-content > .row{
		max-width:100% !important;
	}
	.text-title h2{
		margin-bottom:0px !important
	}
	.new.section-banner .text-title h1 span:before{
		display:none
	}
	.span04{
		margin-left:0px;
	}
	.row-congnghe{
		height:unset !important
	}
	.video22{
    display: none
}
	.video22.new{
		display:block
	}
.new.section-banner:before{
    width: 200px;
    height: 200px;
    display: none
}
	.row-duandalam.row .slick-list{
		padding-right:0px !important
	}
	.guigam,
	.feedback h3 br{
		display:none
	}
	section.section {
    padding: 30px 0px !important
}
	.row-moi{
    padding:30px 0px !important
}
.feedback h3{
    font-size: 23px;
    line-height: 1.4
}
.feedback a.btn-main.main02.button{
    margin-bottom: 0px !important;
}
.feedback .row.align-center,
.feedback .row.align-bottom{
    margin: 0px !important
}
    .new.section-banner .large-9 {
        flex-basis: 100%;
        max-width: 100%;
    }
	.section-banner .text-title p{
font-size: 16px;
    margin-bottom: 0px;
    margin-top: 30px;
}
	.trainghiemnew .text-title h2 br{
    display: block
}
.trainghiemnew .text-title p{
    font-size: 24px;
}
	.section-banner .text-title p.onlymb{
    display: inline-block;
    margin: 0px;

}
	.section-banner .text-title p.onlymb, .section-banner .text-title h1{
   
    margin-bottom: 30px;
}
	.row-button-bottom{
    margin: 0px !important
}
a.btn-main.main02.button{
    min-width: unset;
    font-size: 14px;
}
	.col-left-bottom{
		margin-top:0px;
	}
	.row-tab-duan .box-text{
    padding-bottom: 0px
}
	.video22.new{
		margin-bottom:0px
	}
	.row-chuyenmon p{
    font-size: 14px;
}
.row-congnghe h4{
    padding: 10px;
}
	.row-dientu .col .col-inner .icon-box{
		margin:0px
	}
	.row-dientu1 .col .col-inner
	.row-dientu .col .col-inner{
		padding:0px !important;
		
	}
	.row-dientu .col {
		padding-bottom:20px !important
	}
	.row-congnghe{
		margin-bottom:30px
	}
	.duannew{
		padding-bottom:0px !important;
	}
	.row-moi p{
    font-size: 14px;
}
a.main02.btn-main.button{
    padding: 0px 20px !important;
    height: 46px;
}
	.trainghiemnew a.main02.btn-main.button{
		padding:5px 20px !important;
		height:60px
	}
	.form{
    padding: 30px 15px !important;
}
	.img-sleek{
    position: static
}
.row-info .col{
    padding: 0px !important
}
	.section_header .row-img img{
    max-height: 120px;
    
}
.tin-tuc-section .row-info {
    padding: 20px 15px !important
}
.tin-tuc-section .form .col.link input{
    margin-top: 0px !important; 
}
.tin-tuc-section .row-icon .col{
    padding:0px 0px 30px !important
}
	.section-ft-new .large-5,
.section-ft-new .large-7{
        flex-basis:100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
	.form-lien-he{
    margin-bottom: 0px;
}
	.off-canvas .nav-vertical>li>a{
    color:var(--primary-color);
    font-size: 16px;
}
.off-canvas-left .mfp-content{
    width: 100%;
}
.html_topbar_right img{
    width: 70%
}
	.section-banner .small-12.large-9{
    padding-bottom: 0px !important
}
	.row-ft-bot .col-right .icon-box-img{
		width:35px !important;
	}
	.row-ft-bot .col-left .icon-box-text {
    padding-left: 1em;
		
}
	.row-ft-bot .col-left{
 margin-bottom: 15px;   
}
	.row-logo-des{
    margin: 20px 0px;
}
	.row-dientu .col .col-inner,
	.row-dientu .col{
		width:100% !important;
		flex-basis:100%;
		max-width: 100% !important
	}
	.section_header{
    padding-top: 30px !important
}
.section_header:before{
    top:0 !important;
    z-index:1
}
.section_header > .row{
    z-index: 2 !important;
    position: relative;
}
.section_header h1 p{
    font-size: 30px;
    text-align: justify
}
.dexuatgiaiphap h2{
    text-align: center;
    margin-bottom: 20px !important;
}
.row-bieudo {
    justify-content: center;
    
}
.row-bieudo .col{
    max-width: 50%;
    flex-basis: 50%;
    padding-bottom: 0px !important
}
.progress-wrapper svg{
    width: 190px
}
.dexuatgiaiphap h4{
    font-size: 14px;
}
.dexuatgiaiphap .row-botdia .col{
    padding-bottom: 0px
}
.dexuatgiaiphap .row-botdia p{
    text-align: justify;
}
.row-lotrinh > .col > .col-inner{
    flex-direction: column;
    max-width: 100px;
    align-items: start;
    margin: 0px
}
.row-lotrinh{
    display: none
}
.row-lotrinh-mobie .item {
    display: flex;
  
    gap:10px;
    
}
.row-lotrinh-mobie .item i{
    padding: 10px;
    background: #DCFFF9;
    height: 50px;
    border-radius: 5px;
}
.row-lotrinh-mobie .item {
    margin-bottom: 10px;
}
.row-lotrinh-mobie.lotrinh01 .item:nth-child(2) i{
    height: 100px;
}
.row-lotrinh-mobie .col{
    padding-bottom: 0px !important
}
.row-lotrinh-mobie.lotrinh02{
    margin-top: -60px;
}
.row-lotrinh-mobie i{
    min-width: 50px !important;
}
.row-lotrinh-mobie.lotrinh02 .item:first-child i{
    height: 80px;
}
.row-lotrinh-mobie.lotrinh02 .item:last-child{
    margin-left: -40px !important;
}
	.row-lotrinh-mobie.lotrinh03 .item i{
    height: 100px;
}

.row-lotrinh-mobie.lotrinh04 .item:nth-child(1) i{
    height: 240px;
}
.row-lotrinh-mobie.lotrinh04{
    margin-top: -220px;
}
	.row-lotrinh-mobie.lotrinh05 .item-text{
    white-space: wrap
}
.row-lotrinh-mobie  .col{
    padding: 0px
}
.lotrinh{
    padding: 30px 15px !important;
    overflow: hidden
}
.row-lotrinh-mobie.lotrinh05 .item i{
    height: 140px;
}
.row-lotrinh-mobie.lotrinh05{
    margin-top: -180px;
}
.row-lotrinh-mobie.lotrinh03 .item:nth-child(2){
    margin-left: -105px !important;
}
.row-lotrinh-mobie.lotrinh03 .item:nth-child(3){
    margin-left: -95px
}
.row-lotrinh-mobie.lotrinh03{
    margin-top: -90px
}
.row-lotrinh-mobie .item i{
    justify-content: center;
    display: flex;
}
	.row-lotrinh-mobie{
	display:flex
}
	.tabbed-content.mota{
    flex-direction: column-reverse
}
.mota.tabbed-content .nav-vertical{
    width: 100%;
    flex-wrap: nowrap;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap:10px
}
.mota.tabbed-content .nav.nav-vertical li{
    flex-basis: 30%;
    max-width: 30%;
    margin: 0px !important;
   
}
.mota li a i{
    font-size: 40px;
}
.mota li{
    padding:8px 0px;
}
.mota li.tab::before{
    right: unset;
    top:0;
    left: 50%;
    transform: translate(-50%,-50%);

    top: -8px; /* Đưa mũi tên lên trên */
   
    transition: all 0.1s ease-in-out;
    border-style: solid;
    border-width: 0 14px 24px 14px; 
    border-color: transparent transparent var(--primary-color) transparent;
}
.tabbed-content.mota{
    padding: 30px 0px !important
}
	.section_header:before{
    width: 300px;
    right: 20% !important;
    top:3% !important;
}
.section_header h1{
    margin: 0px;
    margin-top: 80px;
}
.section_header h1{
    font-size: 40px;
}
.section_header .col-img{
    padding: 0px !important;
    position: absolute;
    width: 200px;
    right: 0;
    top:-5%
}
.section_header{
    padding-top:100px !important
}
.header-bottom01{
    margin: 40px 0px;
}
.group-icon .icon-box i{
    font-size: 24px;
}
.group-icon h4{
    font-size: 14px;
}
		.new.section-banner .text-title h1{
		line-height:1.3
	}
	.danhgia02 .slick-list{
    padding-right: 180px
}
	.section_header .col-img{
    right:5%
}
	.sectionduan .tabbed-content .nav{
    margin-top: unset !important
}
.gocnhin h4 br{
    display: none
}
	section.section.gocnhin{
    padding-bottom: 0px !important
}
section.section.gocnhin .col{
    padding-bottom: 0px !important
}
.sectionduan ul.nav-simple{
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
    overflow-x: auto
}
.sectionduan ul li{
    white-space: nowrap
}

.sectionduan .tab-panels{
    padding: 0px 15px !important;
}
}