/*
Theme Name: PUNO
Description: Vui lòng không xóa giao diện này
Author: UX Themes
Template: flatsome
Version: 3.0
*/

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

.post-sidebar.large-3.col {
    padding: 0px 10px;
}
.header-vertical-menu__opener .icon-menu {
    font-size: 1.7em;
    margin-right: 10px;
    background: #c12533;
    border-radius: 50px;
    padding: 5px;
}
.links>li>a:before, i[class*=" icon-"], i[class^=icon-] {
    speak: none !important;
    display: inline-block;
    font-display: block;
    font-family: fl-icons !important;
    font-style: normal !important;
    font-variant: normal !important;
    line-height: 1;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: none !important;
}
.header-vertical-menu__opener {
    align-items: center;
    background-color: #ffffff;
    display: flex
;
    flex-direction: row;
    font-size: .9em;
    font-weight: 600;
    height: 45px;
    justify-content: space-between;
    padding: 7px 5px;
    width: 230px;
    border-radius: 50px;
}
span.header-vertical-menu__title {
    color: #000;
}

.list-post-ngang .post-item .box-text{padding:0; padding-left:10px}
.list-post-ngang .post-item:last-child{border-bottom:none}
.list-post-ngang .post-item{  border-bottom: 1px dashed #f4f4f4;  padding: 7px 10px !important;}
.list-post-ngang .post-item .post-title{    margin: 0;
    font-size: 14px;
    font-weight: normal;}
.box-blog-post .is-divider{display:none}
.list-post-ngang{border: 1px solid #e9e9e9;margin-left:0 !important; margin-right:0 !important; background: white;
    padding: 8px;}


    .header-main .nav > li > a {color:black;
    font-size: 17px;
    font-weight: 600;
}.nav-line-bottom>li>a:before{width: 75%;
    border-radius: 5px;background:linear-gradient(92.53deg, #14284E 29.73%, #001d84 97.09%);}.nav-spacing-xlarge>li {
    margin: 0px 20px;
}.nut-2{border: 1px solid #14284E;background:linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
border-radius: 50px;line-height:53px;font-size:16px;letter-spacing:0}
.nut-2:hover{box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);}
.blog-archive .post-item .post-title{font-size:18px;line-height: 22px; margin-bottom:10px;
color: #2C2C2C;}
.blog-archive .post-item .box-text{padding-right:0}
.blog-archive .post-item a:hover{color:black}.blog-archive .post-item .post-title:hover{color:#fcb539}
.blog-archive .post-item .box-image .image-cover{border-radius:8px}
.nav-pagination a{background: #e5e5e5;
    border: 2px solid #e5e5e5 !important;}
.no-results input[type=search]{box-shadow: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 14px;
    height: 39px;}
.no-results .searchform .button.icon{border-top-right-radius:5px;border-bottom-right-radius:5px}.blog-single .entry-header .entry-header-text {
    max-width: 820px;
    margin: 0 auto;
    text-align: left;
}.blog-single .entry-title {
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    color: black;
}.blog-single .entry-content{
    max-width: 1020px;
    margin: 0 auto;
    text-align: justify;
}.is-divider{display:none}.blog-single .entry-content p {
    max-width: 880px;
    margin: 0 auto 13px auto;
}.entry-content p, .entry-content ul li, .entry-content a {
    font-size: 15px;
    color: #050505;
}
.blog-archive .post-item .from_the_blog_excerpt{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 14px;
    overflow: hidden;}
.blog-archive .post-item .tim-hieu-them{    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    border: 1px solid gray;
    border-radius: 24px;
    margin-bottom: 0;
    margin-top: 10px}
.section1 h1{font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 50px;
background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.section1{padding-top:100px !important}
.nut-1{    background: #F4F4F4;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    color: #001d84;
    font-weight: bold;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 53px;}
.nut-1:hover{box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);color:#001d84 !important}
.header-button-1 a span:before{content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(https://puno.vn/wp-content/uploads/2023/05/phone-icon.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    top: 5px;
    position: relative;
    margin-right: 5px;}
.header-button-1 a{background: linear-gradient(92.5deg, #000 6.07%, #000 93.93%);
    border-radius: 30px;
    font-size: 17px;
    letter-spacing: 0;
    font-weight: 500;}
.header-button-1 a, .nhap-nhay{animation-name: stretch;
      animation-duration: 1s;
      animation-timing-function: ease-in-out;
      animation-direction: reverse;
      animation-iteration-count: infinite;
      animation-play-state: running;}
@keyframes stretch{
    0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
    50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
    100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    }}

.omni-3 .icon-box h3{font-size: 20px;
line-height: 40px;
text-align: center;
color: #262626;}
.omni-3{padding-bottom:40px !important}
    .section2 .nut-lam-gi,.omni-3 .nut-lam-gi, .section7 .nut-lam-gi,.gioi-thieu-4 .nut-lam-gi, .call-center-3 .nut-lam-gi{background-image: url(https://xuonginvai.aab.vn/wp-content/uploads/2025/08/icon.svg);background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 1px;}
.nut-lam-gi {background-repeat:no-repeat;
    background-color: white;
    margin: 0;
    padding: 10px 20px 10px 44px;
    background-position: 7px 6px;   
    border-radius: 35px;
    text-transform: uppercase;
    color: #001d84;
    background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(235, 114, 87, 0.27);
border-radius: 30px;
}
.section2 h2{font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 35px;
text-align: center;
color: #000000;}
.section2 h2 strong{background:linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.section2 .slider .row{margin-left:0 !important; margin-right:0 !important; width:25% !important;opacity:1}
.section2 .slider .flickity-slider{left:12.5% !important}
.section2 .slider .row .col{padding-left: 6px;
    padding-right: 6px;padding-bottom:40px}
.section2 .slider .large-12 .col-inner{min-height:300px; padding:30px 15px 35px 15px;
    border-radius: 20px;}
.icon-xem-them{z-index:999}.icon-xem-them:hover{transform:scale(1.1);transition:transform linear 0.2s}
.icon-xem-them{background: white;
    box-shadow: 0px 4px 30px rgb(219 0 0 / 21%);
    max-width: 52px;
    border-radius: 99%;
    position: absolute;
    left: 41%;
    bottom: -7%;transition:transform linear 0.2s}
.section2 .flickity-prev-next-button svg{padding:11px;background: #FFFFFF;
    box-shadow: 0px 4px 30px #001d847a;
    border-radius: 99%;
    color: #001d84;}
.section2 .flickity-button{width:40px}
.section2 .flickity-prev-next-button.previous{right:101%}
.section2 .flickity-prev-next-button.next{left:101%}
.section2 .icon-box .icon-box-text{color:#4E4E4E;font-size:13px}
.nut-xem-tat-ca span{background:linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 26px;}
.nut-xem-tat-ca{    padding: 6px 20px;
    border-radius: 36px;
    border: 2px solid #001d84 !important;}
.section3 .nut-2{margin-top:5px}
.giai-phap-1 .col{padding-bottom:0}
.section3 h2, .section5 h2, .section6 h2, .section7 h2,.section8 h2, .gioi-thieu-2 h2, .lien-he-2 h2, .giai-phap-1 h1, .giai-phap-3 h2, .omni-1 h1, .omni-1 h2, .omni-4 h2, .omni-5 h2, .call-center-1 h2, .call-center-2 h2{margin-bottom:25px;background: linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;line-height:37px}
.section6 img{padding:10px}
.section4 .large-3{flex-basis:20%; max-width:20%}
.section4 .icon-box{border:1px solid white; background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
border-radius: 20px;padding:20px}
.section4 .icon-box:hover svg, .section4 .icon-box:hover h4{color:#fecc08;}
.section4 .icon-box .icon-box-img {
    min-height: 88px;
}
.section4 .icon-box h4{color:#3D3D3D;font-size:16px;font-weight:600}
.header-main .nav > li > a:hover i, .header-nav li.active a i{-webkit-text-fill-color: #fcb539;}
.giai-phap-2{margin-top:-90px}
.giai-phap-2 .icon-box h3{font-weight:600;color: #fecc08; font-size:22px; line-height:45px}
.giai-phap-2 .large-4 .col-inner{background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 10px;}
.giai-phap-2 ul{padding: 25px 15px;margin-bottom:0}
.giai-phap-2 ul li a{transition:linear 0.2s; color:#2C2C2C;font-size:15px;line-height:25px}.giai-phap-2 ul li{list-style: none;
    margin-left: 0;
    background-image: url(https://xuonginvai.aab.vn/wp-content/uploads/2025/08/icon.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;}
.giai-phap-2 ul li a:hover{color:#fcb539; padding-left:7px;transition:all linear 0.3s}
.giai-phap-2 .icon-box .icon-box-img{max-height:44px}
.giai-phap-2 .icon-box{align-items: center;background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 10px 10px 0px 0px;padding:20px 15px;color: #fecc08;}
.giai-phap-1{padding-bottom:100px !important}
.section4 .nut-lam-gi,.giai-phap-1 .nut-lam-gi, .section6 .nut-lam-gi, .section8 .nut-lam-gi, .omni-4 .nut-lam-gi{
    background-image: url(https://xuonginvai.aab.vn/wp-content/uploads/2025/08/icon.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 1px;
}
.section4 .icon-box:hover{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
border: 1px solid #FFFFFF;}
.section4{padding-bottom:45px !important}
.section4 .icon-box svg{color: red;background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.section5 .icon-box{margin-bottom:25px;box-shadow:0px 4px 25px rgb(64 64 64 / 15%);padding:20px;border-radius:15px}
.section5 .icon-box .icon-box-text{font-size:17px;color:#000000}
.section5 .icon-box:hover{background: linear-gradient(62.14deg, #FFDAA3 -0.06%, rgba(255, 255, 255, 0) 43.03%);
filter: drop-shadow(0px 4px 35px rgba(245, 118, 0, 0.32));}
.nut-3{letter-spacing: 0;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #e55000 !important;
    padding: 6px 20px;}
.nut-3 span{background:linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.nut-3:hover span{color:#14284e;-webkit-text-fill-color:#14284e;}
.nut-3:hover{background: linear-gradient(92.5deg, #fecc07 6.07%, #ffb717 93.93%);
box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);}
.section3 .nut-lam-gi, .section5 .nut-lam-gi, .gioi-thieu-2 .nut-lam-gi, .lien-he-2 .nut-lam-gi
{
    background-image: url(https://xuonginvai.aab.vn/wp-content/uploads/2025/08/icon.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 1px;
}
.nut-xem-tat-ca:hover{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);}
.nut-xem-tat-ca:hover span{-webkit-text-fill-color: #FECC07;}
.section2 .icon-box .icon-box-text p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;}
.section2 .slider .row:first-child .large-12 .col-inner{background:#FDF8E3}
.section2 .slider .row:nth-child(2) .large-12 .col-inner{background:#FDEFF0}
.section2 .slider .row:nth-child(3) .large-12 .col-inner{background:#DEEDC6}
.section2 .slider .row:nth-child(4) .large-12 .col-inner{background:#f0f3fa}
.section2 .slider .row:nth-child(5) .large-12 .col-inner{background:#eaf8ff}
.section2 .icon-box h3{font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 26px;
text-align: center;
background:linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.section2 .slider .large-12 .col-inner:hover{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%) !important;}
.section2 .slider .large-12 .col-inner:hover .icon-box h3{-webkit-text-fill-color: #FECC07;color:#FECC07;background:none}
.section2 .slider .large-12 .col-inner:hover .icon-box .icon-box-text{color:#FECC07;}
.list-post .post-item .box-image{border-radius:8px}
.list-post .post-item .box{box-shadow: 0px 4px 25px rgb(0 0 0 / 11%);
border-radius: 10px;}
.list-post .post-item .box-text{padding:20px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}
.list-post .post-item .from_the_blog_excerpt{margin-top:6px;font-size:14px; color:#5E5E5E}
.list-post .post-item:hover .post-title{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.list-post .post-item:hover .tim-hieu-them{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);}
.list-post .post-item:hover .tim-hieu-them span{-webkit-text-fill-color:#FECC07;color:#FECC07;}
.banner2 h2{font-size: 40px;
    line-height: 55px;}
.list-post .post-item .post-title{font-size:18px;line-height:26px;color:#000000; margin-bottom:10px}
.thong-tin-meta{font-size:14px;color: #9B9B9B;}
.thong-tin-meta .fa{margin-right:3px}
.blog-archive .large-8 .thong-tin-meta{font-size:12px}
.thong-tin-meta .ngay-dang-bai, .thong-tin-meta .luot-xem{margin-right:15px}
.list-post .post-item .tim-hieu-them{margin: 0;
    border: 1px solid #001d84;
    border-radius: 33px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 22px;
    margin-top: 14px;}
.list-post .post-item .tim-hieu-them span{background: linear-gradient(92.5deg, #fecc07 6.07%, #fcb539 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.list-post .post-item:hover .box-text{background: linear-gradient(62.14deg, #FFDAA3 -0.06%, rgba(255, 255, 255, 0) 43.03%);}
.footer-section{border-top: 1px solid #e7e7e7;}
.footer-section .col{padding-bottom:0}
.footer-section h3{margin-bottom:15px;background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;font-size:17px;line-height:21px}
.footer-section ul li{list-style:none;margin-left:0}
.footer-section p{margin-bottom:10px}
.footer-section ul li .fa{margin-right:4px}
.footer-section ul li, .footer-section p{font-size:14px;color: rgba(38, 38, 38, 0.8);}
.footer-section ul li a{transition:all linear 0.2s;color: rgba(38, 38, 38, 0.8);}.footer-section ul li a:hover{transition:all linear 0.2s; color:#f57600; padding-left:6px}
.stuck .header-main {
    background: white;
}
.absolute-footer {
    color: rgba(0,0,0,.5);
    font-size: 12px;
    padding: 20px 0;
    border-top: 1px solid #e3e3e3;
}
.absolute-footer b{font-size:15px;color:#393939}
.footer-section ul{margin-bottom:0}
a.back-to-top{background:#001d84 !important; color:#fecc08; !important; border:none !important}
.block-dropdown{box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.07);    border-bottom: 2px solid #001d84;}
.block-dropdown .icon-box{padding:10px;border-radius:10px}
.block-dropdown .icon-box h4{font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #4F4F4F;}
.block-dropdown .icon-box h4 a{color: #4F4F4F}
.block-dropdown .icon-box .icon-box-text{font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #4F4F4F;}
.block-dropdown .icon-box{margin-bottom:10px}
.block-dropdown .col{padding-bottom:0}
.block-dropdown .icon-box:hover{background: rgba(255, 241, 228, 0.6);
border-radius: 10px;}
.block-dropdown{padding-bottom:10px !important}
.block-dropdown .row{margin:0 auto!important}
.block-dropdown .icon-box:hover h4{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.block-dropdown .icon-box:hover .icon-box-text{color:#F57600}
.gioi-thieu-1 .bg{background-position-y: bottom;}
.gioi-thieu-3 .icon-box{background: #FFFFFF;
border-radius: 30px;padding:15px}
.gioi-thieu-3 .icon-box .icon-box-text{font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #3D3D3D;}
.gioi-thieu-3 .icon-box{margin-bottom:30px}
.gioi-thieu-3 .icon-box{background: #FFFFFF;
box-shadow: 0px 4px 65px rgba(0, 0, 0, 0.12);border:none}
.gioi-thieu-3 .icon-box-2, .gioi-thieu-3 .icon-box-3{margin-left:-50px}
.gioi-thieu-3 .icon-box h3{font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 45px;
color: #3D3D3D;margin-bottom:0}
.gioi-thieu-3 .icon-box:hover h3{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.gioi-thieu-3 .icon-box:hover .icon-box-text{color:#F57600}
.gioi-thieu-3 .col{padding-bottom:0}
.gioi-thieu-4 .col.large-4 .col-inner{background: #FFFFFF;
border-radius: 8px;padding: 30px 20px 20px 20px}
.gioi-thieu-3{padding-bottom:50px !important}
.gioi-thieu-4 .col.large-4{padding-bottom:0}
.gioi-thieu-4 .icon-box{margin-bottom:25px}
.gioi-thieu-4 .cot1 a.button{margin: 0;
    font-size: 20px;
    border-radius: 8px;
    border: 2px solid white;background: linear-gradient(62.14deg, #FF9800 -0.06%, #001d84 43.03%);color:white; font-weight:600;letter-spacing:0}
.gioi-thieu-4 .cot2 a.button{margin: 0;
    font-size: 20px;letter-spacing:0;
    border-radius: 8px;
    border: 2px solid white;background:linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);color:white;font-weight:600}
.gioi-thieu-4 .cot3 a.button{margin: 0;
    font-size: 20px;color:white;
    border-radius: 8px;font-weight:600;
    border: 2px solid white;background:linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);letter-spacing:0}
.rank-math-breadcrumb p{font-size: 14px;
    margin-bottom: 9px}
.lien-he-1 .col{padding-bottom:0}
.gioi-thieu-4 .icon-box p strong{font-weight:600}
.lien-he-3 p{margin-bottom:0}
.lien-he-2 p{margin-bottom:12px}
.lien-he-2 .col{padding-bottom:0}
.lien-he-2{padding-bottom:0 !important}
.form-lien-he input, .form-lien-he textarea{border: 1px solid rgba(245, 118, 0, 0.23);
border-radius: 10px;font-size:14px;height:40px;box-shadow:none}
.form-lien-he p{margin-bottom:0}
.form-lien-he input[type=submit]{background: linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
border: 1px solid rgba(245, 118, 0, 0.23);
border-radius: 10px;border-radius:8px;text-transform:none; letter-spacing:0;font-weight:600}
.form-lien-he .row .col{padding-bottom:0px}
.lien-he-3{padding-bottom:0 !important}
.giai-phap-3 .icon-box{background: #FFFFFF;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.1);
border-radius: 6px;padding:20px 15px}
.giai-phap-3 .icon-box h3 a{font-size:16px; line-height:22px;color:black}
.giai-phap-3 .icon-box:hover h3 a{background: linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.giai-phap-3 .icon-box:hover{    background: linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
    filter: drop-shadow(0px 4px 35px rgba(0, 0, 0, 0.16));
    border-radius: 6px;
    border: 1px solid #fcb539;}
.giai-phap-3 .icon-box .icon-box-text{font-size:13px;color: #393939;line-height:20px}
.giai-phap-4 .col{padding-bottom:0}
.giai-phap-4 .button{margin-bottom:0}
.omni-1 h1{margin-bottom:10px}
.omni-1 .icon-box{background: #FFFFFF;
box-shadow: 0px 3px 64px rgba(41, 54, 69, 0.05);
border-radius: 20px;padding:30px 20px}
.omni-1 .icon-box:hover{box-shadow: 0px 3px 64px rgba(41, 54, 69, 0.13);}
.omni-1 .icon-box .icon-box-text{font-size: 15px;
line-height: 23px;
text-align: center;
color: #5E5E5E;}
.omni-1 .icon-box h3{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;font-size:22px; line-height:26px}
.omni-4 .icon-box p{font-size: 14px;
line-height: 25px;
color: #5E5E5E;}
.omni-4 .icon-box h3{font-size: 20px;
line-height: 40px;
color: #2C2C2C;}
.omni-5 .col{padding-bottom:0}
.omni-5 h2{margin-bottom:10px}
.omni-5 .button{margin-bottom:0}
.call-center-2{background-image: url(https://xuonginvai.aab.vn/wp-content/uploads/2025/08/icon.svg);
    background-size: cover;
    background-position-y: top;}
.call-center-3 .row2{background: #FFFFFF;
box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.11);
border-radius: 5px;padding:20px; max-width:1170px}
.call-center-3 .row2 h3{font-size: 17px;
line-height: 23px;
color: #000000;}
.call-center-3 .row2 p{font-size: 14px;
line-height: 23px;
color: #4F4F4F;}
.row-dashed .col:before{width: 100%;
    border-top: 1px dashed #ddd;}
.row-dashed .col:after{height:100%; border-right:1px dashed #ddd}
.blog-1{background: linear-gradient(92.5deg, #000 6.07%, ##3c3c3c 93.93%);}
.blog-1 ul{margin-bottom:0}
.blog-1 ul li{margin-left:0;margin-right:30px;list-style:none; display:inline-block;float:left; margin-bottom:0}.blog-1 .col{padding-bottom:0}
.blog-1 ul li a{font-size: 15px;
    line-height: 19px;
    color: #fdb619;}
.form-flat input:not([type=submit]){border-radius:5px;font-size:14px}.searchform .button.icon i {
    font-size: 15px;
}
.blog-2 .col{padding-bottom:0}
.list-post2 .post-item .box-image{border-radius:10px}
.list-post2 .post-item .box-text{background: linear-gradient(360deg, #000000 6.72%, rgba(0, 0, 0, 0) 81.72%);padding:15px 15px 30px 15px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.list-post .cat-label{    font-size: 13px;
    letter-spacing: 0;
    text-shadow: none;
    font-weight: normal;}
.list-post2 .post-item .cat-label{text-shadow:none}
.list-post2 .flickity-page-dots{bottom:32px}
.list-post2 .flickity-page-dots .dot{width:8px; height:8px;background:white }.list-post3 .post-item .post-title:hover{color:#fcb539}
.list-post2 .post-item .post-title:hover{color:white}
span.widget-title{display:block;width:100%; margin-bottom:15px; font-size:17px;line-height:21px;background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
    text-fill-color: transparent;text-transform:none; letter-spacing:0}.widget .is-divider{display:none}
.widget_categories ul li{background-image: url(https://puno.vn/wp-content/uploads/2023/05/arro.svg);
    background-position-y: center;
    background-repeat: no-repeat;
    padding-left: 12px;}
.widget_categories ul li a{    padding: 10px 0;font-weight: 400;
font-size: 15px;
line-height: 18px;
color: #2C2C2C;}.widget>ul>li+li, ul.menu>li+li {
    border-top:none;
}
.widget_categories ul{background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;padding:15px}
.blog-archive .large-3{padding-left:0}
.list-post3 .post-item .post-title{margin-bottom:8px;font-size:16px !important;line-height:21px !important;font-weight:600}
.list-post3 .post-item .tim-hieu-them{display:none}
.list-post3 .thong-tin-meta {
    font-size: 12px;}
.widget_categories ul li.current-cat>a{color:#fcb539}
.form-sidebar{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
    border-radius: 20px;
    padding: 30px;
    color: white;
    font-size: 14px;}
.form-sidebar h3{font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 30px;
color: #FFFFFF;}
.form-sidebar p{margin-bottom: 13px;
    font-size: 13px;}
.form-sidebar input{    height: 40px;
    border-radius: 5px;
    box-shadow: none;}
.form-sidebar input[type=submit]{margin: 0;
    tex-tr: non;
    text-transform: none;
    width: 100%;
    font-size: 15px;
    letter-spacing: 0;
    font-weight: 600;
    background: #fcb539;}
.wpcf7-spinner{display:none;}
form{margin-bottom:0}
.blog-archive .large-12{padding-bottom:0;text-align:left}
.blog-archive{padding-top:0}
.blog-archive .archive-page-header{margin-top:30px}
.blog-archive h1.page-title{font-size: 30px;
    line-height: 44px;
    background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: none;
    letter-spacing: 0;
}
.blog-archive .post-item .badge{display:none}
.blog-archive .list-post2 .post-item .from_the_blog_excerpt{display:none}
.blog-archive .list-post2 .post-item .post-title {display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 25px;
    color: #FFFFFF;text-align:left
}
.blog-archive .list-post2 .thong-tin-meta{text-align:left}
.blog-archive .list-post2 .post-item .box-text{padding-bottom:15px}.blog-archive .list-post2,.blog-archive .list-post3{margin-left:-10px !important; margin-right:-10px !important}
.blog-archive .list-post3 .box-text{padding-left:0;padding-right:0}
.blog-archive .list-post3 .from_the_blog_excerpt, .blog-archive .list-post3 .thong-tin-meta{text-align:left}
.blog-archive .post-item:nth-child(3) .from_the_blog_excerpt, .blog-archive .post-item:nth-child(4) .from_the_blog_excerpt, .blog-archive .post-item:nth-child(5) .from_the_blog_excerpt{text-align:left;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;font-size:14px;
    overflow: hidden;}
.blog-archive .list-post:nth-child(3) .post-title, .blog-archive .list-post:nth-child(4) .post-title, .blog-archive .list-post:nth-child(5) .post-title{text-align:left;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;} .blog-archive .list-post3 .col{padding-bottom:0!important}

.blog-archive .list-post2 .col, .blog-archive .list-post3 .col{padding:0 10px 20px}
.blog-archive .large-8{padding-right:0}
.blog-archive .no-results h1{font-size:20px}
.recent-blog-posts a {font-weight:500;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 17px;
}
.flatsome_recent_posts li .badge .badge-inner{border-radius:6px}
.flatsome_recent_posts .thong-tin-meta{font-size:12px}
.flatsome_recent_posts li .badge{width:100px; height:70px}
.list-post3 .post-item .box-image{border-radius:8px}
.list-post5 .post-item .tim-hieu-them{display:none}
.list-post4 .post-item .post-title{margin-bottom:10px;font-weight: 700;
font-size: 25px;
line-height: 32px;}
.list-post4 .post-item .from_the_blog_excerpt, .list-post5 .post-item .from_the_blog_excerpt{font-size: 14px;
line-height: 20px;
color: rgba(255, 255, 255, 0.7);}
.list-post5 .post-item .post-title{margin-bottom:5px}
.list-post4 .post-item .tim-hieu-
them{display:none}
.list-post5 .post-item .box-image img{border-radius:8px}
.list-post5 .post-item .box-text{padding-top:0}
.nav-dropdown-default {
    box-shadow: 0px 15px 15px #00000014;
}.nav-dropdown>li>a {
    border-bottom: none !important;
    font-size: 15px;    padding: 7px 0px;
    color: black;
}
.nav-dropdown>li>a:hover{color:#fcb539; padding-left:6px}
.header-main .nav > li.active li a{color:black; -webkit-text-fill-color: black;font-weight:normal}
.list-post5 .post-item{padding-bottom:15px}
.list-post4 .post-item .thong-tin-meta, .list-post5 .post-item .thong-tin-meta{margin-bottom:5px;
    font-size: 13px;
    color: #FFC107;
}
.header-main .nav > li.active li a:hover{-webkit-text-fill-color: #fcb539;color:#fcb539 !important}
.list-post4 .post-item .box-image, .list-post5 .post-item .box-image{border-radius:8px}
.list-post3 .post-item .cat-label{font-size: 12px;}
.list-post2 .flickity-button{display:none}
.list-post2 .post-item .post-title{margin-bottom:10px;font-weight: 600;
font-size: 25px;
line-height: 30px;
color: #FFFFFF;text-shadow:none}
.blog-2 h1{font-size: 50px;
    line-height: 65px;}
.blog-1 ul li a:hover{text-decoration:underline}
.list-post2 .thong-tin-meta{    color: #bebebe;   
    text-shadow: none;
    font-size: 13px;}
.list-post2 .tim-hieu-them{display:none}
.blog-archive .post-item:first-child, .blog-archive .post-item:nth-child(2){padding:0 10px 0;
    flex-basis:50%; max-width:50%
}
.blog-archive .post-item:nth-child(3), .blog-archive .post-item:nth-child(4), .blog-archive .post-item:nth-child(5){padding: 0 10px 0;
    flex-basis:33.33%; max-width:33.33%
}
.blog-archive .post-item:nth-child(3) .box, .blog-archive .post-item:nth-child(4) .box, .blog-archive .post-item:nth-child(5) .box,.blog-archive .post-item:nth-child(1) .box, .blog-archive .post-item:nth-child(2) .box{display:flex;flex-direction: column;
}
.blog-archive .post-item:nth-child(3) .box-image, .blog-archive .post-item:nth-child(4) .box-image, .blog-archive .post-item:nth-child(5) .box-image,.blog-archive .post-item:nth-child(1) .box-image, .blog-archive .post-item:nth-child(2) .box-image{width:100% !important}
.blog-archive .post-item:nth-child(3) .box-text, .blog-archive .post-item:nth-child(4) .box-text, .blog-archive .post-item:nth-child(5) .box-text,.blog-archive .post-item:nth-child(1) .box-text, .blog-archive .post-item:nth-child(2) .box-text{padding-left:0;padding-right:0}
.blog-archive .post-item:nth-child(3) .tim-hieu-them, .blog-archive .post-item:nth-child(4) .tim-hieu-them, .blog-archive .post-item:nth-child(5) .tim-hieu-them,.blog-archive .post-item:nth-child(1) .tim-hieu-them, .blog-archive .post-item:nth-child(2) .tim-hieu-them{display:none}
.blog-archive .post-item:nth-child(3) .post-title, .blog-archive .post-item:nth-child(4) .post-title, .blog-archive .post-item:nth-child(5) .post-title,.blog-archive .post-item:nth-child(1) .post-title, .blog-archive .post-item:nth-child(2) .post-title{font-size:17px;margin-bottom:10px;}.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content ul, .entry-content quote, .entry-content ol {
    max-width: 880px;
    margin: 0 auto 13px auto;
}.entry-content h2 {
    color: black;
    font-size: 20px;
}.entry-content h3 {
    color: black;
    font-size: 19px;
}.entry-content h4 {
    color: black;
    font-size: 18px;
}.entry-content h5 {
    color: black;
    font-size: 17px;
}.wp-caption .wp-caption-text {
    background: none;}
.entry-content img{margin:0 auto; display:block}.blog-single .entry-image img {
    border-radius: 20px;
}
.blog-single .thong-tin-meta .tac-gia, .blog-single .thong-tin-meta .luot-xem {
    margin-right: 15px;
}
.blog-single .entry-author{background: rgba(245, 118, 0, 0.05);
    border-radius: 20px;
    max-width: 880px;
    margin: 0 auto;
    padding: 20px;}
.entry-author .author-name{padding-top: 0;
    font-size: 22px;
    line-height: 24px;
    background: linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: none;
    letter-spacing: 0;}
.entry-author .author-desc{margin-bottom:0;font-size: 14px;
line-height: 22px;
color: rgba(38, 38, 38, 0.9);}
.blog-single .blog-share .des{font-size: 13px;
    color: #7e7e7e;}
.blog-single .xem-them{max-width: 880px;
    margin: 30px auto;}
.blog-single .xem-them h3, .bai-viet-lien-quan h3{font-size: 20px;
line-height: 24px;
color: #333333;}.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}.bai-viet-lien-quan ul li {margin-left: 0 !important;
    margin-bottom: 20px;
    list-style: none;
    width: 25%;
    color: graytext;
    float: left;
    padding-left: 6px;
    padding-right: 6px;
}.bai-viet-lien-quan ul li .box-image img {
    height: 200px;
    border-radius: 8px;
    object-fit: cover;
    object-position: center;
}.bai-viet-lien-quan h4 {
       font-size: 15px;
    color: white;
    line-height: 19px;
    padding-top: 7px;
    height: 46px;
    overflow: hidden;
    font-weight: 600;
    margin-bottom: 6px;
}
.box-bvlq{linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
    padding: 40px 0;}
.blog-single{padding-bottom:0}
.bai-viet-lien-quan h3{color:white; text-align:center; margin-bottom:32px;font-size:28px}.bai-viet-lien-quan h4:hover{text-decoration:underline}
.xem-chi-tiet-tg{font-size: 14px;
line-height: 22px;
color: #F57600;}
.blog-single ul li a{font-size: 15px;
line-height: 18px;
color: #2C2C2C;
}.blog-single ul li{margin-left:18px}
.blog-single ul li a:hover{color:#fcb539}
.blog-single .blog-share a{    background: #fcb041;
    color: #000;}
.box-bvlq .thong-tin-meta {
    font-size: 13px;
    color: #ffffff;
    opacity: 0.5;
}








.button, button, input[type=button], input[type=reset], input[type=submit] {
    text-rendering: optimizeLegibility;
    background-color: #000000;
    border: 1px solid transparent;
    border-radius: 0;
    box-sizing: border-box;
    color: #fcb539;
    cursor: pointer;
    display: inline-block;
    font-size: .97em;
    font-weight: bolder;
    letter-spacing: .03em;
    line-height: 2.4em;
    margin-right: 1em;
    margin-top: 0;
    max-width: 100%;
    min-height: 2.5em;
    padding: 0 1.2em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    vertical-align: middle;
}
.section3 .nut-lam-gi, .section5 .nut-lam-gi, .gioi-thieu-2 .nut-lam-gi, .lien-he-2 .nut-lam-gi
{
    background-image: url(https://puno.vn/wp-content/uploads/2023/05/user-icon.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 1px;
}.list-post .post-item .from_the_blog_excerpt {
    margin-top: -5px;
    font-size: 14px;
    color: #5E5E5E;
    line-height: 27px;
}
button.tim-hieu-them {
    display: none;
}
.header-main .nav > li > a {color:black;
    font-size: 17px;
    font-weight: 600;
}.nav-line-bottom>li>a:before{width: 75%;
    border-radius: 5px;background:linear-gradient(92.53deg, #14284E 29.73%, #001d84 97.09%);}.nav-spacing-xlarge>li {
    margin: 0px 20px;
}.nut-2{border: 1px solid #14284E;background:linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
border-radius: 50px;line-height:53px;font-size:16px;letter-spacing:0}
.nut-2:hover{box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);}
.blog-archive .post-item .post-title{font-size:18px;line-height: 22px; margin-bottom:10px;
color: #2C2C2C;}
.blog-archive .post-item .box-text{padding-right:0}
.blog-archive .post-item a:hover{color:black}.blog-archive .post-item .post-title:hover{color:#fcb539}
.blog-archive .post-item .box-image .image-cover{border-radius:8px}
.nav-pagination a{background: #e5e5e5;
    border: 2px solid #e5e5e5 !important;}
.no-results input[type=search]{box-shadow: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 14px;
    height: 39px;}
.no-results .searchform .button.icon{border-top-right-radius:5px;border-bottom-right-radius:5px}.blog-single .entry-header .entry-header-text {
    max-width: 820px;
    margin: 0 auto;
    text-align: left;
}.blog-single .entry-title {
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    color: black;
}.blog-single .entry-content{
    max-width: 1020px;
    margin: 0 auto;
    text-align: justify;
}.is-divider{display:none}.blog-single .entry-content p {
    max-width: 880px;
    margin: 0 auto 13px auto;
}.entry-content p, .entry-content ul li, .entry-content a {
    font-size: 15px;
    color: #050505;
}
.blog-archive .post-item .from_the_blog_excerpt{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 14px;
    overflow: hidden;}
.blog-archive .post-item .tim-hieu-them{    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    border: 1px solid gray;
    border-radius: 24px;
    margin-bottom: 0;
    margin-top: 10px}
.section1 h1{font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 50px;
background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.section1{padding-top:100px !important}
.nut-1{    background: #F4F4F4;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    color: #001d84;
    font-weight: bold;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 53px;}
.nut-1:hover{box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);color:#001d84 !important}
.header-button-1 a span:before{content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(https://puno.vn/wp-content/uploads/2023/05/phone-icon.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    top: 5px;
    position: relative;
    margin-right: 5px;}
.header-button-1 a{background: linear-gradient(92.5deg, #000 6.07%, #000 93.93%);
    border-radius: 30px;
    font-size: 17px;
    letter-spacing: 0;
    font-weight: 500;}
.header-button-1 a, .nhap-nhay{animation-name: stretch;
      animation-duration: 1s;
      animation-timing-function: ease-in-out;
      animation-direction: reverse;
      animation-iteration-count: infinite;
      animation-play-state: running;}
@keyframes stretch{
    0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
    50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
    100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    }}

.omni-3 .icon-box h3{font-size: 20px;
line-height: 40px;
text-align: center;
color: #262626;}
.omni-3{padding-bottom:40px !important}
    .section2 .nut-lam-gi,.omni-3 .nut-lam-gi, .section7 .nut-lam-gi,.gioi-thieu-4 .nut-lam-gi, .call-center-3 .nut-lam-gi{background-image: url(https://xuonginvai.aab.vn/wp-content/uploads/2025/08/icon.svg);background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 1px;}
.nut-lam-gi {background-repeat:no-repeat;
    background-color: white;
    margin: 0;
    padding: 10px 20px 10px 44px;
    background-position: 7px 6px;   
    border-radius: 35px;
    text-transform: uppercase;
    color: #001d84;
    background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(235, 114, 87, 0.27);
border-radius: 30px;
}
.section2 h2{font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 35px;
text-align: center;
color: #000000;}
.section2 h2 strong{background:linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.section2 .slider .row{margin-left:0 !important; margin-right:0 !important; width:25% !important;opacity:1}
.section2 .slider .flickity-slider{left:12.5% !important}
.section2 .slider .row .col{padding-left: 6px;
    padding-right: 6px;padding-bottom:40px}
.section2 .slider .large-12 .col-inner{min-height:300px; padding:30px 15px 35px 15px;
    border-radius: 20px;}
.icon-xem-them{z-index:999}.icon-xem-them:hover{transform:scale(1.1);transition:transform linear 0.2s}
.icon-xem-them{background: white;
    box-shadow: 0px 4px 30px rgb(219 0 0 / 21%);
    max-width: 52px;
    border-radius: 99%;
    position: absolute;
    left: 41%;
    bottom: -7%;transition:transform linear 0.2s}
.section2 .flickity-prev-next-button svg{padding:11px;background: #FFFFFF;
    box-shadow: 0px 4px 30px #001d847a;
    border-radius: 99%;
    color: #001d84;}
.section2 .flickity-button{width:40px}
.section2 .flickity-prev-next-button.previous{right:101%}
.section2 .flickity-prev-next-button.next{left:101%}
.section2 .icon-box .icon-box-text{color:#4E4E4E;font-size:13px}
.nut-xem-tat-ca span{background:linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 26px;}
.nut-xem-tat-ca{    padding: 6px 20px;
    border-radius: 36px;
    border: 2px solid #001d84 !important;}
.section3 .nut-2{margin-top:5px}
.giai-phap-1 .col{padding-bottom:0}
.section3 h2, .section5 h2, .section6 h2, .section7 h2,.section8 h2, .gioi-thieu-2 h2, .lien-he-2 h2, .giai-phap-1 h1, .giai-phap-3 h2, .omni-1 h1, .omni-1 h2, .omni-4 h2, .omni-5 h2, .call-center-1 h2, .call-center-2 h2{margin-bottom:25px;background: linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;line-height:37px}
.section6 img{padding:10px}
.section4 .large-3{flex-basis:20%; max-width:20%}
.section4 .icon-box{border:1px solid white; background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
border-radius: 20px;padding:20px}
.section4 .icon-box:hover svg, .section4 .icon-box:hover h4{color:#fecc08;}
.section4 .icon-box .icon-box-img {
    min-height: 88px;
}
.section4 .icon-box h4{color:#3D3D3D;font-size:16px;font-weight:600}
.header-main .nav > li > a:hover i, .header-nav li.active a i{-webkit-text-fill-color: #fcb539;}
.giai-phap-2{margin-top:-90px}
.giai-phap-2 .icon-box h3{font-weight:600;color: #fecc08; font-size:22px; line-height:45px}
.giai-phap-2 .large-4 .col-inner{background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 10px;}
.giai-phap-2 ul{padding: 25px 15px;margin-bottom:0}
.giai-phap-2 ul li a{transition:linear 0.2s; color:#2C2C2C;font-size:15px;line-height:25px}.giai-phap-2 ul li{list-style: none;
    margin-left: 0;
    background-image: url(https://xuonginvai.aab.vn/wp-content/uploads/2025/08/icon.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;}
.giai-phap-2 ul li a:hover{color:#fcb539; padding-left:7px;transition:all linear 0.3s}
.giai-phap-2 .icon-box .icon-box-img{max-height:44px}
.giai-phap-2 .icon-box{align-items: center;background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 10px 10px 0px 0px;padding:20px 15px;color: #fecc08;}
.giai-phap-1{padding-bottom:100px !important}
.section4 .nut-lam-gi,.giai-phap-1 .nut-lam-gi, .section6 .nut-lam-gi, .section8 .nut-lam-gi, .omni-4 .nut-lam-gi{
    background-image: url(https://xuonginvai.aab.vn/wp-content/uploads/2025/08/icon.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 1px;
}
.section4 .icon-box:hover{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
border: 1px solid #FFFFFF;}
.section4{padding-bottom:45px !important}
.section4 .icon-box svg{color: red;background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.section5 .icon-box{margin-bottom:25px;box-shadow:0px 4px 25px rgb(64 64 64 / 15%);padding:20px;border-radius:15px}
.section5 .icon-box .icon-box-text{font-size:17px;color:#000000}
.section5 .icon-box:hover{background: linear-gradient(62.14deg, #FFDAA3 -0.06%, rgba(255, 255, 255, 0) 43.03%);
filter: drop-shadow(0px 4px 35px rgba(245, 118, 0, 0.32));}
.nut-3{letter-spacing: 0;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #e55000 !important;
    padding: 6px 20px;}
.nut-3 span{background:linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.nut-3:hover span{color:#14284e;-webkit-text-fill-color:#14284e;}
.nut-3:hover{background: linear-gradient(92.5deg, #fecc07 6.07%, #ffb717 93.93%);
box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);}
.section3 .nut-lam-gi, .section5 .nut-lam-gi, .gioi-thieu-2 .nut-lam-gi, .lien-he-2 .nut-lam-gi
{
    background-image: url(https://xuonginvai.aab.vn/wp-content/uploads/2025/08/icon.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 1px;
}
.nut-xem-tat-ca:hover{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);}
.nut-xem-tat-ca:hover span{-webkit-text-fill-color: #FECC07;}
.section2 .icon-box .icon-box-text p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;}
.section2 .slider .row:first-child .large-12 .col-inner{background:#FDF8E3}
.section2 .slider .row:nth-child(2) .large-12 .col-inner{background:#FDEFF0}
.section2 .slider .row:nth-child(3) .large-12 .col-inner{background:#DEEDC6}
.section2 .slider .row:nth-child(4) .large-12 .col-inner{background:#f0f3fa}
.section2 .slider .row:nth-child(5) .large-12 .col-inner{background:#eaf8ff}
.section2 .icon-box h3{font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 26px;
text-align: center;
background:linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.section2 .slider .large-12 .col-inner:hover{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%) !important;}
.section2 .slider .large-12 .col-inner:hover .icon-box h3{-webkit-text-fill-color: #FECC07;color:#FECC07;background:none}
.section2 .slider .large-12 .col-inner:hover .icon-box .icon-box-text{color:#FECC07;}
.list-post .post-item .box-image{border-radius:8px}
.list-post .post-item .box{box-shadow: 0px 4px 25px rgb(0 0 0 / 11%);
border-radius: 10px;}
.list-post .post-item .box-text{padding:20px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}
.list-post .post-item .from_the_blog_excerpt{margin-top:6px;font-size:14px; color:#5E5E5E}
.list-post .post-item:hover .post-title{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.list-post .post-item:hover .tim-hieu-them{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);}
.list-post .post-item:hover .tim-hieu-them span{-webkit-text-fill-color:#FECC07;color:#FECC07;}
.banner2 h2{font-size: 40px;
    line-height: 55px;}
.list-post .post-item .post-title{font-size:18px;line-height:26px;color:#000000; margin-bottom:10px}
.thong-tin-meta{font-size:14px;color: #9B9B9B;}
.thong-tin-meta .fa{margin-right:3px}
.blog-archive .large-8 .thong-tin-meta{font-size:12px}
.thong-tin-meta .ngay-dang-bai, .thong-tin-meta .luot-xem{margin-right:15px}
.list-post .post-item .tim-hieu-them{margin: 0;
    border: 1px solid #001d84;
    border-radius: 33px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 22px;
    margin-top: 14px;}
.list-post .post-item .tim-hieu-them span{background: linear-gradient(92.5deg, #fecc07 6.07%, #fcb539 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.list-post .post-item:hover .box-text{background: linear-gradient(62.14deg, #FFDAA3 -0.06%, rgba(255, 255, 255, 0) 43.03%);}
.footer-section{border-top: 1px solid #e7e7e7;}
.footer-section .col{padding-bottom:0}
.footer-section h3{margin-bottom:15px;background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;font-size:17px;line-height:21px}
.footer-section ul li{list-style:none;margin-left:0}
.footer-section p{margin-bottom:10px}
.footer-section ul li .fa{margin-right:4px}
.footer-section ul li, .footer-section p{font-size:14px;color: rgba(38, 38, 38, 0.8);}
.footer-section ul li a{transition:all linear 0.2s;color: rgba(38, 38, 38, 0.8);}.footer-section ul li a:hover{transition:all linear 0.2s; color:#f57600; padding-left:6px}
.stuck .header-main {
    background: white;
}
.absolute-footer {
    color: rgba(0,0,0,.5);
    font-size: 12px;
    padding: 20px 0;
    border-top: 1px solid #e3e3e3;
}

.absolute-footer b{font-size:15px;color:#393939}
.footer-section ul{margin-bottom:0}
a.back-to-top{background:#001d84 !important; color:#fecc08; !important; border:none !important}
.block-dropdown{box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.07);    border-bottom: 2px solid #001d84;}
.block-dropdown .icon-box{padding:10px;border-radius:10px}
.block-dropdown .icon-box h4{font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #4F4F4F;}
.block-dropdown .icon-box h4 a{color: #4F4F4F}
.block-dropdown .icon-box .icon-box-text{font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #4F4F4F;}
.block-dropdown .icon-box{margin-bottom:10px}
.block-dropdown .col{padding-bottom:0}
.block-dropdown .icon-box:hover{background: rgba(255, 241, 228, 0.6);
border-radius: 10px;}
.block-dropdown{padding-bottom:10px !important}
.block-dropdown .row{margin:0 auto!important}
.block-dropdown .icon-box:hover h4{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.block-dropdown .icon-box:hover .icon-box-text{color:#F57600}
.gioi-thieu-1 .bg{background-position-y: bottom;}
.gioi-thieu-3 .icon-box{background: #FFFFFF;
border-radius: 30px;padding:15px}
.gioi-thieu-3 .icon-box .icon-box-text{font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #3D3D3D;}
.gioi-thieu-3 .icon-box{margin-bottom:30px}
.gioi-thieu-3 .icon-box{background: #FFFFFF;
box-shadow: 0px 4px 65px rgba(0, 0, 0, 0.12);border:none}
.gioi-thieu-3 .icon-box-2, .gioi-thieu-3 .icon-box-3{margin-left:-50px}
.gioi-thieu-3 .icon-box h3{font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 45px;
color: #3D3D3D;margin-bottom:0}
.gioi-thieu-3 .icon-box:hover h3{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.gioi-thieu-3 .icon-box:hover .icon-box-text{color:#F57600}
.gioi-thieu-3 .col{padding-bottom:0}
.gioi-thieu-4 .col.large-4 .col-inner{background: #FFFFFF;
border-radius: 8px;padding: 30px 20px 20px 20px}

















.gioi-thieu-3{padding-bottom:50px !important}
.gioi-thieu-4 .col.large-4{padding-bottom:0}
.gioi-thieu-4 .icon-box{margin-bottom:25px}
.gioi-thieu-4 .cot1 a.button{margin: 0;
    font-size: 20px;
    border-radius: 8px;
    border: 2px solid white;background: linear-gradient(62.14deg, #FF9800 -0.06%, #001d84 43.03%);color:white; font-weight:600;letter-spacing:0}
.gioi-thieu-4 .cot2 a.button{margin: 0;
    font-size: 20px;letter-spacing:0;
    border-radius: 8px;
    border: 2px solid white;background:linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);color:white;font-weight:600}
.gioi-thieu-4 .cot3 a.button{margin: 0;
    font-size: 20px;color:white;
    border-radius: 8px;font-weight:600;
    border: 2px solid white;background:linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);letter-spacing:0}
.rank-math-breadcrumb p{font-size: 14px;
    margin-bottom: 9px}
.lien-he-1 .col{padding-bottom:0}
.gioi-thieu-4 .icon-box p strong{font-weight:600}
.lien-he-3 p{margin-bottom:0}
.lien-he-2 p{margin-bottom:12px}
.lien-he-2 .col{padding-bottom:0}
.lien-he-2{padding-bottom:0 !important}
.form-lien-he input, .form-lien-he textarea{border: 1px solid rgba(245, 118, 0, 0.23);
border-radius: 10px;font-size:14px;height:40px;box-shadow:none}
.form-lien-he p{margin-bottom:0}
.form-lien-he input[type=submit]{background: linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
border: 1px solid rgba(245, 118, 0, 0.23);
border-radius: 10px;border-radius:8px;text-transform:none; letter-spacing:0;font-weight:600}
.form-lien-he .row .col{padding-bottom:0px}
.lien-he-3{padding-bottom:0 !important}
.giai-phap-3 .icon-box{background: #FFFFFF;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.1);
border-radius: 6px;padding:20px 15px}
.giai-phap-3 .icon-box h3 a{font-size:16px; line-height:22px;color:black}
.giai-phap-3 .icon-box:hover h3 a{background: linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.giai-phap-3 .icon-box:hover{    background: linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
    filter: drop-shadow(0px 4px 35px rgba(0, 0, 0, 0.16));
    border-radius: 6px;
    border: 1px solid #fcb539;}
.giai-phap-3 .icon-box .icon-box-text{font-size:13px;color: #393939;line-height:20px}
.giai-phap-4 .col{padding-bottom:0}
.giai-phap-4 .button{margin-bottom:0}
.omni-1 h1{margin-bottom:10px}
.omni-1 .icon-box{background: #FFFFFF;
box-shadow: 0px 3px 64px rgba(41, 54, 69, 0.05);
border-radius: 20px;padding:30px 20px}
.omni-1 .icon-box:hover{box-shadow: 0px 3px 64px rgba(41, 54, 69, 0.13);}
.omni-1 .icon-box .icon-box-text{font-size: 15px;
line-height: 23px;
text-align: center;
color: #5E5E5E;}
.omni-1 .icon-box h3{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;font-size:22px; line-height:26px}
.omni-4 .icon-box p{font-size: 14px;
line-height: 25px;
color: #5E5E5E;}
.omni-4 .icon-box h3{font-size: 20px;
line-height: 40px;
color: #2C2C2C;}
.omni-5 .col{padding-bottom:0}
.omni-5 h2{margin-bottom:10px}
.omni-5 .button{margin-bottom:0}
.call-center-2{background-image: url(https://xuonginvai.aab.vn/wp-content/uploads/2025/08/icon.svg);
    background-size: cover;
    background-position-y: top;}
.call-center-3 .row2{background: #FFFFFF;
box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.11);
border-radius: 5px;padding:20px; max-width:1170px}
.call-center-3 .row2 h3{font-size: 17px;
line-height: 23px;
color: #000000;}
.call-center-3 .row2 p{font-size: 14px;
line-height: 23px;
color: #4F4F4F;}
.row-dashed .col:before{width: 100%;
    border-top: 1px dashed #ddd;}
.row-dashed .col:after{height:100%; border-right:1px dashed #ddd}
.blog-1{background: linear-gradient(92.5deg, #000 6.07%, ##3c3c3c 93.93%);}
.blog-1 ul{margin-bottom:0}
.blog-1 ul li{margin-left:0;margin-right:30px;list-style:none; display:inline-block;float:left; margin-bottom:0}.blog-1 .col{padding-bottom:0}
.blog-1 ul li a{font-size: 15px;
    line-height: 19px;
    color: #fdb619;}
.form-flat input:not([type=submit]){border-radius:5px;font-size:14px}.searchform .button.icon i {
    font-size: 15px;
}
.blog-2 .col{padding-bottom:0}
.list-post2 .post-item .box-image{border-radius:10px}
.list-post2 .post-item .box-text{background: linear-gradient(360deg, #000000 6.72%, rgba(0, 0, 0, 0) 81.72%);padding:15px 15px 30px 15px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.list-post .cat-label{    font-size: 13px;
    letter-spacing: 0;
    text-shadow: none;
    font-weight: normal;}
.list-post2 .post-item .cat-label{text-shadow:none}
.list-post2 .flickity-page-dots{bottom:32px}
.list-post2 .flickity-page-dots .dot{width:8px; height:8px;background:white }.list-post3 .post-item .post-title:hover{color:#fcb539}
.list-post2 .post-item .post-title:hover{color:white}
span.widget-title{display:block;width:100%; margin-bottom:15px; font-size:17px;line-height:21px;background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
    text-fill-color: transparent;text-transform:none; letter-spacing:0}.widget .is-divider{display:none}
.widget_categories ul li{background-image: url(https://puno.vn/wp-content/uploads/2023/05/arro.svg);
    background-position-y: center;
    background-repeat: no-repeat;
    padding-left: 12px;}
.widget_categories ul li a{    padding: 10px 0;font-weight: 400;
font-size: 15px;
line-height: 18px;
color: #2C2C2C;}.widget>ul>li+li, ul.menu>li+li {
    border-top:none;
}
.widget_categories ul{background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;padding:15px}
.blog-archive .large-3{padding-left:0}
.list-post3 .post-item .post-title{margin-bottom:8px;font-size:16px !important;line-height:21px !important;font-weight:600}
.list-post3 .post-item .tim-hieu-them{display:none}
.list-post3 .thong-tin-meta {
    font-size: 12px;}
.widget_categories ul li.current-cat>a{color:#fcb539}
.form-sidebar{background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
    border-radius: 20px;
    padding: 30px;
    color: white;
    font-size: 14px;}
.form-sidebar h3{font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 30px;
color: #FFFFFF;}
.form-sidebar p{margin-bottom: 13px;
    font-size: 13px;}
.form-sidebar input{    height: 40px;
    border-radius: 5px;
    box-shadow: none;}
.form-sidebar input[type=submit]{margin: 0;
    tex-tr: non;
    text-transform: none;
    width: 100%;
    font-size: 15px;
    letter-spacing: 0;
    font-weight: 600;
    background: #fcb539;}
.wpcf7-spinner{display:none;}
form{margin-bottom:0}
.blog-archive .large-12{padding-bottom:0;text-align:left}
.blog-archive{padding-top:0}
.blog-archive .archive-page-header{margin-top:30px}
.blog-archive h1.page-title{font-size: 30px;
    line-height: 44px;
    background: linear-gradient(92.5deg, #14284E 6.07%, #001D84 93.93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: none;
    letter-spacing: 0;
}
.blog-archive .post-item .badge{display:none}
.blog-archive .list-post2 .post-item .from_the_blog_excerpt{display:none}
.blog-archive .list-post2 .post-item .post-title {display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 25px;
    color: #FFFFFF;text-align:left
}
.blog-archive .list-post2 .thong-tin-meta{text-align:left}
.blog-archive .list-post2 .post-item .box-text{padding-bottom:15px}.blog-archive .list-post2,.blog-archive .list-post3{margin-left:-10px !important; margin-right:-10px !important}
.blog-archive .list-post3 .box-text{padding-left:0;padding-right:0}
.blog-archive .list-post3 .from_the_blog_excerpt, .blog-archive .list-post3 .thong-tin-meta{text-align:left}
.blog-archive .post-item:nth-child(3) .from_the_blog_excerpt, .blog-archive .post-item:nth-child(4) .from_the_blog_excerpt, .blog-archive .post-item:nth-child(5) .from_the_blog_excerpt{text-align:left;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;font-size:14px;
    overflow: hidden;}
.blog-archive .list-post:nth-child(3) .post-title, .blog-archive .list-post:nth-child(4) .post-title, .blog-archive .list-post:nth-child(5) .post-title{text-align:left;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;} .blog-archive .list-post3 .col{padding-bottom:0!important}

.blog-archive .list-post2 .col, .blog-archive .list-post3 .col{padding:0 10px 20px}
.blog-archive .large-8{padding-right:0}
.blog-archive .no-results h1{font-size:20px}
.recent-blog-posts a {font-weight:500;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 17px;
}
.flatsome_recent_posts li .badge .badge-inner{border-radius:6px}
.flatsome_recent_posts .thong-tin-meta{font-size:12px}
.flatsome_recent_posts li .badge{width:100px; height:70px}
.list-post3 .post-item .box-image{border-radius:8px}
.list-post5 .post-item .tim-hieu-them{display:none}
.list-post4 .post-item .post-title{margin-bottom:10px;font-weight: 700;
font-size: 25px;
line-height: 32px;}
.list-post4 .post-item .from_the_blog_excerpt, .list-post5 .post-item .from_the_blog_excerpt{font-size: 14px;
line-height: 20px;
color: rgba(255, 255, 255, 0.7);}
.list-post5 .post-item .post-title{margin-bottom:5px}
.list-post4 .post-item .tim-hieu-
them{display:none}
.list-post5 .post-item .box-image img{border-radius:8px}
.list-post5 .post-item .box-text{padding-top:0}
.nav-dropdown-default {
    box-shadow: 0px 15px 15px #00000014;
}.nav-dropdown>li>a {
    border-bottom: none !important;
    font-size: 15px;    padding: 7px 0px;
    color: black;
}
.nav-dropdown>li>a:hover{color:#fcb539; padding-left:6px}
.header-main .nav > li.active li a{color:black; -webkit-text-fill-color: black;font-weight:normal}
.list-post5 .post-item{padding-bottom:15px}
.list-post4 .post-item .thong-tin-meta, .list-post5 .post-item .thong-tin-meta{margin-bottom:5px;
    font-size: 13px;
    color: #FFC107;
}
.header-main .nav > li.active li a:hover{-webkit-text-fill-color: #fcb539;color:#fcb539 !important}
.list-post4 .post-item .box-image, .list-post5 .post-item .box-image{border-radius:8px}
.list-post3 .post-item .cat-label{font-size: 12px;}
.list-post2 .flickity-button{display:none}
.list-post2 .post-item .post-title{margin-bottom:10px;font-weight: 600;
font-size: 25px;
line-height: 30px;
color: #FFFFFF;text-shadow:none}
.blog-2 h1{font-size: 50px;
    line-height: 65px;}
.blog-1 ul li a:hover{text-decoration:underline}
.list-post2 .thong-tin-meta{    color: #bebebe;   
    text-shadow: none;
    font-size: 13px;}
.list-post2 .tim-hieu-them{display:none}
.blog-archive .post-item:first-child, .blog-archive .post-item:nth-child(2){padding:0 10px 0;
    flex-basis:50%; max-width:50%
}
.blog-archive .post-item:nth-child(3), .blog-archive .post-item:nth-child(4), .blog-archive .post-item:nth-child(5){padding: 0 10px 0;
    flex-basis:33.33%; max-width:33.33%
}
.blog-archive .post-item:nth-child(3) .box, .blog-archive .post-item:nth-child(4) .box, .blog-archive .post-item:nth-child(5) .box,.blog-archive .post-item:nth-child(1) .box, .blog-archive .post-item:nth-child(2) .box{display:flex;flex-direction: column;
}
.blog-archive .post-item:nth-child(3) .box-image, .blog-archive .post-item:nth-child(4) .box-image, .blog-archive .post-item:nth-child(5) .box-image,.blog-archive .post-item:nth-child(1) .box-image, .blog-archive .post-item:nth-child(2) .box-image{width:100% !important}
.blog-archive .post-item:nth-child(3) .box-text, .blog-archive .post-item:nth-child(4) .box-text, .blog-archive .post-item:nth-child(5) .box-text,.blog-archive .post-item:nth-child(1) .box-text, .blog-archive .post-item:nth-child(2) .box-text{padding-left:0;padding-right:0}
.blog-archive .post-item:nth-child(3) .tim-hieu-them, .blog-archive .post-item:nth-child(4) .tim-hieu-them, .blog-archive .post-item:nth-child(5) .tim-hieu-them,.blog-archive .post-item:nth-child(1) .tim-hieu-them, .blog-archive .post-item:nth-child(2) .tim-hieu-them{display:none}
.blog-archive .post-item:nth-child(3) .post-title, .blog-archive .post-item:nth-child(4) .post-title, .blog-archive .post-item:nth-child(5) .post-title,.blog-archive .post-item:nth-child(1) .post-title, .blog-archive .post-item:nth-child(2) .post-title{font-size:17px;margin-bottom:10px;}.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content ul, .entry-content quote, .entry-content ol {
    max-width: 880px;
    margin: 0 auto 13px auto;
}.entry-content h2 {
    color: black;
    font-size: 20px;
}.entry-content h3 {
    color: black;
    font-size: 19px;
}.entry-content h4 {
    color: black;
    font-size: 18px;
}.entry-content h5 {
    color: black;
    font-size: 17px;
}.wp-caption .wp-caption-text {
    background: none;}
.entry-content img{margin:0 auto; display:block}.blog-single .entry-image img {
    border-radius: 20px;
}
.blog-single .thong-tin-meta .tac-gia, .blog-single .thong-tin-meta .luot-xem {
    margin-right: 15px;
}
.blog-single .entry-author{background: rgba(245, 118, 0, 0.05);
    border-radius: 20px;
    max-width: 880px;
    margin: 0 auto;
    padding: 20px;}
.entry-author .author-name{padding-top: 0;
    font-size: 22px;
    line-height: 24px;
    background: linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: none;
    letter-spacing: 0;}
.entry-author .author-desc{margin-bottom:0;font-size: 14px;
line-height: 22px;
color: rgba(38, 38, 38, 0.9);}
.blog-single .blog-share .des{font-size: 13px;
    color: #7e7e7e;}
.blog-single .xem-them{max-width: 880px;
    margin: 30px auto;}
.blog-single .xem-them h3, .bai-viet-lien-quan h3{font-size: 20px;
line-height: 24px;
color: #333333;}.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}.bai-viet-lien-quan ul li {margin-left: 0 !important;
    margin-bottom: 20px;
    list-style: none;
    width: 25%;
    color: graytext;
    float: left;
    padding-left: 6px;
    padding-right: 6px;
}.bai-viet-lien-quan ul li .box-image img {
    height: 200px;
    border-radius: 8px;
    object-fit: cover;
    object-position: center;
}.bai-viet-lien-quan h4 {
       font-size: 15px;
    color: white;
    line-height: 19px;
    padding-top: 7px;
    height: 46px;
    overflow: hidden;
    font-weight: 600;
    margin-bottom: 6px;
}
.box-bvlq{linear-gradient(92.53deg, #c12533 29.73%, #c12533d6 97.09%);
    padding: 40px 0;}
.blog-single{padding-bottom:0}
.bai-viet-lien-quan h3{color:white; text-align:center; margin-bottom:32px;font-size:28px}.bai-viet-lien-quan h4:hover{text-decoration:underline}
.xem-chi-tiet-tg{font-size: 14px;
line-height: 22px;
color: #F57600;}
.blog-single ul li a{font-size: 15px;
line-height: 18px;
color: #2C2C2C;
}.blog-single ul li{margin-left:18px}
.blog-single ul li a:hover{color:#fcb539}
.blog-single .blog-share a{    background: #fcb041;
    color: #000;}
.box-bvlq .thong-tin-meta {
    font-size: 13px;
    color: #ffffff;
    opacity: 0.5;
}
.button, button, input[type=button], input[type=reset], input[type=submit] {
    text-rendering: optimizeLegibility;
    background-color: #000000;
    border: 1px solid transparent;
    border-radius: 0;
    box-sizing: border-box;
    color: #fcb539;
    cursor: pointer;
    display: inline-block;
    font-size: .97em;
    font-weight: bolder;
    letter-spacing: .03em;
    line-height: 2.4em;
    margin-right: 1em;
    margin-top: 0;
    max-width: 100%;
    min-height: 2.5em;
    padding: 0 1.2em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    vertical-align: middle;
}
.section3 .nut-lam-gi, .section5 .nut-lam-gi, .gioi-thieu-2 .nut-lam-gi, .lien-he-2 .nut-lam-gi
{
    background-image: url(https://puno.vn/wp-content/uploads/2023/05/user-icon.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 1px;
}.list-post .post-item .from_the_blog_excerpt {
    margin-top: -5px;
    font-size: 14px;
    color: #5E5E5E;
    line-height: 27px;
}
button.tim-hieu-them {
    display: none;
}
.category-row .tieu-de-row,.thuong-hieu .row-thuong-hieu{
    border-left:1px solid #ececec;
    border-right:1px solid #ececec
}


/* === Hiệu ứng ánh sáng nghiêng lướt qua logo === */
/* Tác giả: GIUSEART.com | Tối ưu và làm mượt bởi ChatGPT */

#logo {
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}

/* Hai vệt sáng nghiêng */
#logo::before,
#logo::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: skewX(-25deg) translateY(-50%);
  width: 40px;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

/* Vệt sáng từ trái qua phải */
#logo::before {
  left: -50%;
  animation: light-left 5s infinite ease-in-out;
}

/* Vệt sáng từ phải qua trái */
#logo::after {
  right: -50%;
  animation: light-right 5s infinite ease-in-out;
}

/* Hiệu ứng chuyển động ánh sáng */
@keyframes light-left {
  0% {
    left: -50%;
    opacity: 0;
  }
  40% {
    left: 50%;
    opacity: 1;
  }
  100% {
    left: 120%;
    opacity: 0;
  }
}

@keyframes light-right {
  0% {
    right: -50%;
    opacity: 0;
  }
  40% {
    right: 50%;
    opacity: 1;
  }
  100% {
    right: 120%;
    opacity: 0;
  }
}

/* (Tuỳ chọn) Hiệu ứng phóng nhẹ khi hover logo */
#logo:hover img {
  transform: scale(1.05);
  transition: transform 0.5s ease;
}


/* ======== KHUNG CHÍNH ======== */
.home-category-header {
  background-color: #fff7f6;
  border-bottom: 2px solid #fba92c;
  padding: 8px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

/* ======== TIÊU ĐỀ ======== */
.category-title {
  font-size: 18px;
  font-weight: 700;
  color: #fba92c;
  margin: 0;
  white-space: nowrap;
}

/* ======== MENU CON NGANG ======== */
.category-submenu {
  display: flex;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
}

.category-submenu a {
  position: relative;
  text-decoration: none;
  color: #fba92c;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* Hiệu ứng line dưới khi hover */
.category-submenu a::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0%;
  height: 2px;
  background: #fba92c;
  transition: width 0.3s ease;
}

.category-submenu a:hover::after {
  width: 100%;
}

.category-submenu a:hover {
  color: #ff8c00;
}

/* ======== DROPDOWN MOBILE ======== */
.category-dropdown {
  display: none;
  width: 100%;
  text-align: right;
}

.category-dropdown select {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #fba92c;
  border-radius: 6px;
  background-color: #fff;
  color: #fba92c;
  font-weight: 600;
  font-size: 15px;
  transition: box-shadow 0.3s ease;
}

.category-dropdown select:focus {
  box-shadow: 0 0 8px rgba(251, 169, 44, 0.4);
  outline: none;
}

/* ======== RESPONSIVE ======== */
@media (max-width: 768px) {
  .home-category-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
  }

  .category-submenu {
    display: none;
  }

  .category-dropdown {
    display: block;
  }

  .category-title {
    font-size: 17px;
  }
}