/*
Theme Name: Company
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* =====================================================================
   TVN & Partners – lớp kiểu của web tvnpartners.com.vn, gom về MỘT tệp
   (Vũ max 15/11/2026, lượt 21, theo soát Fable 5.2 mục 4.2).
   Nạp ngay sau khối CSS của Flatsome: functions.php khối "TVN 15/11/2026 (luot 21)".
   Phần 1: CSS chung, chuyển nguyên văn từ Flatsome → Advanced → Custom CSS
           (CSS gốc của web + các khối TVN 14–15/11, giữ đúng thứ tự cũ).
   Phần 2: CSS điện thoại ≤ 549 px, chuyển nguyên văn từ Custom CSS (Mobile).
   Phần 3: Lớp chung 15/11 (thang chữ, đệm khối, đầu trang, thẻ, viết hoa).
   Sửa giao diện từ nay sửa ở tệp này (Phần 3), KHÔNG vá thêm vào ô Custom CSS.
   ===================================================================== */

/* ===== Phần 1: CSS chung ===== */
.entry-header-text .entry-category{
		display:none;
}
.tieu-de-section .section-bg{
		background-image: url(https://tvnpartners.com.vn/wp-content/uploads/2022/03/pheader-project.jpg);
}
.wpcf7-response-output
{
		color: black !important;
}
.form-lien-he{
		box-shadow: none !important;
		padding: 2px !important;
}
.post_comments{display:none;}
.gioi-thieu-4 .social-icons{
		background-color: white;
		text-align: justify;
}
.header-button-1 .header-button a{    font-size: 13px;
    font-weight: 600;
    fill: #1B1D21;
    color: #1B1D21;
    background-color: rgba(255,143,62,.19) !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FF8F3E;
    border-radius: 3px 3px 3px 3px;
    padding: 6px 29px 6px 29px;}
.header-nav .header-block{max-width:520px}
.header-nav .header-block-block-1 .icon-box-img img {
		padding-top: 10px;}
.header-block-block-1 .col{padding-bottom:0}
.nav-left {
    justify-content: end;
} .header-block-block-1{margin-right:35px}
.header-block-block-1 .icon-box h5{    font-size: 14px;
		font-weight: normal;    margin-bottom: 0;}.header-block-block-1 .icon-box p{font-weight: bold;
    font-size: 15px;
    color: #1B1D21;}
.header-bottom-nav li{
    margin: 0 28px;
} .header-bottom-nav.nav-right li{margin: 0 10px !important;}.header-bottom-nav.nav-right li:last-child{margin-right:0 !important}
.nut1{font-family: "Inter", sans-serif;padding: 10px 35px;
    font-weight: 500;
    letter-spacing: 0;
    border-radius: 5px;
    font-size: 15px;}
.nut2{font-family: "Inter", sans-serif;background-color: #ffffff2b !important;
    padding: 10px 35px;
    font-weight: 500;
    letter-spacing: 0;
    border-radius: 5px;
    font-size: 15px;
    border: 1px solid white;}
.des{display:block}
.des .box{font-size: 13px;
    display: inline-block;
    background: #ffffff33;
    width: auto;
    padding: 2px 2px;
    border-radius: 20px;
    border: 1px solid #ffffff8c;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 18px;}
.des .value{padding-right: 10px;
    line-height: 26px;
    color: white;
		font-size: 12px;}.nut1:hover{background:#272933 !important; color:white}
.white.is-outline:hover {
    background-color: #fe8322 !important;
    border-color: #fe8322;
    color: #fff !important;
}

.slider-section .flickity-page-dots{
       bottom: 50%;
    left: 3%;
    right: auto;
    transform: rotate(90deg);
}.section9 .flickity-page-dots{transform:none;bottom: -20px;} .section9 .flickity-page-dots .dot.is-selected {
    background-color: #ff9800;
    border: 2px solid #ff9800;
}
.slider-section .flickity-page-dots .dot, .section9 .flickity-page-dots .dot {position:relative;
    width: 8px;
		height: 8px;margin:0 15px; opacity:1}
.des .label, .des .value{display: inline-block;
    float: left;}
.slider-section .flickity-page-dots .dot.is-selected,. .section9 .flickity-page-dots .dot.is-selected{background-color: #fe8322 !important;
    border: 2px solid #fe8322;}
.slider-section .flickity-page-dots .dot.is-selected:before, .flickity-page-dots .dot.is-selected:before{position: absolute;
    content: '';
     width: 30px;
    height: 30px;
    background: #00000000;
    border-radius: 50%;
    border: 1px solid #f28124;
    margin-top: -13px;
    margin-left: -14px;}
.des .label{background: white;
    padding: 4px 14px;
    border-radius: 20px;
    color: #ff8424;
    margin-right: 10px;
    font-size: 12px;}
.section1 .col{padding-bottom:0}
.section1 .icon-box{padding: 25px 25px 35px 25px;
    background-color: #FFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 12%);}
.section1 .icon-box h3{margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;}
.section1 .icon-box .icon-box-text{padding-top:13px}.slider-section{margin-bottom:-70px}.section1{z-index: 2;}.ot-heading>span.is_highlight {
    background: rgba(254,132,35,.1);
    padding: 2px 10px;
    border: 1px solid #fe8423;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}.ot-heading>span {
    position: relative;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fe8423;
    margin-bottom: 10px;
}
.section2 h2, .section2 p{margin-bottom: 35px;}
.section3 .col, .section4 .col{padding-bottom:0}
.slider-section .flickity-page-dots .dot.is-selected {
    background-color: #fe8423; border:2px solid #fe8423
}
.section3 .ux-logo-link{opacity:0.4}
.section3 .ux-logo-link:hover{opacity:1}
.section4 img{border-radius:6px}
.section4 .accordion-title.active {
    color: #fff;
    background: #fe7f19;
    border-radius: 5px;
}
.section4 .accordion-title{    font-family: "Inter", sans-serif;
    font-weight: 500;
    border-radius: 5px;
    background: #ffffff21;
    margin-bottom: 10px;border: 1px solid #80808099;}
.section4 .accordion .icon-angle-down{font-size:16px}
.section5 .large-4 .col-inner{-webkit-transition: all 0.3s linear;padding: 50px 50px 48px 40px;}
.section5 .row.row-solid{border: 1px solid #ddd;}
.section5 .large-4 .col-inner:hover{box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 12%);     border-color: transparent;}
.section5 .large-4 .icon-box h3{font-size: 21px;}
.section6 .banner-layers{max-width:100%; width:100%}
.section6 .banner-layer .row.row-collapse{max-width:100%}
.section6 .cot2:hover> .section6 .bg-fill{background-image:url(/wp-content/uploads/2022/03/fservice2.jpg) !important}
.section6 .banner-layer .col .col-inner{padding:50px;min-height:745px; }
.section6 .features-service-desc{opacity: 0;
    visibility: hidden;    transform: translateY(20%);
    -webkit-transition: opacity 0.2s,-webkit-transform 0s 0.2s;
    -o-transition: transform 0s 0.2s,opacity 0.2s;
    transition: transform 0s 0.2s,opacity 0.2s;
    transition: transform 0s 0.2s,opacity 0.2s,-webkit-transform 0s 0.2s;}
.section6 .col-inner:hover .features-service-desc{opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.4s cubic-bezier(.33,.02,0,.93) 0.1s,-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s;
    -o-transition: transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s,opacity 0.4s cubic-bezier(.33,.02,0,.93) 0.1s;
    transition: transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s,opacity 0.4s cubic-bezier(.33,.02,0,.93) 0.1s;
    transition: transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s,opacity 0.4s cubic-bezier(.33,.02,0,.93) 0.1s,-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s;
}
.section6 h3{    font-weight: 600;
    font-size: 30px;
    line-height: 36px;}
.section6 .features-service-overlay{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(38,40,50,.8);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.section6 .features-service-title{transform: translateY(105px);transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;}
.section6 .col-inner:hover .features-service-title{transform: translateY(-22px);transition: transform 0.3s, 0.5s ease;
    -webkit-transition: transform 0.3s, 0.5s ease;
    -moz-transition: transform 0.3s, 0.5s ease;
    -o-transition: transform 0.3s, 0.5s ease;
    -ms-transition: transform 0.3s, 0.5s ease;}
.section6 .features-service-number{font-size:20px; font-weight:bold; color: #ff8f3e;}
.section6 .col-inner:hover .features-service-overlay {
    visibility: visible;
		opacity: 1;}
.section6 .col-inner{border-right: 1px solid #ffffff73;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;}
.nut3{border-radius: 5px;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;
    background: #ffffff59 !important;
    border: 1px solid white;
    color: white;}
.nut3:hover{background:#fe7f18 !important; border:1px solid #fe7f18; box-shadow:none}
.section7 .bg{background-image: url(/wp-content/uploads/2022/03/image3-home1.png);
    background-size: 850px !important;
    background-position-y: bottom;
    background-position-x: 20%;}
.section7{background-position-x: 0;
    background-image: url(/wp-content/uploads/2022/03/bg-overlay-home1.png);
    background-repeat: no-repeat;
background-position-y:30%;}
.section7 .icon-box .icon-inner{box-shadow: 0 0 13px 0 rgb(0 0 0 / 15%);
    padding: 3px;
    border-radius: 5px;}
.section7 .icon-box .icon-box-text{padding-left:30px}.section7 .icon-box{margin-bottom:30px}
.section7 h2{margin-bottom:40px}
.section8 .col{padding-bottom:0}
.section8 p{margin-bottom:0}
.nut4{    margin-bottom: 0;
    background: white !important;
    color: black !important;}
.section9 .slider .row{opacity:1; max-width:400px;margin-left: 0;
		margin-right: 0;}.section9 .slider .large-12{padding-top:30px}
.section9 .slider .large-12 .col-inner{-webkit-box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 12%);background:white;border-radius:7px;
 }
.section7 .icon-box h5{font-size: 20px;}
.section9 .slider p{font-size: 18px;
    line-height: 36px;
    text-align: left;
    padding: 30px;
    border-bottom: 1px solid #dbdbdb;}
.section9 .icon-box h3{line-height: 18px;font-size: 22px;
    font-weight: 600;
    margin-bottom: 2px;}
.section9 .icon-box{padding: 0 30px 30px 30px;}
.section9 .icon-box p{font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fe8423;    font-family: "Inter", sans-serif;padding:0;border-bottom:none}.section9 .icon-box .icon-box-text{padding-top:20px}
.section9 .icon-box img{position:relative}

.section9 .icon-box .icon-box-img:before{content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    background-image: url(/wp-content/uploads/2022/03/nhan-xet-iocn.png);
    z-index: 9;
    background-size: 36px;
    top: -6px;
    right: -1px;
}
.section10 .col{padding-bottom:0}.section10 .nut1{margin: 0;
    padding: 5px 35px;}
.section10 .portfolio-box .box-image{border-radius:6px}
.section10 .list-portfolio-1 .col{padding-bottom:20px}
.portfolio-box .box-text h6{font-size: 24px;
    text-transform: none;
    letter-spacing: 0;
    text-shadow: none;
    color: white;
    margin-bottom: 10px;
}
.portfolio-inner ul, .portfolio-inner ol{margin-left:20px}
.portfolio-inner{padding-top:30px}
.bai-viet-lien-quan .list-post1 .post-item .post-title{font-size:20px}
.portfolio-box .portfolio-box-category{font-size: 13px;
    color: white;
    opacity: 1;
    text-shadow: none;
    font-family: "Inter", sans-serif;
		font-weight:500;}.portfolio-box .portfolio-box-category:hover{text-decoration:underline;color:#fe8423}.number-left .ot-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
} .ot-counter .c-number{display: inline-flex;
    flex-direction: row;} .ot-counter {
		font-family: "Inter",sans-serif;display: flex;}.ot-counter span {
    font-family: "Inter",sans-serif;
    font-weight: 700;
    font-size: 48px;
    color:#FFF;
    line-height: 1;
    display: inline-block;
}.number-left .ot-counter h6 {
    margin-left: 20px;
}.ot-counter h6 {
   font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    color: white;
    font-weight: 600;
    margin-bottom: 0;
    display: inline-block;
    opacity: 1;
    margin-left: 15px;
}
.section11 .col{padding-bottom:0}
.list-post1 .post-item .col-inner{border-radius: 6px;box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 10%);}.list-post1 .post-item .box-image{border-top-left-radius:6px; border-top-right-radius:6px} .list-post1 .post-item .box-text{border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;padding: 0 0 13px 0px}
.lien-he-1 .icon-box{margin-bottom:30px}
.lien-he-1 .icon-box h3{font-size:15px; font-weight:normal; margin-bottom:0}
.lien-he-1 .icon-box .icon-box-text p{margin-bottom:0;font-weight:500; font-family:"inter", sans-serif; color: #272933;}
.lien-he-1 .icon-box .icon-box-img img{border-radius:99%;padding:7px}
.lien-he-1 .icon-box .icon-box-img{background: #17171f;
border-radius: 99%;}
.list-post1 .post-item button{margin: 0;
    position: absolute;
    bottom: 10px;
    right: 20px;
    background: #f2f2f2;
    border: none;
    border-radius: 5px;
    font-size: 13px;
		letter-spacing: 0;color: gray}.list-post1 .post-item button:hover{background:#ff8e3e; color:white}
.list-post1 .post-item .cat-label{left:20px;    position: absolute;
    top: -10px;
    background: #ff8e3e;
    opacity: 1;
    font-family: "Inter", sans-serif;
    padding: 4px 17px;
    border-radius: 15px;}
.list-post1 .post-item .post-title{   margin: 0;
    margin-bottom: 0;
    padding: 30px 20px 20px 20px;
    color: #1b1d21;
    line-height: 32px;
    font-size: 24px;}
.list-post1 .post-item .post-title:hover{color:#fe8322}.widget .current-cat>a {
    color: #ff892a;
}.portfolio-element-wrapper ul.nav li{margin:0 21px}
.portfolio-element-wrapper ul.nav li a{font-weight: bold;
    color: #272933;font-size:15px}
.box-blog-post .is-divider {
    margin-top: 0;
    margin-bottom: 15px;
    height: 1px;
    max-width: 100%;
}
.list-post1 .post-item .post-meta{font-weight: bold;
    font-family: "Inter", sans-serif;
    letter-spacing: 0;
    padding: 0 20px;
    color: gray;
    font-size: 14px;}
.footer-section h3{font-size: 16px;margin-bottom:40px}
.footer-section ul li{list-style:none; margin-left:0;margin-bottom:15px}
.footer-section ul li a{    color: #C0C1C2;
    padding-left: 0;}
.footer-section .icon-box .icon-box-img{margin-bottom:40px}
.footer-section .icon-box h4{    font-size: 16px;
    font-weight: normal;
    color: #C0C1C2;margin-bottom:0}
.footer-section .icon-box .icon-box-text{    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 17px;}
.form-footer input{background:#ffffff;
    border: 1px solid #4d4d4d;
    border-radius: 5px;}
.form-footer input[type=submit]{text-transform:none; letter-spacing:0;font-size:15px;font-weight:normal}
.wpcf7 p {
       color: #C0C1C2;
}
.footer-section .col{padding-bottom:0}.absolute-footer.dark {
    color: rgba(255,255,255,.5);
    border-top: 1px solid #33343a;
    padding: 20px;
}.footer-section ul li a:hover{color:#fe8423}
.section1 a:hover{color:#1b1d21}
.nav-dropdown li{margin:0}
.nav-dropdown{padding:0}.nav-dropdown>li>a, .nav-column>li>a{font-size: 15px;
    font-family: "inter", sans-serif;
    font-weight: 500;
		color: #272933;}.nav-dropdown>li>a:hover{padding-left:27px; color:#fe8423}
.tieu-de-section .col{padding-bottom:0}
.tieu-de-section .large-4{    text-transform: uppercase;
    font-weight: 500;
    font-family: "inter",sans-serif;}
.tieu-de-section .large-4 a{opacity:0.7}
.tieu-de-section .large-4 .breadcrumb_last{opacity:1}
.gioi-thieu-1 .col, .gioi-thieu-2 .col{padding-bottom:0;}.gioi-thieu-1 img{border-radius:6px}
.gioi-thieu-2{background-image: url(/wp-content/uploads/2022/03/bg1-about-us.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;}
.gioi-thieu-1 .icon-box h3{margin-bottom:0;font-size:18px}
.gioi-thieu-2 .box .box-image{border-top-left-radius:6px; border-top-right-radius:6px}
.gioi-thieu-2 .box{background:white; box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 12%);
    border-radius: 6px;}
.gioi-thieu-2 .box .box-text{padding: 30px 20px 15px 20px;
    background: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;}
.nut5{border-radius: 5px;}
.gioi-thieu-2 .box h3{    text-align: center;
    margin-bottom: 15px;
    font-size: 24px;
    color: #272933;}
.gioi-thieu-2 .box p{text-align: center;
    margin-bottom: 15px;
    font-size: 16px;}
a.back-to-top{background:#fe8322 !important; border: none !important; color:white}
.gioi-thieu-4 .box{ border-radius:6px;   -webkit-box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 12%);}.gioi-thieu-4 .box:hover h3{color:white !important}.page-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}#breadcrumbs{margin-bottom: 0;
    font-family: "inter", sans-serif;
    text-transform: uppercase;
    font-weight: 500;}
#breadcrumbs a{opacity:0.7}
.widget .searchform .button.icon{border-radius: 5px !important;
    background: #ff892a;
    margin-left: -43px;}
.widget_search input{border-radius:5px; box-shadow:none;height:48px}
span.widget-title{margin-bottom:30px; font-size: 20px;
    font-family: "inter", sans-serif;
    letter-spacing: 0;
    text-transform: none;
    color: #272933;
    display: block;
    padding-bottom: 15px;
    border-bottom: 2px solid #e5e5e5;}.widget .is-divider {
    margin-top: -32px;
    right: 29px;
    position: absolute;
    background: #ff892a;
    height: 2px;
    max-width: 52px;
}
.flatsome_recent_posts .badge .badge-inner{border-radius:6px}.recent-blog-posts a {
       margin-bottom: 6px;
    font-family: "inter", sans-serif;
    color: black;
    font-weight: 500;
    font-size: 15px;
}
.flatsome_recent_posts .badge{width:65px; height:65px}.recent-blog-posts a:hover{color:#fe8322}
.tagcloud a {
    color: #717171;
    background: #f5f5f5;
    font-size: 12px!important;
    font-family: "Inter",sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 12px;
    margin: 0 3px;
    margin-bottom: 10px;
		line-height: 1;}.widget .tagcloud a:hover {
    background: rgba(254,132,35,.1);
    color: #fe8423;
    border-color: #fe8423;
}
.widget img{width:100%}
.block_widget .box{background-image: url(/wp-content/uploads/2022/03/bg-overlay-home1.png);
    box-shadow: 2px 2px 20px #8080803b;
    padding: 15px 10px;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;}
.blog-archive .large-3, .blog-single .large-3{padding-left:0}.blog-single .entry-category{opacity:1}
.blog-single .entry-category a{font-family: "Inter",sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;display: inline-block;
    color: #fff;
    background: #fe8423;
    padding: 7px 12px 6px;
    margin-right: 6px;border-radius: 12px;
    letter-spacing: 0;
    position: absolute;
    margin-top: -37px;
    left: 47px;}
.block_widget .box h4{    letter-spacing: 0;
    text-transform: none;
    font-size: 18px;
    margin-bottom: 10px;}
.block_widget .box .social-icons{display:block}
.block_widget .box .box-text{padding:10px 0}

.widget_categories ul li{list-style: square;
    margin-left: 20px;
    color: #fe8322;}
.widget_categories ul li a{    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #575757;
    font-family: "inter",sans-serif;}
.tieu-de-section .large-7{text-align:right}
.gioi-thieu-4 .box:hover .box-text{background:#272933; color:white}
.gioi-thieu-4 .box .box-text{padding:30px 10px;border-bottom-left-radius:6px; border-bottom-right-radius:6px}
.gioi-thieu-4 .box h3{margin-bottom:15px;}
.gioi-thieu-4 .box p{font-family:"inter",sans-serif; font-size:12px; color:#fe8423}
.gioi-thieu-3{background-image: url(/wp-content/uploads/2022/03/image2-about-us.png);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: 26%;}
.blog-single .entry-meta{    display: block;
    margin-bottom: 17px;
    font-size: 15px;
    font-family: "inter", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    color: gray;}
.blog-single .entry-title{    font-size: 30px;}
.blog-single .entry-divider{display:none}.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}
.blog-single .blog-share .is-divider{display:none}
.blog-single .entry-author{background: #f5f5f5;
    border-radius: 6px;
    padding: 15px;}
.blog-single .entry-author .author-name{text-transform: none;
    letter-spacing: 0;
    font-size: 19px;}
.bai-viet-lien-quan{margin-top:40px}.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 50%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
    height:350%;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}
.blog-single .blog-share{text-align:left}
.blog-archive .post{-webkit-box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 10%);border-radius:6px}.blog-archive .post .entry-category{opacity:1}
.blog-archive .post .is-divider{display:none}
.blog-archive .post .entry-summary{    padding: 10px 30px;}
.blog-archive .post .entry-title{padding: 0 30px;
    margin-bottom: 5px;
    margin-top: 5px;}
.blog-archive .post .entry-meta{display:none} .blog-archive .post .entry-category a{ font-family: "Inter",sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    display: inline-block;
    color: #fff;
    background: #fe8423;
    padding: 7px 12px 6px;
    margin-right: 6px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    position: absolute;
    left: 60px;
margin-top: -36px;}
.blog-archive .post .more-link{    background: #f2f2f2;
    border: none;
    border-radius: 5px;
    font-size: 13px;
    letter-spacing: 0;
    color: gray;font-family:"inter", sans-serif}
.blog-archive .post .more-link:hover{
    background: #ff8e3e;
    color: white;
}
.blog-archive .post .entry-image img{border-top-left-radius:6px; border-top-right-radius:6px}.portfolio-element-wrapper ul{margin-bottom:15px}
.portfolio-element-wrapper .portfolio-box .box-image .image-cover{border-radius:6px}
.portfolio-element-wrapper .portfolio-box-title{opacity:0}
.portfolio-element-wrapper .portfolio-box:hover .portfolio-box-title{opacity:1}.trang-lien-he .row-info1 .left {
    display: inline-block;
    width: 40%;
    float: left;
    padding-right: 6px;
}.trang-lien-he input, .trang-lien-he textarea {
    border-radius: 5px;
    box-shadow: none;
    font-size: 14px;
}.trang-lien-he .row-info1 .right {
    display: inline-block;
    width: 60%;
    float: left;
    padding-left: 6px;
}
.lightbox-content h3{margin-bottom: 15px;
    margin-top: 23px;
    font-weight: bold;
    font-size: 17px;
    color: #fe8322;}
.lightbox-content .trang-lien-he h3{font-size:22px; font-weight:500;margin-bottom:15px;color:white}
.lightbox-content .text-box{left: 30px;width:92% !important}
.block_widget .box .box-image {width: 64% !important}
.lien-he-1 .icon-box:hover .icon-box-img{box-shadow:2px 2px 20px orange}
.lien-he-1{background-image: url(/wp-content/uploads/2022/03/image-contacts.png);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: 71%;
    background-size: 760px;}
.form-lien-he{padding: 60px 60px 60px 60px;
    background-color: #FFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 12%);}
.form-lien-he h3{font-size:30px}
.form-lien-he .row-info{display:inline-block; width:100%; clear:boht}
.form-lien-he .left{display:inline-block; width:50%; float:left; padding-right:10px}
.form-lien-he .right{display:inline-block; width:50%; float:left; padding-left:10px}
.form-lien-he input, .form-lien-he textarea{font-size:15px; border-radius:5px; box-shadow:none}
.form-lien-he input[type=submit]{font-family:"inter", sans-serif; font-weight:500;letter-spacing:0; margin-bottom:0}
.lien-he-2{margin-top:-100px}
.lien-he-2{margin-bottom:-100px}
.lien-he-1{padding-bottom:200px !important}
.blog-single .entry-image img{border-radius:10px}
.team2-section .col{padding-bottom:0}.line-progress h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 17px;
    text-transform: uppercase;
}.line-progress .iprogress {
    height: 5px;
    margin-bottom: 6px;
    background: #5e5e5e;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}.line-progress .progress-bar {
    height: 100%;
    width: 0;
    background: #fe8423;
    position: relative;
    -webkit-transition: all 1s 0.5s;
    -o-transition: all 1s 0.5s;
    transition: all 1s 0.5s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}.line-progress .percent {
    position: absolute;
    right: -19px;
    bottom: 100%;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: 600;
    font-family: "Inter",sans-serif;
    line-height: 1;
    background: #262832;
    color: #fff;
    min-width: 40px;
    min-height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
}
.team2-section{background-image: url(/wp-content/uploads/2022/03/image1-team.jpg);
    background-repeat: no-repeat;
    background-position-x: right;}
.team3-section .col{padding-bottom:0}
.team3-section{margin-bottom:-50px}
.gioi-thieu-4 .box:hover .social-icons{   opacity:1; visibility:visible;
    position: absolute;
    left: 0;
    top: -54px;transform: translateY(-22px);
    transition: transform 0.3s, 0.5s ease;
    -webkit-transition: transform 0.3s, 0.5s ease;
    -moz-transition: transform 0.3s, 0.5s ease;
    -o-transition: transform 0.3s, 0.5s ease;
    -ms-transition: transform 0.3s, 0.5s ease;}
.gioi-thieu-4 .social-icons{  position: absolute;
    left: 0;
    top: 0px;opacity:0; visibility:hidden; transform: translateY(105px);
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;}
.team3-section .large-12 .col-inner{background:#FF8F3E; padding:46px 30px; border-radius:6px}.team3-section .large-12 .col-inner .col-inner{background:none; padding:0; border-radius:0}
.our-team-form .row-info{display:inline-block; clear:both; width:100%}
.our-team-form .row-info .cot1{width:40%;float:left;padding-right:10px; display:inline-block}
.our-team-form .row-info .cot2{width:40%;float:left; padding-right:10px; display:inline-block}
.our-team-form .row-info .cot3{display:inline-block; width:20%; float:left;}
.our-team-form input{height: 45px;
    box-shadow: none;
    border-radius: 5px;
    margin-bottom: 0;
    background: #ffffff80;}
.our-team-form input[type=submit]{margin: 0;
    background: white;
    color: black;
    font-family: "inter", sans-serif;
    padding: 0 10px;
    font-weight: normal;
    letter-spacing: 0;
		width: 100%;}.wpcf7-spinner{display:none}
.team3-section h2{color:white}form{margin-bottom:0}.circle-progress {
    text-align: center;
}.circle-progress .inner-bar {height:160px;
    position: relative;
    display: inline-block;
    line-height: 1;
    margin-bottom: -9px;
    z-index: 1;
    background: #f5f5f5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}.circle-progress .inner-bar>span {
    position: absolute;
    width: 100%;
    top: 3%;
    left: 0;
    line-height: 1;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    color: #1b1d21;
}.circle-progress .inner-bar>span .percent {display: block;
    background: #fff;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ff7e22;
    font-size: 37px;
}.circle-progress .inner-bar canvas {
    display: block;
}.circle-progress .inner-bar canvas:after {
    content: "x";
}.circle-progress h6 {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 15px;
    margin-bottom: 0;
    text-transform: uppercase;
}.circle-progress .inner-bar:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    border-radius: 50%;
    z-index: -1;
    border: 2px solid #dbdbdb;
}.single-team .row1 .large-12 .col-inner .col-inner{box-shadow:none}
.single-team .row1 .large-12 .col-inner{background-color: #FFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 12%);}

/* ===== TVN – dễ đọc toàn web (Vũ max 14/11/2026, soát Fable SOAT_WEB_TVN_FABLE_20261114.md mục A3; gỡ: xóa từ dòng này tới dòng "hết khối") ===== */
/* 1. Màu chữ thân bài đậm hơn (đang #5f5f5f) */
body{color:#3a3d44;}

/* 2. Dải tiêu đề trang (khối tieu-de-section): đang đệm 154px trên dưới */
.tieu-de-section{padding-top:48px!important;padding-bottom:48px!important;}
.single-post .tieu-de-section{padding-top:22px!important;padding-bottom:22px!important;}
@media (max-width:549px){
  body .section.tieu-de-section{padding-top:26px!important;padding-bottom:26px!important;}
  body.single-post .section.tieu-de-section{padding-top:14px!important;padding-bottom:14px!important;}
}

/* 3. Thân bài viết và trang dịch vụ: cột chữ 65–75 ký tự, chữ 17–18px, giãn dòng 1,7 */
.single-post .entry-content,
.single-featured_item #content .portfolio-inner,
.single-featured_item #content .entry-content{font-size:18px;line-height:1.7;}
.single-post .entry-content p:not(:has(img)):not(:has(iframe)),
.single-post .entry-content ul,
.single-post .entry-content ol,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content blockquote,
.single-post .entry-content div:not(:has(img)):not(:has(table)):not(:has(iframe)):not(:has(div)),
.single-featured_item #content p:not(:has(img)),
.single-featured_item #content ul,
.single-featured_item #content ol{max-width:640px;}
.single-post .entry-content p{margin-bottom:1.15em;}
.single-post .entry-content h2,
.single-post .entry-content h3{margin-top:1.6em;margin-bottom:.6em;line-height:1.35;}
.single-post .entry-content li{margin-bottom:.5em;}
.single-post h1.entry-title{font-size:32px;line-height:1.3;max-width:820px;}
@media (max-width:549px){
  .single-post .entry-content,
  .single-featured_item #content .portfolio-inner,
  .single-featured_item #content .entry-content{font-size:17px;line-height:1.65;}
  .single-post h1.entry-title{font-size:24px;}
}

/* 4. Trang chuyên mục, Tin tức: trích đoạn và tiêu đề bài dễ đọc hơn (đang 13,6–14,4px) */
.box-blog-post .from_the_blog_excerpt{font-size:15.5px;line-height:1.6;}
.box-blog-post .post-title{line-height:1.35;}
.cat-label.is-xxsmall,.is-xxsmall{font-size:12px!important;}
span.is_highlight{font-size:12px;}
/* tiêu đề đè lên ảnh bìa: thêm nền tối dần để đọc được */
.box-overlay.box-blog-post .image-cover .overlay,.box-overlay.box-blog-post .shade{background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,0) 100%)!important;opacity:1!important;}

/* 5. Menu máy tính: không rớt dòng ở 850–1199px, mục con không gãy 2 dòng */
@media (min-width:850px) and (max-width:1199px){
  #wide-nav .header-nav > li{margin-left:0;margin-right:14px;}
  #wide-nav .header-nav > li > a{font-size:13px;}
}
.nav-dropdown{min-width:300px;}
.nav-dropdown > li > a{white-space:nowrap;}

/* 6. Điện thoại: chữ banner trang chủ, vùng bấm */
@media (max-width:549px){
  .slider h2 span{line-height:1.3!important;}
  .slider .text-box p{font-size:14px!important;line-height:1.5!important;}
  .off-canvas .nav-sidebar ul.children li a{padding-top:11px;padding-bottom:11px;}
  #footer .ux-menu-link__link{min-height:40px;}
  .box-blog-post .button.is-small{min-height:40px;line-height:38px;}
  .nav-pagination>li>a,.nav-pagination>li>span{min-width:40px;height:40px;line-height:38px;}
}

/* 7. Chân trang: đang đệm 104px trên dưới */
#footer > section, #footer .section{padding-top:56px!important;padding-bottom:40px!important;}
@media (max-width:549px){#footer > section, #footer .section{padding-top:36px!important;padding-bottom:24px!important;}}

/* 8. Biểu tượng điện thoại, bản đồ ở đầu trang không méo (đang 25x35 từ ảnh vuông) */
.header-block-block-1 .icon-box-img img{width:28px;height:28px;object-fit:contain;}
/* 9. Trang Đội ngũ: ẩn biểu tượng mạng xã hội mẫu của theme (link http://url, #) */
.page-id-1319 .follow-icons a{display:none!important;}
/* ===== hết khối TVN – dễ đọc ===== */

/* ===== TVN – đầu trang, tài khoản (Vũ max 14/11/2026, anh Vũ "Sửa luôn") ===== */
/* 1. Ẩn thanh quản trị WordPress với khách: chỉ hiện khi tài khoản có mục "Mới" (quản trị, biên tập, tác giả) */
html:not(:has(#wp-admin-bar-new-content)) #wpadminbar{display:none!important;}
html:has(#wpadminbar):not(:has(#wp-admin-bar-new-content)){margin-top:0!important;}
html:not(:has(#wp-admin-bar-new-content)) body.admin-bar .stuck{top:0!important;}
/* 2. Nút ☰ ở máy tính trùng menu đang hiện: bỏ (điện thoại, máy tính bảng giữ) */
@media (min-width:850px){#wide-nav .nav-icon{display:none!important;}}
/* 3. Nút Đăng nhập (khách) và Tài khoản (đã đăng nhập) cùng hàng menu */
body.logged-in .tvn-khach, body:not(.logged-in) .tvn-thanh-vien{display:none!important;}
#wide-nav .tvn-nut-tk > a{border:1px solid #fe8423;border-radius:4px;padding:7px 14px!important;color:#fe8423!important;line-height:1.2;}
#wide-nav .tvn-nut-tk > a:hover{background:#fe8423;color:#1b1d21!important;}
.off-canvas .tvn-nut-tk > a, .mobile-sidebar .tvn-nut-tk > a{color:#fe8423!important;font-weight:700;}
/* 4. Thêm nút Đăng nhập: thu khoảng cách mục menu ở ≥1200px để giữ một dòng */
@media (min-width:1200px){#wide-nav .header-nav > li{margin-left:18px;margin-right:18px;}}
/* 5. Hotline dồn về phải đầu trang (đã bỏ địa chỉ, địa chỉ ở chân trang và trang Liên hệ) */
.header-block-block-1 .col-inner{display:flex;justify-content:flex-end;}
/* 6. Tên tài khoản dài thì cắt "…" */
.tvn-thanh-vien .tvn-ten{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;}
/* ===== hết khối TVN – đầu trang, tài khoản ===== */

/* ===== TVN – thẻ bản tin trang Tin tức (Vũ max 14/11/2026, soát thiết kế việc 3) ===== */
.tvn-insight-the{background:#272933;color:#fff;border-left:4px solid #fe8423;border-radius:6px;padding:22px 24px;}
.tvn-insight-the .tvn-nhan{display:inline-block;font-size:12px;letter-spacing:.06em;color:#fe8423;font-weight:700;margin-bottom:6px;}
.tvn-insight-the h2{color:#fff;margin:0 0 6px;font-size:24px;}
.tvn-insight-the p{color:#d6d7db;margin:0 0 14px;}
.tvn-insight-the .tvn-insight-nut{margin:0;border-radius:4px;color:#1b1d21!important;}
/* ===== hết khối TVN – thẻ bản tin ===== */

/* ===== TVN – mời VIP, nút Zalo (Vũ max 14/11/2026, anh Vũ duyệt giá và Zalo; chỉ khách chưa đăng nhập thấy giá, Zalo nhóm) ===== */
.members-access-error{padding:24px 0 40px;}
.tvn-moi-vip{max-width:760px;margin:0 auto;background:#272933;color:#e7e8eb;border-radius:8px;border-top:4px solid #fe8423;padding:28px 32px;box-shadow:0 6px 24px rgba(0,0,0,.12);}
.tvn-moi-vip .tvn-mv-nhan{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;color:#fe8423;border:1px solid #fe8423;border-radius:99px;padding:2px 10px;margin-bottom:10px;text-transform:uppercase;}
.tvn-moi-vip h2{color:#fff;font-size:26px;margin:0 0 8px;line-height:1.25;}
.tvn-moi-vip p{margin:0 0 12px;color:#d6d7db;}
.tvn-moi-vip ul{margin:0 0 16px;padding:0;list-style:none;}
.tvn-moi-vip li{margin:0 0 6px;padding-left:22px;position:relative;color:#e7e8eb;list-style:none;}
.tvn-moi-vip li:before{content:"✓";position:absolute;left:0;color:#fe8423;font-weight:700;}
.tvn-moi-vip .tvn-mv-gia{font-size:17px;color:#fff;background:rgba(254,132,35,.12);border-radius:6px;padding:10px 14px;}
.tvn-moi-vip .tvn-mv-gia b{color:#fe8423;font-size:20px;}
.tvn-moi-vip .tvn-mv-nut{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 14px;}
.tvn-moi-vip .tvn-mv-nut a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:4px;font-weight:700;text-decoration:none;}
.tvn-moi-vip a.tvn-mv-chinh{background:#fe8423;color:#1b1d21!important;}
.tvn-moi-vip a.tvn-mv-phu{border:1px solid #fe8423;color:#fe8423!important;}
.tvn-moi-vip .tvn-mv-xem{font-size:14px;margin:0;}
.tvn-moi-vip .tvn-mv-xem a{color:#fe8423;}
@media (max-width:549px){.tvn-moi-vip{padding:22px 18px;border-radius:6px;margin:0;}.tvn-moi-vip h2{font-size:22px;}.tvn-moi-vip .tvn-mv-nut a{width:100%;justify-content:center;}}
.tvn-zalo-noi{position:fixed;right:16px;bottom:78px;z-index:9990;display:flex;align-items:center;gap:8px;background:#0068ff;color:#fff!important;border-radius:99px;padding:0 16px 0 6px;height:48px;box-shadow:0 4px 14px rgba(0,0,0,.25);font-weight:700;font-size:14px;text-decoration:none;}
.tvn-zalo-noi:hover{background:#0055d4;}
.tvn-zalo-noi .tvn-zl-ic{width:36px;height:36px;border-radius:50%;background:#fff;color:#0068ff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;}
@media (max-width:849px){.tvn-zalo-noi{padding:0 6px;right:12px;bottom:72px;}.tvn-zalo-noi .tvn-zl-chu{display:none;}}
body.logged-in .tvn-zalo-noi, body:has(#bantin-khung) .tvn-zalo-noi, body:has(.tvn-moi-vip) .tvn-zalo-noi{display:none!important;}
/* ===== hết khối TVN – mời VIP, nút Zalo ===== */

/* ===== TVN – menu mới, Gói VIP, miễn trừ (Vũ max 14/11/2026, anh Vũ đồng ý đề xuất soát thiết kế) ===== */
.tvn-the-vip,.tvn-the-mien{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1;padding:3px 6px;border-radius:3px;margin-left:6px;vertical-align:middle;text-transform:uppercase;}
.tvn-the-vip{background:#fe8423;color:#1b1d21;}
.tvn-the-mien{background:#2e7d32;color:#fff;}
#wide-nav .tvn-dang-ky > a{color:#fe8423!important;}
.tvn-goi{max-width:860px;margin:0 auto;}
.tvn-goi .tvn-goi-dau{font-size:17px;color:#333;}
.tvn-goi-gia{display:flex;flex-wrap:wrap;gap:16px;margin:8px 0 24px;}
.tvn-goi-o{flex:1 1 240px;border:1px solid #ddd;border-radius:8px;padding:18px 20px;position:relative;background:#fff;}
.tvn-goi-noi{border:2px solid #fe8423;box-shadow:0 6px 20px rgba(254,132,35,.15);}
.tvn-goi-nhan{position:absolute;top:-11px;left:16px;background:#fe8423;color:#1b1d21;font-size:11px;font-weight:700;padding:3px 8px;border-radius:3px;text-transform:uppercase;}
.tvn-goi-ten{font-weight:700;color:#555;margin-bottom:4px;}
.tvn-goi-so{font-size:30px;font-weight:800;color:#1b1d21;line-height:1.2;}
.tvn-goi-so small{font-size:14px;font-weight:400;color:#777;margin-left:4px;}
.tvn-goi-phu{color:#fe8423;font-weight:700;margin-top:4px;}
.tvn-goi-bang{overflow-x:auto;margin-bottom:24px;}
.tvn-goi-bang table{width:100%;border-collapse:collapse;min-width:420px;}
.tvn-goi-bang th{background:#272933;color:#fff;padding:10px 12px;text-align:left;}
.tvn-goi-bang th+th,.tvn-goi-bang td+td{text-align:center;width:96px;}
.tvn-goi-bang td{padding:10px 12px;border-bottom:1px solid #eee;}
.tvn-goi-bang td a{color:#1b1d21;}
.tvn-co{color:#2e7d32;font-weight:800;font-size:18px;}
.tvn-khong{color:#bbb;}
.tvn-goi-buoc li{margin-bottom:8px;}
.tvn-goi .tvn-mv-nut{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px;}
.tvn-goi .tvn-mv-nut a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:4px;font-weight:700;text-decoration:none;}
.tvn-goi a.tvn-mv-chinh{background:#fe8423;color:#1b1d21!important;}
.tvn-goi a.tvn-mv-phu{border:1px solid #fe8423;color:#fe8423!important;}
.tvn-goi-tv{background:#fff4ea;border-left:4px solid #fe8423;padding:12px 16px;}
.tvn-goi-mien,.tvn-mien-chan{font-size:13px;color:#888;}
.tvn-mien-trang{max-width:860px;margin:0 auto;}
.tvn-mien-trang h2{font-size:20px;margin-top:24px;}
@media (max-width:549px){.tvn-goi .tvn-mv-nut a{width:100%;justify-content:center;}.tvn-goi-so{font-size:26px;}}
.tvn-goi,.tvn-mien-trang{padding-top:28px;}
.tvn-trang-tieu{font-size:32px;margin-bottom:12px;}
@media (max-width:549px){.tvn-trang-tieu{font-size:26px;}}
/* ===== hết khối TVN – menu mới, Gói VIP, miễn trừ ===== */

/* ===== TVN – bộ công cụ trang chủ, Đội ngũ, nút ảnh đầu (Vũ max 14/11/2026) ===== */
.tvn-cc-dau{text-align:center;max-width:720px;margin:0 auto 28px;}
.tvn-cc-dau h2{font-size:32px;margin:6px 0 8px;}
.tvn-cc-luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:849px){.tvn-cc-luoi{grid-template-columns:repeat(2,1fr);}}
@media (max-width:549px){.tvn-cc-luoi{grid-template-columns:1fr;}.tvn-cc-dau h2{font-size:26px;}}
a.tvn-cc-the{display:flex;flex-direction:column;border:1px solid #e3e3e3;border-radius:8px;overflow:hidden;background:#fff;color:#1b1d21;text-decoration:none;transition:box-shadow .15s,transform .15s;}
a.tvn-cc-the:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px);}
.tvn-cc-the img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top left;display:block;border-bottom:1px solid #eee;}
.tvn-cc-anh-trong{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#272933;color:#fe8423;font-weight:800;font-size:20px;text-align:center;padding:0 16px;border-bottom:3px solid #fe8423;}
.tvn-cc-chu{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;}
.tvn-cc-chu .tvn-the-vip,.tvn-cc-chu .tvn-the-mien{align-self:flex-start;margin:0 0 4px;}
.tvn-cc-chu b{font-size:17px;}
.tvn-cc-chu span:last-child{color:#666;font-size:14px;}
.tvn-cc-nut{justify-content:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.tvn-cc-nut a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:4px;font-weight:700;text-decoration:none;}
.tvn-cc a.tvn-mv-chinh{background:#fe8423;color:#1b1d21!important;}
.tvn-cc a.tvn-mv-phu{border:1px solid #fe8423;color:#fe8423!important;}
.tvn-cc .tvn-mv-nhan{display:inline-block;font-size:12px;font-weight:700;color:#fe8423;border:1px solid #fe8423;border-radius:99px;padding:2px 10px;text-transform:uppercase;}
.tvn-doi-ngu .tvn-nguoi{margin-bottom:32px;}
.tvn-doi-ngu .tvn-nguoi img{max-width:320px;border-radius:8px;}
.tvn-doi-ngu .tvn-chuc{color:#fe8423;font-weight:700;margin-bottom:10px;}
@media (max-width:549px){.tvn-doi-ngu .tvn-nguoi img{margin:0 auto;display:block;}}
.tvn-hero-nut{margin:14px 10px 0 0!important;border-radius:4px;}
.tvn-hd-luu-y{background:#fff4ea;border-left:4px solid #fe8423;padding:12px 16px;margin:20px 0;}
/* ===== hết khối TVN – bộ công cụ trang chủ ===== */

/* ===== TVN – sửa sau soát giao diện 14/11 tối (Vũ max 14/11/2026, anh Vũ "tự đánh giá và quyết định đi") ===== */
/* A1 Gói VIP điện thoại: bảng vừa khung, thấy cả cột VIP */
@media (max-width:549px){
.tvn-goi-bang table{min-width:0;table-layout:fixed;}
.tvn-goi-bang th,.tvn-goi-bang td{padding:9px 6px;}
.tvn-goi-bang th:first-child,.tvn-goi-bang td:first-child{padding-left:10px;}
.tvn-goi-bang th+th,.tvn-goi-bang td+td{width:64px;}
.tvn-goi-bang th{font-size:12px;letter-spacing:0;}
}
/* A3 Trang chủ: nhãn chuyên mục một dòng, nằm trên tiêu đề, không đè */
.home .blog-post-inner .cat-label{position:static;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0 0 6px;}
/* A4 Trang chủ 550–849 px: chữ ảnh đầu cách mép trái, ba thẻ giá trị biểu tượng trên chữ dưới */
@media (min-width:550px) and (max-width:849px){
.home .banner .text-box.banner-layer{padding-left:24px;padding-right:24px;box-sizing:border-box;}
.home .section1 .icon-box.icon-box-left{display:block;}
.home .section1 .icon-box-left .icon-box-img{width:56px!important;margin:0 0 10px;}
.home .section1 .icon-box-left .icon-box-text{padding-left:0;}
}
/* A6 Liên hệ: tiêu đề form than chì */
.form-lien-he h3{color:#2b2f33;}
/* A7 chữ cam trên nền sáng dùng cam đậm #b45309 (5,0:1); nút, nền, viền giữ cam thương hiệu #fe8423 */
a{color:#b45309;}
a:hover{color:#8a3d07;}
.is-outline.primary,.primary.is-link,.primary.is-underline{color:#b45309;}
.button.is-outline.primary{border-color:#fe8423;}
.des .box .label,.ot-heading>span,.gioi-thieu-4 .box p,.section9 .icon-box p{color:#b45309;}
.tvn-goi-phu,.tvn-cc .tvn-mv-nhan,.tvn-doi-ngu .tvn-chuc,.tvn-dv-the .tvn-dv-nhan,.widget_categories .cat-item{color:#b45309;}
.tvn-moi-vip a{color:#fe8423;}
.tvn-goi a.tvn-mv-phu,.tvn-cc a.tvn-mv-phu{color:#b45309!important;}
/* ===== hết khối TVN – sửa sau soát giao diện 14/11 tối ===== */

/* ===== TVN – lượt 19 bố cục, nút, Zalo (Vũ max 14/11/2026, anh Vũ "tự đánh giá và quyết định đi") ===== */
/* A5 ảnh đầu: ba chấm chuyển slide nằm ngang dưới nút (trước: dọc, đè trái tiêu đề); lớp phủ tối cho chữ trắng dễ đọc */
@media (min-width:550px){.slider-section .flickity-page-dots{transform:none!important;left:0!important;right:0!important;bottom:120px!important;text-align:center;}}
.slider-section .banner .bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,22,26,.55) 0%,rgba(20,22,26,.30) 55%,rgba(20,22,26,0) 100%);pointer-events:none;}
/* A16 tiêu đề ảnh đầu thứ nhất là H1, giữ cỡ chữ như H2 cũ */
.slider-section h1.tvn-hero-h1{font-size:2.9em;line-height:1;margin:.2em 0;color:#fff;}
@media (max-width:549px){.slider-section h1.tvn-hero-h1{font-size:21px;}}
/* A13 nút Zalo nổi: máy tính nằm cạnh nút lên đầu trang; điện thoại, máy tính bảng còn biểu tượng 44 px sát đáy; ẩn ở trang đã có Zalo trong nội dung */
.tvn-zalo-noi{bottom:20px;right:72px;}
@media (max-width:849px){.tvn-zalo-noi{bottom:14px;right:10px;height:44px;padding:0 4px;opacity:.95;}
 body:has(.tvn-zalo-noi) .absolute-footer{padding-bottom:68px;}}
body:has(#content a[href*="zalo.me"]) .tvn-zalo-noi{display:none!important;}
/* Việc 10 Fable: nút chữ thường viết hoa chữ đầu; nút chính nền cam */
#content .button, #footer .button{text-transform:none!important;letter-spacing:0!important;}
.section8 .button.tvn-nut-cam{background:#fe8423!important;border-color:#fe8423!important;color:#fff!important;}
.section8 .button.tvn-nut-cam:hover{background:#e5701a!important;}
/* A18 mục "Tin tức" trong menu thả không viết hoa */
.nav-dropdown .menu-item-1748 > a{text-transform:none!important;}
/* A17 chữ tối thiểu 12 px ở điện thoại */
@media (max-width:549px){
 .home .des .box .label,.home .des .box .value{font-size:12px!important;}
 .slider-section .button.tvn-hero-nut{font-size:13px!important;}
 .tvn-the-vip,.tvn-the-mien{font-size:12px!important;}
 #content .post-meta.is-small,#content .button.is-small{font-size:12px!important;}
 .tvn-goi-nhan{font-size:12px!important;}
/* A22 liên kết chân trang dễ chạm */
 #footer a{display:inline-block;padding-top:5px;padding-bottom:5px;}
}
/* A23 Đội ngũ: chỉ ẩn biểu tượng mạng xã hội mẫu trong nội dung, giữ ở chân trang */
.page-id-1319 #footer .follow-icons a{display:inline-block!important;}
/* A11 liên kết trần dài trong bài không vượt mép */
.entry-content a{overflow-wrap:anywhere;word-break:break-word;}
@media (max-width:549px){.slider h1.tvn-hero-h1 span{line-height:1.3!important;}}
/* A11 bài viết đơn: dải tiêu đề là div (một H1 là tên bài), giữ cỡ chữ như H1 cũ */
.tieu-de-section div.page-title{font-size:1.7em;font-weight:700;line-height:1.3;margin:0 0 .5em;font-family:"Inter",sans-serif;color:#fff;}
@media (max-width:549px){.tieu-de-section div.page-title{font-size:1.4em;}}
/* A12 máy tính bảng 550–849 px: cột bên Tin tức xuống dưới bài; chân trang 2 cột */
@media (min-width:550px) and (max-width:849px){
 .page-id-1727 #content .row > .col.medium-8.large-8,.page-id-1727 #content .row > .col.medium-4.large-4{flex-basis:100%;max-width:100%;}
 #footer .section-content > .row > .col.medium-6.large-6{flex-basis:100%;max-width:100%;}
 #footer .section-content > .row > .col.medium-3.large-3{flex-basis:50%;max-width:50%;}
}
/* ===== hết khối TVN – lượt 19 ===== */

/* ===== TVN – lượt 20 sau soát lại Fable tối 14/11 (Vũ max 15/11/2026, anh Vũ "tự đánh giá và quyết định đi"; SOAT_LAI_WEB_FABLE_20261114_TOI.md mục 2, 3) ===== */
/* 3.1 Liên hệ: khối địa chỉ không còn bị form kéo lên che (margin-top -100px) */
.lien-he-2{margin-top:0!important;padding-top:32px!important;}
/* 2.3 Tin tức 550–849 px: cột bên xuống dưới bài như trang chuyên mục */
@media (min-width:550px) and (max-width:849px){
 .page-id-1727 .row>.col.medium-9,.page-id-1727 .row>.col.medium-3{max-width:100%;flex-basis:100%;}
}
/* 2.4 Chữ thường ở nút gửi form, menu điện thoại, tiêu đề khối, danh sách chuyên mục */
input[type=submit].button,.wpcf7-submit,.off-canvas .nav-sidebar>li>a,.section-title,.section-title span,.section-title b,.widget_categories a,.widget .widget-title{text-transform:none!important;}
.off-canvas .nav-sidebar>li>a{font-size:15px!important;}
/* 3.2 Bài viết đơn: dòng ngày đăng · chuyên mục chính dưới tên bài */
.single-post .entry-header .entry-meta{text-transform:none!important;font-size:14px!important;color:#5b6168;letter-spacing:0;margin:2px 0 6px;}
.single-post .entry-header .entry-meta a{color:inherit;}
/* 2.5 Bài viết liên quan: nhãn một dòng trên tên bài, ảnh 16:9, thẻ cao bằng nhau, bỏ dải trống đáy */
.bai-viet-lien-quan .cat-label{position:static!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0 0 6px;}
.bai-viet-lien-quan .image-cover{padding-top:56.25%!important;}
.bai-viet-lien-quan .box-text .is-divider{display:none;}
.bai-viet-lien-quan .box-text{padding-bottom:10px;}
.bai-viet-lien-quan .post-item>.col-inner,.bai-viet-lien-quan .post-item>.col-inner>a,.bai-viet-lien-quan .post-item .box{height:100%;}
.bai-viet-lien-quan .post-item>.col-inner>a{display:block;}
.bai-viet-lien-quan .post-title{font-size:15px;line-height:1.35;margin:0;}
/* 2.7 Chữ dài trong bài (đường dẫn trần trong span) tự xuống dòng */
.single-post .entry-content,.single-post .entry-content *{overflow-wrap:break-word;}
/* 3.4 Tường hashtag cuối bài: thu gọn còn một dòng (nội dung bài giữ nguyên) */
.single-post .entry-content .tvn-hashtag{max-height:1.6em;overflow:hidden;font-size:13px;line-height:1.6;color:#6b7280;margin-bottom:8px;}
/* 2.8, 2.9 Nút Zalo nổi: ẩn khi mở menu điện thoại, hộp ảnh; máy tính cuộn quá 600 px thu thành nút tròn trên nút lên đầu trang */
html.has-off-canvas .tvn-zalo-noi,html:has(.mfp-wrap.mfp-ready) .tvn-zalo-noi{display:none!important;}
@media (min-width:850px){
 .tvn-zalo-noi{transition:width .2s,padding .2s;}
 .tvn-zalo-noi.tvn-zalo-gon{right:16px;bottom:72px;width:48px;padding:0 6px;justify-content:center;}
 .tvn-zalo-noi.tvn-zalo-gon .tvn-zl-chu{display:none;}
}
@media (max-width:549px){
 .home .section1 .icon-box-text{padding-right:40px;}
}
/* 2.10 Trang chủ, ảnh đầu: chữ thẳng lề với logo, dòng H1 thoáng hơn; điện thoại hai nút cao 44 px, rộng bằng nhau */
h1.tvn-hero-h1{line-height:1.15!important;}
@media (min-width:850px){.home .banner .text-box.banner-layer{padding-left:15px;box-sizing:border-box;}}
@media (max-width:549px){
 .home .banner .text-box a.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0 0 10px!important;}
}
/* 3.6 Trang chủ: đệm khối đều 72 px (máy tính), 48 px (điện thoại) */
.home .section2,.home .section5,.home .tvn-bo-cong-cu,.home .section8,.home .section12{padding-top:72px!important;padding-bottom:72px!important;}
@media (max-width:549px){.home .section2,.home .section5,.home .tvn-bo-cong-cu,.home .section8,.home .section12{padding-top:48px!important;padding-bottom:48px!important;}}
.home .section12 .slider + .gap-element + .ot-heading,.home .section12 .list-post1.slider ~ .ot-heading{margin-top:32px;}
/* 3.7 Trang chủ, Nhận định thị trường: ảnh bài nổi bật cao tối đa 420 px (giữ tỉ lệ, không cắt), lưới Tin tức 3 cột ở máy tính bảng */
@media (min-width:850px){
 .home .section12 .slider .post-item .box-image{max-width:747px;margin-left:auto;margin-right:auto;}
 .home .section12 .slider .post-item .box-text{max-width:747px;margin-left:auto;margin-right:auto;}
}
@media (min-width:550px) and (max-width:849px){
 .home .section12 .row.list-post1:not(.slider)>.col{flex-basis:33.333%;max-width:33.333%;}
}
/* 3.8 Trang chủ 375: ba thẻ dịch vụ xếp dọc (trước 2 + 1 thẻ lẻ) */
@media (max-width:549px){.home .section5 .row-solid>.col{flex-basis:100%!important;max-width:100%!important;}}
/* 3.9 Chân trang: cột "Về TVN" rộng hết cột (trước 153/306 px, tên mục xuống 2 dòng) */
#footer .col.cot{flex-basis:100%!important;max-width:100%!important;}
/* 3.5 Form Liên hệ ≤ 549 px: mỗi ô một hàng */
@media (max-width:549px){
 .form-lien-he .row-info{display:block!important;}
 .form-lien-he .row-info>.left,.form-lien-he .row-info>.right{width:100%!important;max-width:100%!important;float:none!important;}
}
/* 3.10 Giới thiệu: ba thẻ Lĩnh vực cao bằng nhau, nút Xem thêm thẳng hàng; tên bốn giá trị cốt lõi nổi hơn chữ thân */
@media (min-width:550px){
 .page-id-52 .gioi-thieu-2 .row.align-equal>.col>.col-inner,.page-id-52 .gioi-thieu-2 .col-inner>.box,.page-id-52 .gioi-thieu-2 .box>.box-text,.page-id-52 .gioi-thieu-2 .box-text>.box-text-inner{display:flex;flex-direction:column;flex:1 1 auto;}
 .page-id-52 .gioi-thieu-2 .box-text-inner>a.nut5{margin-top:auto;align-self:center;}
}
.page-id-52 .tvn-gt-ten{display:inline-block;font-size:1.15em;color:#1f2933;margin-top:4px;}
/* 3.11 Hướng dẫn ≤ 549 px: khung lồng mỏng đệm, cột chữ rộng hơn; 2.1 tiêu đề bảng ví dụ nằm đầu khung cuộn */
@media (max-width:600px){#tvn-guide th[colspan]{text-align:left!important;}}
@media (max-width:549px){
 body #tvn-guide .section{padding:12px!important;margin:24px 0!important;}
 body #tvn-guide .section .section-title{margin:-12px -12px 16px -12px!important;width:auto!important;}
 body #tvn-guide .subsection{padding:10px!important;margin:16px 0!important;}
}
/* 3.12 Nhãn VIP, Miễn phí 12 px mọi khổ (trước 10 px ở máy tính, máy tính bảng) */
.tvn-the-vip,.tvn-the-mien{font-size:12px!important;}
/* 3.13 Gói VIP: nút đăng ký ngay trong thẻ giá, dấu "–" đậm hơn */
.tvn-goi-dk{display:inline-block;margin-top:12px;padding:8px 18px;border-radius:6px;font-weight:700;font-size:14px;text-decoration:none!important;background:#fe8423;color:#1f2933!important;}
.tvn-goi-dk.tvn-goi-dk-phu{background:transparent;border:2px solid #fe8423;color:#b45309!important;}
.tvn-goi-dk:hover{filter:brightness(.95);}
.tvn-khong{color:#6b7280!important;}
.tvn-goi-nhan{font-size:12px!important;}
/* ===== hết khối TVN – lượt 20 ===== */


/* ===== Phần 2: điện thoại ≤ 549 px ===== */
@media (max-width: 549px){
.nav-left {
    justify-content: start;
}.icon-menu:before, .icon-search:before{
   color: #fe8322;
}.icon-search:before{font-size:17px}.icon-menu:before{font-size:22px}.off-canvas-left .mfp-content{background:rgb(39 41 51)}.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 20px;
    font-size: 14px;
}
.slider-section .text-box{width:100% !important;padding:0 15px !important}
.nut1, .nut2{padding:7px 15px}
.slider-section .banner{padding-top:560px !important}.slider-section .flickity-page-dots {
    bottom: 16%;
    left: 35%;
    right: auto;
    transform: rotate(0deg);
}.slider-section {
    margin-bottom: -45px;
}
.section5 .large-4{flex-basis:50%; max-width:50%}.section5 .large-4 .icon-box h3 {
    font-size: 16px;
}.section5 .icon-box .icon-box-text{font-size:14px}.section5 .large-4 .col-inner{padding:10px}
.section6 .large-3{flex-basis:100%;max-width:100%}.section6 .banner-layer .col .col-inner{padding: 15px;
    min-height: auto;}
.section6 .banner-layers .text-box{width:100%!important}
.section6 .features-service-desc {
    opacity: 1;
    font-size: 15px;
		visibility: visible;}.section6 .features-service-title {
				transform: translateY(30px);}.des .value, .des .label{font-size:11px}
.banner h2 {
    font-size: 21px;
}.section1 .icon-box {
		padding: 15px 15px 15px 15px;}.section6 .col-inner:hover .features-service-title {
				transform: translateY(0px);}
.section5{padding-top:70px !important; padding-bottom:70px !important}.section6 h3 {   font-size: 22px;
    line-height: 27px;
}.section7{background-position-y: 91%;padding-top: 10px !important;
    padding-bottom: 262px !important;}
.section7 .icon-box h5 {
    font-size: 18px;
    margin-bottom: 0;
}.section7 .icon-box .icon-box-text {
    padding-left: 20px;
    font-size: 15px;
}.nut4{width:100%}.section8 .col{padding-bottom:15px}.section10 .nut1{width:100%}
.section9, .section10{padding-top:70px !important; padding-bottom:70px !important}.section9 .slider p {
    font-size: 16px;
    line-height: 36px;
    text-align: left;
		padding: 20px;}.section9 .icon-box {
    padding: 0 20px 20px 20px;
}.section9 .icon-box h3 {
		font-size: 17px;}
.section7 .bg { background-size: 368px !important;  background-position-y: bottom;
    background-position-x: 0;
}
.section6 .col-inner .button {
		margin-top: 1.5em !important;}.section9 .icon-box p{font-size:12px; padding:0}
.section10 .portfolio-box .box-text, .portfolio-element-wrapper .portfolio-box-title{opacity:1}
.section11 .large-3{flex-basis:100%;max-width:100%;padding-bottom:25px}
.section11 .large-3 br{padding-top: 14px;display:none}
.section11{padding-top:30px !important; padding-bottom:30px !important}
.section11 .large-3:last-child{padding-bottom:0 !important}.ot-counter h6{margin-top:10px}
.section12{padding-top:50px !important; padding-bottom:50px !important}
.list-post1 .post-item .post-title {
       padding: 20px 20px 20px 20px;
    color: #1b1d21;
    line-height: 27px;
    font-size: 18px;
}.list-post1 .post-item button {
    bottom: 13px;
    border: none;
    font-size: 11px;
}.list-post1 .post-item .post-meta{font-size:11px}
.section12 .large-12{padding-bottom:0}
.footer-section .cot{flex-basis:50%;max-width:50%}.footer-section ul li {
    margin-bottom: 10px;
}.footer-section .col{padding-bottom:10px}.footer-section h3 {
    margin-bottom: 13px;
}.tieu-de-section .col{text-align:center}.tieu-de-section .large-4{font-size:12px}.gioi-thieu-1 .col, .gioi-thieu-2 .col{padding-bottom:15px}
.gioi-thieu-2{padding-top:70px !important; padding-bottom:70px !important}.gioi-thieu-2 .box .box-text{padding:15px}.gioi-thieu-2 .box p {
     font-size: 14px;
}.gioi-thieu-2 .box h3 {
    margin-bottom: 5px;
		font-size: 21px;}
.tieu-de-section{padding-top:60px !important; padding-bottom:60px !important}
.footer-section, .gioi-thieu-4{padding-top:60px !important; padding-bottom:60px !important}
.gioi-thieu-4 .large-3{flex-basis:50%; max-width:50%; padding:0 5px 10px}.gioi-thieu-4 .box .box-text{padding:10px}.gioi-thieu-4 .box h3 {
    margin-bottom: 15px;
    font-size: 16px;
}.blog-archive .post .entry-title {font-size:17px;
		padding: 0 15px;}.blog-archive .post .entry-summary {padding: 5px 15px 14px 15px;
    height: 55px;
    overflow: hidden;
    font-size: 14px;
}
.gioi-thieu-3 {
    background-size: 359px;
    padding-top: 30px !important;
    padding-bottom: 415px !important;
}
.blog-archive .post .article-inner{padding-bottom: 10px;}.blog-archive .large-3, .blog-single .large-3{padding-left:15px}#breadcrumbs{font-size:12px}
.blog-single .author-desc{font-size:15px}
.portfolio-archive .portfolio-box .box-text{    background: #00000073;padding:10px}
.portfolio-archive .portfolio-box .box-text h6 {margin-bottom:0;
		font-size: 15px}.portfolio-element-wrapper ul.nav li a {
    font-size: 14px;
}.portfolio-element-wrapper ul.nav li {
    margin: 0 10px;
}.footer-section ul li a{font-size:15px}
.portfolio-archive .portfolio-box .portfolio-box-category{display:none}.footer-section .icon-box h4{font-size:15px}.lien-he-1 {
    padding-bottom: 325px !important;
    padding-top: 41px !important;background-position-y: bottom;
    background-position-x: 0;
    background-size: 374px;
}.form-lien-he {
		padding: 15px;}.lien-he-2 {
    margin-bottom: 0;
}.form-lien-he h3 {
    font-size: 25px;
}.team3-section {
    margin-bottom: 0; margin-bottom:20px
}.single-team .large-7 .col-inner p{margin-bottom:10px}
.single-team .large-3{flex-basis:50%; max-width:50%}
.single-team .large-7 .col-inner{padding:15px !important}
.tieu-de-section .large-4 .col-inner{text-align:center !important}.team2-section{background-image:none}.our-team-form input{margin-bottom:10px}.team3-section .large-12 .col-inner{padding:20px}
.team2-section .large-6 .col-inner{padding-top:50px !important; padding-bottom:50px!important}.our-team-form .row-info .cot1, .our-team-form .row-info .cot2, .our-team-form .row-info .cot3{width:100%; padding-left:0;padding-right:0}
}

/* ===== Phần 3: lớp chung 15/11/2026 ===== */
/* --- 3.1 Biến dùng chung: màu, thang chữ 12/14/16/20/26/32/48, đệm khối 72/48 --- */
:root{
  --tvn-cam:#fe8423; --tvn-cam-dam:#b45309; --tvn-than:#2b2f33; --tvn-chu:#3a3d44; --tvn-phu:#5b616b; --tvn-vien:#e6e6e6; --tvn-nen-nhat:#fff7f0;
  --tvn-c12:12px; --tvn-c14:14px; --tvn-c16:16px; --tvn-c20:20px; --tvn-c26:26px; --tvn-c32:32px; --tvn-c48:48px;
  --tvn-dem-khoi:72px; --tvn-bo-goc:8px; --tvn-bong:0 2px 10px rgba(16,24,40,.06); --tvn-bong-noi:0 8px 24px rgba(16,24,40,.10);
}
@media (max-width:549px){ :root{ --tvn-dem-khoi:48px; } }

/* --- 3.2 Một kiểu tiêu đề trang (H1): dải ảnh (Giới thiệu, Dịch vụ, Liên hệ, Tin tức, chuyên mục), trang chữ (Gói VIP, Miễn trừ, Chính sách bảo mật), bài viết, Hướng dẫn --- */
#main h1.page-title, #main h1.entry-title, #main h1.tvn-trang-tieu, #tvn-guide .header h1{
  font-size:var(--tvn-c32)!important; line-height:1.25!important; font-weight:700!important; text-transform:none!important; letter-spacing:0!important;
}
#main h1.page-title span{ font-size:inherit!important; line-height:inherit!important; }
@media (max-width:849px){ #main h1.page-title, #main h1.entry-title, #main h1.tvn-trang-tieu, #tvn-guide .header h1{ font-size:28px!important; } }
@media (max-width:549px){ #main h1.page-title, #main h1.entry-title, #main h1.tvn-trang-tieu, #tvn-guide .header h1{ font-size:24px!important; } }

/* --- 3.3 Quy tắc viết hoa: tiêu đề, nút trong nội dung và chân trang viết như câu (nhãn nhỏ, menu đầu trang giữ kiểu riêng) --- */
#main :is(h1,h2,h3,h4,h5,h6), #main .section-title, #main .section-title-main, #main .button, #main .widget-title,
#footer :is(h3,h4), #footer .button{ text-transform:none; }

/* --- 3.4 Một kiểu thẻ: viền mảnh xám, bo 8 px, bóng nhẹ; thẻ giới thiệu, dịch vụ, công cụ có gạch cam 3 px phía trên --- */
.tvn-dv-the, .tvn-cc-the, .page-id-52 #main .box.has-hover.box-text-bottom, .home #main .icon-box.featured-box{
  background:#fff; border:1px solid var(--tvn-vien)!important; border-top:3px solid var(--tvn-cam)!important; border-radius:var(--tvn-bo-goc)!important;
  box-shadow:var(--tvn-bong)!important;
}
.tvn-cc-the:hover, .tvn-dv-the:hover, .page-id-52 #main .box.has-hover.box-text-bottom:hover{ box-shadow:var(--tvn-bong-noi)!important; }
.home #main .icon-box.featured-box{ padding:20px 18px!important; }
/* thẻ bài viết (trang chủ, Tin tức, chuyên mục, bài liên quan): cùng viền, bo, bóng; không gạch cam */
#main .list-post1 .post-item > .col-inner{ border:1px solid var(--tvn-vien)!important; border-radius:var(--tvn-bo-goc)!important; box-shadow:var(--tvn-bong)!important; overflow:hidden; }
/* bảng giá Gói VIP: cùng viền, bo, bóng; gói nổi bật giữ viền cam */
.tvn-goi-o{ border-color:var(--tvn-vien); border-radius:var(--tvn-bo-goc); box-shadow:var(--tvn-bong); }
.tvn-goi-o.tvn-goi-noi{ border-color:var(--tvn-cam); box-shadow:0 6px 20px rgba(254,132,35,.15); }

/* --- 3.5 A14: nút gọi hotline ở đầu trang điện thoại, máy bảng (Flatsome ẩn khối HTML đầu trang dưới 850 px) --- */
@media (max-width:849px){
  .header-main .mobile-nav li.html.custom{ display:inline-block!important; }
  .header-main .tvn-goi-dt{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; color:#fe8322!important; }
  .header-main .tvn-goi-dt i{ font-size:18px; color:#fe8322; }
}
@media (min-width:850px){ .header-main li.html_topbar_left{ display:none!important; } }

/* --- 3.6 Tin tức (/blog/): hàng nút lọc chuyên mục, nút xem tất cả --- */
.tvn-loc{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:4px 0 22px; }
.tvn-loc-nhan{ font-size:var(--tvn-c14); color:var(--tvn-phu); margin-right:4px; }
.tvn-loc-o{ display:inline-flex; align-items:center; min-height:36px; padding:6px 14px; border:1px solid var(--tvn-vien); border-radius:999px; background:#fff;
  font-size:var(--tvn-c14); line-height:1.3; color:var(--tvn-than)!important; text-decoration:none; }
.tvn-loc-o:hover{ border-color:var(--tvn-cam); color:var(--tvn-cam-dam)!important; }
.tvn-loc-o.is-active{ background:var(--tvn-than); border-color:var(--tvn-than); color:#fff!important; }
.tvn-xem-het{ text-align:center; margin:8px 0 0; }
@media (max-width:549px){
  .tvn-loc{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:6px; margin-bottom:16px; scrollbar-width:thin; }
  .tvn-loc-nhan{ display:none; }
  .tvn-loc-o{ flex:0 0 auto; min-height:40px; }
}
/* thẻ bài trang Tin tức, chuyên mục: cùng kiểu thẻ, chữ có lề trong */
.page-id-1727 #main .post-item .box-blog-post, .archive #main .post-item .box-blog-post{
  border:1px solid var(--tvn-vien); border-radius:var(--tvn-bo-goc); box-shadow:var(--tvn-bong); overflow:hidden; background:#fff; height:100%;
}
.page-id-1727 #main .post-item .box-blog-post .box-text, .archive #main .post-item .box-blog-post .box-text{ padding:12px 14px 14px; }

/* --- 3.7 Hướng dẫn: ba phần gập mở, mục lục dính, bảng thành thẻ ở điện thoại --- */
#tvn-guide details.tvn-hd-phan{ display:block!important; margin:28px 0; border:1px solid var(--tvn-vien); border-radius:var(--tvn-bo-goc); background:#fff; box-shadow:var(--tvn-bong); }
#tvn-guide details.tvn-hd-phan > summary{ display:flex!important; align-items:center; gap:12px; cursor:pointer; list-style:none; padding:18px 20px; border-top:3px solid var(--tvn-cam); border-radius:var(--tvn-bo-goc); }
#tvn-guide details.tvn-hd-phan > summary::-webkit-details-marker{ display:none; }
#tvn-guide details.tvn-hd-phan > summary::after{ content:"+"; margin-left:auto; flex:0 0 32px; width:32px; height:32px; border-radius:50%; border:1px solid var(--tvn-vien);
  display:flex; align-items:center; justify-content:center; font-size:20px; line-height:1; color:var(--tvn-cam-dam); }
#tvn-guide details.tvn-hd-phan[open] > summary::after{ content:"–"; }
#tvn-guide details.tvn-hd-phan > summary h2{ margin:0!important; font-size:var(--tvn-c20)!important; color:var(--tvn-than)!important; text-align:left; }
#tvn-guide details.tvn-hd-phan > summary .tvn-hd-tom{ display:block; margin-top:2px; font-size:var(--tvn-c14); color:var(--tvn-phu); font-weight:400; }
#tvn-guide details.tvn-hd-phan > .tvn-hd-than{ display:block!important; padding:0 20px 8px; }
#tvn-guide .tvn-hd-dinh{ position:sticky; top:0; z-index:20; display:flex!important; flex-wrap:wrap; gap:6px; align-items:center; padding:8px 10px; margin:0 0 12px;
  background:rgba(255,255,255,.96); border-bottom:1px solid var(--tvn-vien); backdrop-filter:saturate(1.2) blur(2px); }
.admin-bar #tvn-guide .tvn-hd-dinh{ top:32px; }
#tvn-guide .tvn-hd-dinh a{ display:inline-flex; align-items:center; min-height:36px; padding:4px 12px; border-radius:999px; border:1px solid var(--tvn-vien); font-size:var(--tvn-c14); color:var(--tvn-than)!important; text-decoration:none; }
#tvn-guide .tvn-hd-dinh a:hover{ border-color:var(--tvn-cam); }
#tvn-guide .tvn-hd-dinh .tvn-hd-dinh-nhan{ font-size:var(--tvn-c14); color:var(--tvn-phu); margin-right:2px; }
@media (max-width:549px){
  #tvn-guide details.tvn-hd-phan > summary{ padding:14px 14px; }
  #tvn-guide details.tvn-hd-phan > .tvn-hd-than{ padding:0 10px 6px; }
  #tvn-guide .tvn-hd-dinh{ flex-wrap:nowrap; overflow-x:auto; }
  #tvn-guide .tvn-hd-dinh .tvn-hd-dinh-nhan{ display:none; }
  #tvn-guide .tvn-hd-dinh a{ flex:0 0 auto; min-height:40px; }
  /* bảng thành thẻ: mỗi hàng một thẻ, nhãn cột đứng trước ô */
  #tvn-guide table.tvn-the-dt, #tvn-guide table.tvn-the-dt tbody, #tvn-guide table.tvn-the-dt tr, #tvn-guide table.tvn-the-dt td{ display:block!important; width:auto!important; min-width:0!important; }
  #tvn-guide table.tvn-the-dt{ border:0!important; overflow:visible!important; }
  #tvn-guide table.tvn-the-dt thead{ display:none!important; }
  #tvn-guide table.tvn-the-dt tr{ margin:0 0 10px; border:1px solid var(--tvn-vien); border-radius:var(--tvn-bo-goc); background:#fff; overflow:hidden; }
  #tvn-guide table.tvn-the-dt td{ border:0!important; border-top:1px solid #f0f0f0!important; padding:8px 12px!important; text-align:left!important; white-space:normal!important; }
  #tvn-guide table.tvn-the-dt td:first-child{ border-top:0!important; background:#fafafa; font-weight:600; }
  #tvn-guide table.tvn-the-dt td[data-nhan]::before{ content:attr(data-nhan); display:block; font-size:var(--tvn-c12); font-weight:600; color:var(--tvn-phu); margin-bottom:2px; }
  #tvn-guide .tvn-bang-cuon{ overflow:visible!important; }
}

/* --- 3.8 Lượt 22 (15/11): thanh dính Hướng dẫn chạy cả ở máy bảng, điện thoại; mục bấm tới không bị đầu trang, thanh dính che ---
   Flatsome đặt body overflow-x:hidden ở <= 849 px, body thành khung cuộn riêng nên position:sticky không bám. clip vẫn chặn cuộn ngang
   nhưng không tạo khung cuộn (trình duyệt cũ không hiểu clip thì giữ hidden như trước). --- */
@media (max-width:849px){
  html, body{ overflow-x:hidden; overflow-x:clip!important; }
}
#tvn-guide [id], #tvn-guide details.tvn-hd-phan{ scroll-margin-top:var(--tvn-hd-bar, 64px); }
@media (min-width:850px){ #tvn-guide [id], #tvn-guide details.tvn-hd-phan{ scroll-margin-top:calc(var(--tvn-hd-bar, 64px) + 56px); } }

/* --- 3.9 Lượt 22 sau soát Fable (15/11): Hướng dẫn, Tin tức, trang chuyên mục --- */
/* Hướng dẫn: bảng thành thẻ tới 767 px (550–767 trước đây 19/28 bảng cuộn ngang trong khung, 4 bảng tràn khung) */
@media (max-width:767px){
  #tvn-guide table.tvn-the-dt, #tvn-guide table.tvn-the-dt tbody, #tvn-guide table.tvn-the-dt tr, #tvn-guide table.tvn-the-dt td{ display:block!important; width:auto!important; min-width:0!important; }
  #tvn-guide table.tvn-the-dt{ border:0!important; overflow:visible!important; }
  #tvn-guide table.tvn-the-dt thead{ display:none!important; }
  #tvn-guide table.tvn-the-dt tr{ margin:0 0 10px; border:1px solid var(--tvn-vien); border-radius:var(--tvn-bo-goc); background:#fff; overflow:hidden; }
  #tvn-guide table.tvn-the-dt td{ border:0!important; border-top:1px solid #f0f0f0!important; padding:8px 12px!important; text-align:left!important; white-space:normal!important; }
  #tvn-guide table.tvn-the-dt td:first-child{ border-top:0!important; background:#fafafa; font-weight:600; }
  #tvn-guide table.tvn-the-dt td[data-nhan]::before{ content:attr(data-nhan); display:block; font-size:var(--tvn-c12); font-weight:600; color:var(--tvn-phu); margin-bottom:2px; }
  #tvn-guide .tvn-bang-cuon{ overflow:visible!important; }
}
/* dải tiêu đề mục chạm đủ hai mép (CSS gốc trong trang để width:106%, hở 6–27 px) */
#tvn-guide .section .section-title{ width:auto!important; }
/* vùng bấm 40 px ở máy bảng, điện thoại: mục lục (trước 21 px), nút lọc, nút thanh dính */
@media (max-width:849px){
  #tvn-muc-luc li a{ display:block; padding:9px 0; min-height:40px; }
  .tvn-loc-o, #tvn-guide .tvn-hd-dinh a{ min-height:40px; }
}
/* nút thu gọn cuối mỗi phần (script tạo) */
#tvn-guide .tvn-hd-thu{ display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; margin:16px 0 8px; padding:8px 14px;
  border:1px solid var(--tvn-vien)!important; border-radius:999px; background:#fff!important; color:var(--tvn-than)!important; font-size:var(--tvn-c14);
  font-weight:600; text-transform:none!important; letter-spacing:0; line-height:1.3; box-shadow:none; cursor:pointer; }
#tvn-guide .tvn-hd-thu:hover{ border-color:var(--tvn-cam)!important; color:var(--tvn-cam-dam)!important; }
/* bảng Thuật ngữ 11,7 px ở máy tính -> 14 px; khung ngoài bảng màu (xanh dương, hổ phách) về viền chung */
#tvn-guide .filter-info table td, #tvn-guide .filter-info table th{ font-size:var(--tvn-c14)!important; }
#tvn-guide > .section{ border-color:var(--tvn-vien)!important; background:#fff!important; }
#tvn-guide #section-9{ border-color:var(--tvn-cam)!important; background:#fff8f0!important; }
/* Tin tức, chuyên mục: tiêu đề bài lớn hơn trích đoạn (375 trước: 13,6 px < 15,5 px) */
.page-id-1727 #main .post-item .post-title, .archive #main .post-item .post-title{ font-size:17px!important; line-height:1.35!important; }
@media (min-width:850px){ .page-id-1727 #main .post-item .post-title, .archive #main .post-item .post-title{ font-size:18px!important; } }
.page-id-1727 #main .post-item .from_the_blog_excerpt, .archive #main .post-item .from_the_blog_excerpt{ font-size:var(--tvn-c14)!important; color:var(--tvn-phu); }
/* trang chuyên mục: hàng nút lọc đầu cột bài */
.tvn-loc-cm{ margin:0 0 20px; }