/*
Theme Name: Du học
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

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


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/*==========================
 NEWS TICKER
==========================*/

.fl-news-ticker{
    position:relative;
    width:100%;
    height:54px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#031358;               /* nền navy */
}

/* Nhãn BREAKING NEWS */
.fl-news-label{
    flex:none;
    align-self:stretch;
    display:flex;
    align-items:center;
    padding:0 26px;
    background:#f16328;               /* nền cam (đồng bộ menu) */
    color:#fff;
    font-size:20px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
    white-space:nowrap;
    z-index:2;
}
.nav-dropdown-simple .nav-column li>a:hover, .nav-dropdown.nav-dropdown-simple>li>a:hover {
    color: #f1632a !important;
}

.fl-news-track{
    display:flex;
    align-items:center;
    white-space:nowrap;
    will-change:transform;
    transition:transform .2s linear;
    padding-left:24px;
}

.fl-news-item{
    flex:none;
    margin-right:70px;
}

.fl-news-item a{
    display:flex;
    align-items:center;
    text-decoration:none;
    color:#fff;
    font-size:16px;
    font-weight:500;
}

.fl-news-item a:hover{
    color:#ffd54a;
}

.fl-date{
    display:flex;
    align-items:center;
    margin-right:12px;
    color:#fff;
    font-weight:700;
    flex:none;
}

.fl-date .month{
    font-size:20px;
    line-height:1;
}

.fl-date .sep{
    margin:0 2px;
}

.fl-date .day{
    font-size:20px;
    line-height:1;
}

.fl-date .colon{
    margin-left:5px;
}

.fl-title{
    white-space:nowrap;
}

.fl-news-nav{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    display:flex;
    align-items:center;
    background:#031358;
    padding-left:14px;
}

.fl-news-nav button{
    width:34px;
    height:34px;
    margin-top: 15px;
    margin-left:6px;
    border:1px solid rgba(255,255,255,.35);
    background:transparent;
    color:#fff;
    cursor:pointer;
    transition:.25s;
    font-size:18px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.fl-news-nav button:hover{
    background:#f16328;
    color:#fff;
    border-color:#f16328;
}

.fl-news-ticker:hover .fl-news-track{
    cursor:pointer;
}

@media(max-width:768px){
    .fl-news-ticker{
        height:46px;
    }
    .fl-news-label{
        font-size:15px;
        padding:0 14px;
    }
    .fl-news-item a{
        font-size:13px;
    }
    .fl-date .month,
    .fl-date .day{
        font-size:17px;
    }
    .fl-news-item{
        margin-right:40px;
    }
    /* Mobile: ẩn nhãn BREAKING NEWS và cụm nút mũi tên */
    .fl-news-label{
        display:none;
    }
    .fl-news-nav{
        display:none;
    }
    .fl-news-track{
        padding-left:14px;
    }
}

/* ===== Block 4 mục (Du học / Liên kết đào tạo / ...) ===== */
/* Khoảng cách giữa các ô (row đang collapse nên tự thêm padding cho cột) */
.row-collapse .card-hoc {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/* Cột đều nhau: col-inner full chiều cao cột + min-height làm sàn */
.card-hoc .col-inner {
    height: 100%;
    min-height: 230px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.15);
    transition: transform .35s ease, box-shadow .35s ease,
                border-color .35s ease, background-color .35s ease;
    will-change: transform;
}
/* Card đỏ nổi bật (nền phủ kín cả cột) */
.card-hoc-active .col-inner {
    background: #f16328;
    border-color: #f16328;
    box-shadow: 0 18px 40px rgba(241, 99, 40, 0.35);
}
/* Hover: nhấc lên + đổ bóng + đổi viền đỏ */
.card-hoc .col-inner:hover {
    transform: translateY(-10px);
    border-color: #f16328;
    box-shadow: 0 22px 45px rgba(0, 0, 0, 0.45);
}
.card-hoc .col-inner:hover::after {
    transform: scale(1.08) translate(-6px, -6px);
    opacity: 0.32;
}
.card-hoc-active .col-inner:hover {
    transform: translateY(-14px);
    box-shadow: 0 28px 55px rgba(241, 99, 40, 0.5);
}
/* Đoạn 1 = eyebrow, đoạn 2 = tiêu đề (text thuần, WP tự bọc thẻ <p>) */
.card-hoc .col-inner p {
    color: #fff;
    margin: 0;
}
.card-hoc .col-inner p:first-of-type {
    font-size: 15px;
    opacity: .95;
    margin-bottom: 8px;
}
.card-hoc .col-inner p:nth-of-type(2) {
    font-size: 26px;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: auto;
}
.card-hoc .button {
    margin-top: 24px;
}
.card-hoc-active .button.is-outline {
    background: #fff;
    border-color: #fff;
    color: #f16328;
}
.card-hoc .col-inner::after {
    content: "";
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    opacity: 0.18;
    pointer-events: none;
    transition: transform .35s ease, opacity .35s ease;
}
.ic-graduation .col-inner::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' fill='%23ffffff'%3E%3Cpath d='M320 32L0 176l320 144 261-117.5V400h-40v40h120v-40h-40V184.7L640 176 320 32zM128 302v98c0 35.3 86 82 192 82s192-46.7 192-82v-98L320 390 128 302z'/%3E%3C/svg%3E");
    opacity: 0.28;
}
.ic-link .col-inner::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' fill='%23ffffff'%3E%3Cpath d='M172.5 131.1C228.1 75.51 320.5 75.51 376.1 131.1C426.1 181.1 431.5 260.8 388.4 316.7L377.6 329.8C364 346.3 339.6 348.7 323.1 335.1C306.6 321.5 304.2 297.1 317.8 280.6L328.6 267.5C348.3 243.1 346.7 208.5 324.9 186.7C301.4 163.2 263.3 163.2 239.8 186.7L118.9 307.5C95.44 331 95.44 369.1 118.9 392.5C140.7 414.4 175.3 415.9 199.7 396.3L212.8 385.5C229.3 371.9 253.7 374.3 267.3 390.8C280.9 407.3 278.5 431.7 262 445.3L248.9 456.1C193 499.2 113.2 494.6 63.24 444.6C7.66 389.1 7.663 296.6 63.24 240.1L184.1 120.2L172.5 131.1z'/%3E%3C/svg%3E");
}
.ic-boost .col-inner::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='%23ffffff'%3E%3Cpath d='M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z'/%3E%3C/svg%3E");
}
.ic-book .col-inner::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3E%3Cpath d='M96 0C43 0 0 43 0 96V416c0 53 43 96 96 96H384h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H384 96zm0 384H352v64H96c-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3C/svg%3E");
}
@media (max-width: 549px) {
    .card-hoc {
        margin-bottom: 15px;
    }
    .card-hoc .col-inner {
        min-height: auto;
    }
}
#header-contact li a{text-transform:none; letter-spacing:0;color:white}.nav-small.nav>li.html {
    font-size: 14px;
    font-weight: 600;
}.header-nav li a {
    font-size: 17px;
    font-weight: 500;
    text-transform: none;
    color: #222;
}.nav-dropdown>li>a{padding: 10px 20px;}
.header-top .image-icon img {
		max-width: 22px;}
.top-bar-nav li.account-item a{padding-top:2px}
.nut-xem-them{letter-spacing:0;font-weight:600}.section-title-center span {
    margin: 0 15px;
    text-transform: none;
    font-size: 33px;
    color: #031358;
}.section-title b{background:none}
.section1{padding-bottom:90px !important}
.section2 .icon-box{background: white;
    padding: 35px 50px 68px 50px;
    border-radius: 15px;
    box-shadow: 2px 2px 30px #4c4e680f;
margin-top: 50px }
.section2 .icon-box .icon-box-img .icon{    background-image: linear-gradient(to right, #ffb900 , #ff8800);
    border-radius: 65px;
    padding: 25px;
    box-shadow: 2px 12px 10px #5460c630;}
.section2 .cot1 .icon-box{border: 2px solid #ff8800;position:relative}
.section2 .cot2 .icon-box{border: 2px solid #00a6ff;position:relative}
.section2 .cot3 .icon-box{border: 2px solid #ff006f;position:relative}
.section3 .icon-box{border: 2px solid #535353;
    padding: 20px 30px 50px 30px;
    border-radius: 25px;
    background-image: linear-gradient(#fffefe3d, transparent, #00000094);}.section3 .icon-box:hover{border:2px solid #f16328}
.section4 .col{padding-bottom:0}.section-title-container {
    margin-bottom: 0;
}
.section3 .icon-box p strong{font-size: 50px;
    font-weight: 500;}
.section2 .cot1 .icon-box:after {
    content: "";
    display: none;
    width: 100%;
    height: 30px;
    background-image: url(/wp-content/uploads/2023/10/line1.png);
    position: absolute;
    bottom: -30px;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
}
.section2 .cot3 .icon-box:after {
    content: "";
    display: none;
    width: 100%;
    height: 30px;
    background-image: url(/wp-content/uploads/2023/10/line3.png);
    position: absolute;
    bottom: -30px;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
}
.section2 .cot2 .icon-box:after {
    content: "";
    display: none;
    width: 100%;
    height: 30px;
    background-image: url(/wp-content/uploads/2023/10/line2.png);
    position: absolute;
    bottom: -30px;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
}
.section2{padding-top:120px !important; padding-bottom:70px !important}
.section2 .cot2 .icon-box .icon-box-img .icon {
		background-image: linear-gradient(to right, #00c1ff , #0080ff);}
.section1 .col{padding-bottom:0}
.header-search-form-wrapper input{background: #f8f8f8;
    border: 1px solid orange !important;
    border-radius: 10px !important;
    font-size: 14px;
    height: 40px;}
.searchform .button.icon i{color:#f16329}.nav-dropdown-default {
    padding: 0;
}.nav-dropdown>li>a {
    display: block;
    font-size: 16px;
    color: #222;
}.section2 .cot3 .icon-box .icon-box-img .icon {
    background-image: linear-gradient(to right, #a800ff , #ff009d);
}
.video{border-radius:15px}
.section2 .icon-box .icon-box-img{margin-top:-90px}
.section2 .icon-box h3{position: relative;
    font-size: 22px;
    letter-spacing: 0;
    color: #031358;
    margin-bottom: 20px;}
.section2 .icon-box h3:after {
    content: "";
    display: block;
    width: 76px;
    height: 2px;
    background: #ff8b00;
    margin: 0 auto;
    margin-top: 6px;
}
.slider-style-focus .box-nhan-xet{position:relative; background: white;
    padding: 30px 30px 30px 80px;
text-align:center
   }
.slider-style-focus .box-nhan-xet{    padding: 30px 30px 30px 80px}
.section6 .slider-style-focus .flickity-slider>* {max-width: 450px;}
.section6 .slider-style-focus .flickity-slider>:not(.is-selected) {
    opacity: 1;
}
.section6 .slider-style-focus {
    padding: 0;
}
.section7 .large-2{flex-basis:20%; max-width:20%}
.section7 img{border-radius:8px}
.section6 .slider-style-focus .flickity-slider>:not(.is-selected) {
    transform: scale(1);
    padding: 5px;
}.slider-style-focus .flickity-slider .is-selected {
    padding: 5px !important;
}
.section6 .slider-style-focus img {
    border-radius: 10px;
}
/* Đối tác - logo slider: thu nhỏ logo, hiển thị trọn vẹn không cắt/phóng to */
.section6 .slider-style-focus .img .img-inner{
    padding-top: 42% !important;       /* hạ chiều cao ô -> logo nhỏ lại */
    background: none !important;
    border: 1px solid rgba(0,0,0,.08); /* viền mỏng mềm mại */
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    overflow: hidden;
}
.section6 .slider-style-focus .img .img-inner img{
    object-fit: contain !important;    /* giữ nguyên tỉ lệ, không crop */
    padding: 8px;
    border-radius: 0;
}
/* Đối tác: hiển thị 5 logo trên một hàng (mỗi ô = 1/5 chiều rộng) */
.section6 .slider-style-focus .flickity-slider > .img{
    width: 20% !important;
    max-width: 20% !important;
}
/* Mobile: hiển thị 3 logo cho gọn */
@media only screen and (max-width: 48em){
    .section6 .slider-style-focus .flickity-slider > .img{
        width: 33.333% !important;
        max-width: 33.333% !important;
    }
}
.section4 .slider-style-focus .flickity-slider>*{max-width:500px !important}
.slider-style-focus .row.is-selected .box-nhan-xet{text-align:left;position:relative; background: #f16328;
    padding: 30px 30px 30px 80px;
    border-radius: 15px;
    color: white;
    background-image: url(/wp-content/uploads/2023/10/icon-nhay.png);
    background-repeat: no-repeat;
    background-position-y: 36px;
    background-position-x: 15px;
}
.slider-style-focus .flickity-page-dots {
    bottom: -15px;
}.section-title-normal span {font-weight:600;
    border-bottom: 2px solid rgb(242 86 0);
    margin-bottom: -2px;
    margin-right: 15px;
    padding-bottom: 7.5px;
    color: #0a175e;
    text-transform: none;
    font-size: 28px;
}.section-title-normal {margin-bottom:25px;
    border-bottom: 2px solid #d7d7d7;
}
.slider-style-focus .box-nhan-xet p{margin-bottom:0}.flickity-page-dots .dot.is-selected{border: 3px solid #FF5722; background-color: #f16328 !important;}
.slider-style-focus .box-nhan-xet{margin-bottom:50px}
.section4 .icon-box .icon-box-img img {
    border-radius: 99%;padding-top:0;
    border: 6px solid white;
    box-shadow: 5px 2px 10px #0000001f;
}.section-title a {
    display: block;
    font-size: 15px;
    margin-left: auto;
    padding-left: 15px;
    font-weight: normal;
    color: #333;
}.box-blog-post .is-divider{display:none}
.list-post .post-item .post-title{font-size: 17px;
    font-weight: 500;
    margin-bottom: 6px;
    color:#031259;}
.list-post .post-item .from_the_blog_excerpt, .list-post3 .post-item .from_the_blog_excerpt{font-size: 14px;
    color: #555;
    line-height: 20px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.list-post .post-item .col-inner{background:white;border-radius:10px}
.list-post .post-item .box-image .image-cover{border-radius:10px 0 0 10px}
.list-post2 .post-item .box-image{border-radius:10px}
.list-post .post-item .box-text{padding-top:5px; padding-left:15px;padding-bottom:5px;padding-right:10px}
.list-post2 .post-item .box-text{background-image: linear-gradient(transparent, #000a34);
    border-radius: 0 0 10px 10px;
    padding: 30px 15px 20px 15px;}
.section5{padding-bottom:25px !important}
.list-post2 .post-item .post-title{text-shadow:none; font-size: 21px;
    font-weight: normal;
    margin-bottom: 10px;}
.slider-style-focus .row.is-selected .icon-box h3{text-align: center;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: none;
    color: #f16328;}
.section4 .icon-box h3{text-align: center;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: none;
    color: gray;}
.section4{margin-top:-50px; padding-top:0 !important}
.section4 .icon-box p{color:#0059a0;}
.img1 img{border-radius:10px}
.slider-style-focus .box-nhan-xet:after{content:"";background:white;  display:block;width:40px; left:215px;z-index:-1; position:absolute;bottom:-20px;height:40px;transform:rotate(45deg)}.section-title a:hover{color:#f16329} .list-post .post-item .post-title:hover, .list-post2 .post-item .post-title:hover{color:#f16329}
.list-post3 .post-item .box-image{border-radius:10px}
.list-post3 .post-item .post-title{font-size: 16px;
    font-weight: 500;
    color: #291258; margin-bottom:8px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.absolute-footer{
    border-top: 1px solid #d5d5d5;
}.absolute-footer {
    padding: 20px 0 0;
    color: #fff;
    background-color: #f16328 !important;
}
.widget .recent-blog-posts {
    padding: 6px;
    list-style: none;
    box-shadow: 2px 2px 20px #0000001a;
    border-radius: 10px;
        margin-bottom: 15px;
}
.widget .flatsome_recent_posts li {
    margin-bottom: 15px;
}
.single-page {
    text-align: justify;
}
.footer-wrapper .footer2 a {
    color: #222;
}
.footer-wrapper .footer2 a:hover {
    color: #f0632a;   
}
.slider-style-focus .row.is-selected .box-nhan-xet:after{content:"";background:#d85518;  display:block;width:40px; left:215px;z-index:-1; position:absolute;bottom:-20px;height:40px;transform:rotate(45deg)}
.footer1 .col, .footer2 .col{padding-bottom:0}
.footer2 ul{margin-bottom:0}
a.back-to-top{background:#f16328 !important;color:white !important;border:none !important}
.footer2 ul li{margin-left: 0;
    list-style: none;}
.footer2 h3{margin-bottom:25px;font-weight: 600;
    letter-spacing: 0;
    font-size: 20px;
    color: #031358;}
.footer2 .large-4 {
    flex-basis: 31.333333%;
    max-width: 31.333333%;
}
.footer2 .large-2 {
    flex-basis: 18.666667%;
    max-width: 18.666667%;
}
.footer2 .social-icons a{margin-bottom:0}
.footer2 .icon-box p{font-size:15px}
.breadcrumbs {
    color: #222;
    font-weight: normal;
    letter-spacing: 0;
    padding: 0;
    font-size: 14px;
    text-transform: none;
}
.single-product .product-images{padding:10px;border:1px solid orangered;border-radius:10px}
button.thong-tin-truong{width: 100%;
    background: #e6e6e6;
    border-radius: 8px;
    color: #2c2c2c;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;margin-bottom:6px; padding-left:0;padding-right:0}
.thong-tin-truong a{border-radius:8px; display: block;
    width: 100%;}
.product-info{padding-top:0}
.product-info .product-title{font-size: 24px;
    font-weight: 600;
    color: #031358;}
.thong-tin-truong a:hover{background:#f16329;color:white}
.form-lien-he input[type=submit]{margin: 0;
    width: 100%;
    background: #f16329;
    border-radius: 10px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px;
    font-size: 17px;
    font-weight: 500;}
.wpcf7-spinner{display:none}
.form-lien-he h3{    text-transform: none;
    font-weight: 600;
    color: #031259;
    font-size: 25px;
    text-align: center;}
.section4 .slider-style-focus{padding-top:0}
.form-lien-he input, .form-lien-he textarea{    font-size: 15px;
    height: 40px;
    box-shadow: none;
    border-radius: 10px;}
.form-lien-he{
    background-color: #ffffff82;
    position: relative;
    padding: 50px 35px 35px 35px;
    border: 1px solid #001da0;
    border-radius: 20px;
    /* background-image: url(/wp-content/uploads/2023/10/abstract-elegant-white-and-gray-background-with-diagonal-stripes-lines-vector.jpg); */
    background-size: cover;
    background-position-x: center;
    box-shadow: 2px 12px 30px #32337e33;
}
.form-lien-he:after{    content: "";
    display: block;
    width: 126px;
    height: 91px;
    background-image: url(/wp-content/uploads/2023/10/iot.png);
    position: absolute;
    top: -40px;
    right: 0;
    background-size: 132px;
    background-repeat: no-repeat;}
.box-thong-tin ul{margin-bottom:0}
.box-thong-tin h3{font-size: 18px;
    font-weight: 600;
    color: orangered;}
.product-info .dia-chi{color: #2196F3;
		margin-bottom: 15px;} .product-short-description{color: #555;
    font-size: 15px;}
.product-main{padding-bottom:0}button.hotline{width:100%; padding:0;display:block;}
.product-page-sections h5{text-transform: none;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0;
		color: #001560;}div#reviews.woocommerce-Reviews, .devvn_prod_cmt{max-width:100%}#comments a.btn-reviews-now,button#devvn_cmt_submit, button#devvn_cmt_replysubmit, .woocommerce #review_form #respond p.form-submit input#submit, .woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit{
    background-color: #f16328;
    text-transform: none;
				font-weight: 500;}
button.hotline a{background:#ff4500;border-radius:8px;color:white; text-transform:none;letter-spacing:0; width:100%;display:block;}
.box-thong-tin ul li{font-size:15px;list-style: none;
    background-image: url(/wp-content/uploads/2023/10/arrow-next-small-svgrepo-com.svg);
    margin-left: 0;
    margin-bottom: 0;
    padding: 10px;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position-y: 14px;
    padding-left: 20px;
}
.box-thong-tin ul li:nth-child(odd){background-color:#f8f8f8}
.box-thong-tin li .value{
    margin-left: 5px;
    color: #0084ed;}
.box-thong-tin{box-shadow: 2px 2px 20px #0000001a;
    padding: 10px;
    border-radius: 10px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 1px solid #e1e1e1;
}.woocommerce #review_form #respond p.form-submit input#submit{padding:0 10px}.woocommerce #reviews #comments h2 {
    font-size: 20px;
    font-weight: 500;
}
.woocommerce-product-attributes th{text-transform: none;
    font-weight: 500;
    letter-spacing: 0;}.product-section {
    border-top: 0;
}button#devvn_cmt_submit{color:white}.star-rating span:before{color: #FFC107;}.has-equal-box-heights .box-image {
    padding-top: 20%;
}
.archive .product-small.box, .related .product-small.box{box-shadow: 2px 2px 20px #0000001a;
    padding: 10px;
    border-radius: 10px;border: 1px solid #e1e1e1;}
.archive .product-small .box-thong-tin, .related .product-small .box-thong-tin{padding:0;border:none; box-shadow:none}
.archive .product-small .box-thong-tin ul li:nth-child(odd), .related .product-small .box-thong-tin ul li:nth-child(odd) {
    background-color: white;
}
.archive .product-small.box .box-thong-tin ul li, .related .product-small.box .box-thong-tin ul li{
    padding: 3px 0px 3px 20px;background-position-y:center}
.archive .product-small .box-thong-tin, .related .product-small .box-thong-tin{margin-top:10px}
.archive .product-small .product-title a, .related .product-small .product-title a{font-size: 22px;
    color: #031358;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 26px;}
.archive .product-small .dia-chi, .related .product-small .dia-chi{font-size: 15px;
		color: #626262;}.archive .product-small .product-title a:hover, .related .product-small .product-title a:hover{color:#f16329}
.archive .product-small.box:hover, .related .product-small.box:hover {
    box-shadow: 2px 2px 20px #ffa07e4d;
    border: 1px solid #FFC107;
}
.archive .product-small .large-3 a, .related .product-small .large-3 a{display: block;
    margin: 10px 0;}
.archive .product-small .large-3, .related .product-small .large-3{font-size: 16px;}
.related .box-vertical .box-image{width: 25%;}
.related .product-small .box-text{padding-bottom:0}
.blog-archive .large-12{text-align:left;padding-bottom:0}
.blog-archive .page-title{    text-transform: none;
    letter-spacing: 0;
    font-size: 35px;
    font-weight: 600;
    color: #031358;
    margin-bottom: 6px;}
.blog-archive .post-item .col-inner{    box-shadow: 2px 2px 20px #0000001a;
    padding: 10px;
    border-radius: 10px;}
.blog-archive .post-item .box-text{padding-right:0}
.blog-archive .post-item .post-title{    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;}
.blog-arcchive .post-item .from_the_blog_excerpt{color: gray;
    font-size: 14px;
    margin-top: 8px;}
.blog-archive .post-item .ngay-thang{    color: #2196F3;
		font-size: 14px;}.blog-archive .post-item .post-title:hover{color:orangered}
.blog-archive .large-8{padding-right:0}span.widget-title{text-transform: none;
    letter-spacing: 0;
    font-size: 20px;
    color: #f16328;}
.rank-math-breadcrumb p{margin-bottom:8px;font-size:14px}.entry-content {
    padding-bottom: 0;
    padding-top: 0;
}.wp-caption .wp-caption-text{background:none}
.entry-content h2, .section-content h2{font-size: 22px;
    font-weight: 600;
    color: #031358;}

.section-title span {
    border: none;
    padding: 0;
}
.entry-content h3, .content-area .section-content h3{font-size: 21px;
    font-weight: 600;
    color: #031358;}
.entry-content h4, .content-area .section-content h4{font-size: 20px;
    font-weight: 600;
    color: #031358;}
.entry-content h5, .content-area .section-content h5{font-size: 19px;
    font-weight: 600;
    color: #031358;}
.blog-single .blog-share{text-align:left}.xem-them .tieu-de-xem-them {
font-weight: 600;
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    color: #08195c;
}
.xem-them ul li {margin-left:17px;
    margin-bottom: 3px;
}
.xem-them ul li a:hover{color:#f16329}
.xem-them ul li a {
    font-weight: 400;
    font-size: 16px;
    color: #222222;
}
.xem-them ul li a:hover, .bai-viet-lien-quan h4:hover{color:#f16328;
    text-decoration: underline;
}.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan h3 {
font-weight: 600;
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    color: #08195c;
}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 33.33%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 150px;
    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;font-weight:normal;
    overflow: hidden;
}
.blog-single .large-8{padding-right:0}
.blog-single .entry-title{font-size: 26px;
    font-weight: 600;
    color: #031358;
}
.blog-single .large-8 .is-divider{display:none}
.blog-single .entry-meta{text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;}
.archive h1.shop-page-title{font-size: 25px;
    font-weight: 600;
		color: #031358;}.woocommerce-result-count, .woocommerce-ordering select{border-radius:20px; font-size:14px;}
.archive .product-small .box-text{padding-bottom:0} #shop-sidebar, .bo-loc{
    display: inline-block;
}#shop-sidebar .berocket_single_filter_widget, .bo-loc .berocket_single_filter_widget{
    margin-right: 10px;
    display: inline-block;
    width: auto;
    float: left;
}.bapf_sfilter {
    margin-bottom: 15px;
}.bapf_head {
    display: none;
}.bapf_slct select {
    width: 100%;
    font-size: 1em;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 30px;
    padding: 0 25px 0 10px;
}option {
    font-size: 15px;
}
.woocommerce-result-count{margin-right:0}
.bapf_sfilter.bapf_button_berocket .bapf_button {
    text-transform: none;
    font-size: 15px;
    padding: 0px 30px;
		border-radius: 20px;}
.related h3{text-transform: none;
    letter-spacing: 0;
    font-size: 23px;
    font-weight: 600;
    color: #00114a;}
.section-vi-sao .large-3{flex-basis:20%; max-width:20%}
.section-vi-sao .icon-box h3{    text-align: center;
    font-size: 18px;
    font-weight: 500;
		color: #f16328;}.section-vi-sao .icon-box p{font-size:15px}
.lien-he-1 .icon-box {
    background: #fff;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 2px 2px 40px #0000000f;
}
.lien-he-1 .icon-box h3{font-size: 22px;
    font-weight: 600;
    color:#f16328;}
.archive .woocommerce-ordering{display:none}
.yith-wcwl-wishlistaddedbrowse{margin-bottom:20px}
.top-bar-nav .header-wishlist-icon a{font-size:15px}
.my-account-header h1{    text-transform: none;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 0;
    color: #031358;}
#my-account-nav li a{font-size:15px !important;font-weight:500; text-transform:none;letter-spacing:0}
td.wishlist-empty{font-size:15px}.shop_table thead th {
    border-width: 3px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 500;
}
.woocommerce-form input{border-radius:8px;box-shadow:none}.woocommerce-form-login .button, .woocommerce-form-register__submit{
    margin-bottom: 0;
    text-transform: none;
    letter-spacing: 0;
    font-size: 16px;
    border-radius: 8px;
    font-weight: 600;
    background: #e66f00;
}
#login-form-popup h3{text-transform: none;
    letter-spacing: 0;
    font-size: 25px;
    font-weight: 600;
    color: #031358;}
.woocommerce-form{font-size:15px}
.lightbox-content{border-radius:10px}label{font-weight:normal}
.wishlist_table thead{display:none}td.product-thumbnail {
    max-width: 143px;
    min-width: 143px;
    width: 90px;
}
.wishlist-items-wrapper .product-name a{font-size: 18px;
    color: #334862;}
.wishlist-items-wrapper .product-name a:hover{color:orangered}
.wishlist-title-container h2{font-weight:600}
/*==========================
 SCROLL NAV (Aside + Main)
==========================*/
.sc-wrap{
    display:flex;
    align-items:flex-start;
    gap:40px;
    width:100%;
}

/* ----- ASIDE ----- */
.sc-aside{
    flex:0 0 280px;
    max-width:280px;
}
.sc-aside-inner{
    position:sticky;
    top:100px;
    border:1px solid #e5e8ef;
    border-radius:10px;
    background:#fff;
    padding:26px 24px;
}
.sc-aside-label{
    font-size:15px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
    color:#1f2a5a;
    padding-bottom:14px;
    margin-bottom:8px;
    border-bottom:3px solid #f26522;   /* gạch cam */
}
.sc-menu{
    list-style:none;
    margin:0;
    padding:0;
}
.sc-menu-item a{
    display:block;
    padding:12px 4px;
    font-size:17px;
    color:#334862;
    text-decoration:none;
    border-radius:6px;
    transition:color .2s,background .2s;
}
.sc-menu-item a:hover{
    color:#f26522;
}
.sc-menu-item.is-active a{
    color:#f26522;
    font-weight:700;
}
.sc-menu-back a{
    display:block;
    margin-top:14px;
    padding-top:16px;
    border-top:1px solid #e5e8ef;
    color:#f26522;
    font-weight:700;
    text-decoration:none;
}

/* ----- MAIN ----- */
.sc-main{
    flex:1 1 auto;
    min-width:0;
}
.sc-section{
    scroll-margin-top:120px;   /* dự phòng khi dùng anchor trực tiếp */
    margin-bottom:60px;
}
.sc-section-title{
    font-size:34px;
    font-weight:800;
    color:#1f2a5a;
    margin:0 0 18px;
    padding-bottom:16px;
    border-bottom:3px solid #f26522;
}

/* ----- MOBILE ----- */
@media only screen and (max-width: 60em){
    .sc-wrap{
        flex-direction:column;
        gap:24px;
    }
    .sc-aside{
        flex:none;
        max-width:100%;
        width:100%;
    }
    .sc-aside-inner{
        position:static;
        top:auto;
    }
    .sc-section-title{
        font-size:26px;
    }
}

/*==========================
 TUYỂN SINH ĐẠI HỌC (tsdh)
==========================*/
.tsdh-col-side .col-inner{border-right:1px solid #ececec;padding-right:26px;position:sticky;top:100px;align-self:flex-start;}
.tsdh-menu-top a{display:block;padding:12px 0;color:#9a9a9a;font-weight:600;font-size:18px;text-decoration:none;position:relative;transition:.2s;}
.tsdh-menu-top a:hover{color:#1a1a1a;}
.tsdh-menu-top a.tsdh-active{color:#1a1a1a;font-weight:700;padding-left:60px;}
.tsdh-menu-top a.tsdh-active .tsdh-bar{position:absolute;left:0;top:50%;width:42px;height:2px;background:#c8102e;transform:translateY(-50%);}
.tsdh-list{list-style:none;margin:26px 0 0;padding:0;}
.tsdh-list li{margin-bottom:20px;}
.tsdh-list a{display:flex;gap:10px;align-items:flex-start;color:#c8102e;font-weight:700;font-size:15px;line-height:1.45;text-decoration:none;transition:.2s;}
.tsdh-list a:hover{color:#8a0b1f;}
.tsdh-list .ic{flex:none;font-size:16px;line-height:1.4;}

/* Sidebar dạng element Button (native UX Builder) */
.tsdh-col-side .btn{margin:0;}
a.button.tsdh-nav-btn,
a.button.tsdh-prog-btn{width:100%!important;margin:0!important;border:none!important;border-radius:0!important;background:none!important;box-shadow:none!important;min-height:0!important;text-align:left!important;text-transform:none!important;letter-spacing:0!important;display:block!important;transition:color .2s;}
a.button.tsdh-nav-btn:hover,
a.button.tsdh-prog-btn:hover{background:none!important;box-shadow:none!important;}
a.button.tsdh-nav-btn{padding:12px 0!important;line-height:1.4;font-size:18px;font-weight:600;color:#9a9a9a;position:relative;}
a.button.tsdh-nav-btn:hover{color:#1a1a1a;}
a.button.tsdh-nav-btn.tsdh-active{color:#1a1a1a;font-weight:700;padding-left:60px!important;}
a.button.tsdh-nav-btn.tsdh-active:before{content:"";position:absolute;left:0;top:50%;width:42px;height:2px;background:#c8102e;transform:translateY(-50%);}
a.button.tsdh-prog-btn{padding:0!important;margin-bottom:18px!important;line-height:1.45;font-size:15px;font-weight:700;color: #f1632a;white-space:normal;}
a.button.tsdh-prog-btn:hover{color:#F44336;}

.tsdh-title{font-size:42px;font-weight:800;color:#161616;margin:0 0 26px;line-height:1.1;}
.tsdh-banner{width:100%;border-radius:4px;overflow:hidden;margin-bottom:14px;}
.tsdh-banner img{width:100%;display:block;}
.tsdh-news{margin-top:6px;}
.tsdh-news-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding: 12px 4px;border-bottom:1px solid #ededed;color:#1c1c1c;font-size: 17px;font-weight: 500;line-height:1.4;text-decoration:none;transition:.2s;}
.tsdh-news-item:hover{color:#c8102e;}
.tsdh-new{flex:none;background:#e0281f;color:#fff;font-size:14px;font-weight:600;padding:7px 20px;border-radius:22px;white-space:nowrap;}
.tsdh-news-item span:first-child{flex:1;}

/* Phân trang */
.tsdh-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;margin-top:36px;}
.tsdh-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;color:#1c1c1c;font-size:18px;font-weight:500;line-height:1;text-decoration:none;transition:.2s;}
.tsdh-pagination a.page-numbers:hover{color:#e0281f;}
.tsdh-pagination .page-numbers.current{color:#e0281f;font-weight:700;}
.tsdh-pagination .page-numbers.dots{min-width:auto;}
.tsdh-pagination .prev.page-numbers,
.tsdh-pagination .next.page-numbers{width:52px;height:52px;border:1px solid #dcdcdc;border-radius:50%;color:#333;font-size:18px;}
.tsdh-pagination .prev.page-numbers:hover,
.tsdh-pagination .next.page-numbers:hover{border-color:#e0281f;color:#e0281f;}
@media only screen and (max-width:849px){
    .tsdh-col-side .col-inner{border-right:none;border-bottom:1px solid #ececec;padding-right:0;padding-bottom:10px;position:static;}
    .tsdh-title{font-size:30px;}
    .tsdh-news-item{font-size:16px;}
}

/* ============================================================
 * Header search desktop dạng icon -> bấm mới xổ ô nhập.
 * JS: assets/js/header-search.js (thêm .is-collapsible / .is-open).
 * ============================================================ */
.header-nav-main li.header-search-form.is-collapsible{
    width: auto;
}
.nav-dropdown {
    padding: 0;
    border-width: 1px;
}
.nav-dropdown>li.image-column, .nav-dropdown>li.nav-dropdown-col {
	display: block;
	min-width: auto;
	width: 100%;
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a {
	font-size: 16px;
	font-weight: 500;
	text-transform: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Cap 2 (vd: Cu nhan quoc te 2 + 2) */
.header-nav .menu-item-has-children .sub-menu .sub-menu .menu-item a {
	font-size: 15px;
	margin-left: 0;
	padding-left: 35px;
}
/* Cap 3 (vd: Han Quoc, Ba Lan) - thut vao sau hon cap 2 */
.header-nav .menu-item-has-children .sub-menu .sub-menu .sub-menu .menu-item a {
	font-size: 14px;
	padding-left: 52px;
	color: #555;
}
.nav-dropdown li {
    border-bottom: 1px solid #ece8e8;
    padding: 0;
}
.nav-dropdown li:last-child {
    border-bottom: 0;
}
/* Bỏ border của <a> (Flatsome mặc định) để divider không bị chồng thành 2px */
.nav-dropdown-default li > a,
.nav-dropdown-default .nav-dropdown-col > a {
    border-bottom: 0;
}
.nav-dropdown li .sub-menu.nav-dropdown-simple {
    border-top: 1px solid #ece8e8;
}

/* ============================================================
 * Form Popup — JS: assets/js/form-popup.js
 * Khung form: class "popup-form" | Cho bam: class "open-popup" hoac link "#popup-form"
 * ============================================================ */
.popup-form {
    display: none;
}
.popup-form-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    padding: 2.5vh 20px;
    overflow-y: auto;
    background: rgba(0, 0, 0, .6);
}
.popup-form-overlay.is-open {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.popup-form-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 640px;
    max-height: 95vh;
    margin: auto;
    padding: 46px 30px 40px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
    animation: popup-form-in .25s ease;
}
@keyframes popup-form-in {
    from { opacity: 0; transform: translateY(-16px); }
    to   { opacity: 1; transform: none; }
}
.popup-form-close {
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 3;   /* section-bg cua Flatsome (absolute, trong suot) se nuot click neu thieu */
    padding: 0;
    width: 36px;
    height: 36px;
    line-height: 1;
    font-size: 30px;
    color: #888;
    background: none;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    transition: color .2s;
}
.popup-form-close:hover {
    color: #f16328;
    background: none;
}
.popup-form-body {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.popup-form-body .popup-form {
    display: block;
    margin: 0;
    padding: 0;
}
/* Section cua Flatsome tu them padding doc -> bo di, khoang cach do .popup-form-box lo */
.popup-form-body section.popup-form > .section-content,
.popup-form-body section.popup-form .section-content > .row {
    padding-top: 0;
    padding-bottom: 0;
}
body.popup-form-lock {
    overflow: hidden;
}
@media (max-width: 549px) {
    .popup-form-box { padding: 24px 16px; }
}

/* Top-bar mobile: dong ten Vien can giua */
#top-bar .mobile-nav li.html_topbar_left {
    flex: 0 0 100%;
    width: 100%;
    text-align: center;
    justify-content: center;
}

/* GTranslate: mui ten ▼ tren top-bar (mac dinh plugin inline color:#666) */
#top-bar .gtranslate_wrapper .gt_switcher-popup span:last-child {
    color: #fff !important;
}

/* Nút icon */
.header-nav-main li.header-search-form .header-search-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:2.4em;
    height:2.4em;
    line-height:1;
    cursor:pointer;
    color:inherit;
    border-radius:50%;
    transition:color .2s,background .2s;
}
.header-nav-main li.header-search-form .header-search-toggle:hover{
    color:#f16328;
}
.header-nav-main li.header-search-form .header-search-toggle i{
    font-size:1.25em;
    margin:0;
}
/* Panel tìm kiếm: ẩn mặc định, xổ XUỐNG DƯỚI icon như bản mobile */
.header-nav-main li.header-search-form.is-collapsible .header-search-form-wrapper{
    position:absolute;
    top:100%;
    right:0;
    width:min(360px,80vw);
    padding:20px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 12px 30px rgba(0,0,0,.14);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s;
    z-index:30;
}
.header-nav-main li.header-search-form.is-open .header-search-form-wrapper{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.header-nav-main li.header-search-form.is-collapsible .header-search-form-wrapper .searchform-wrapper,
.header-nav-main li.header-search-form.is-collapsible .header-search-form-wrapper .searchform{
    width:100%;
}
/* Kết quả live-search bám theo ô nhập */
.header-nav-main li.header-search-form.is-collapsible .live-search-results{
    right:0;
    left:auto;
}
.tabbed-content ul li a {
    font-size: 15px;
    color: #031258;
}

/* ===== Tiêu đề bài viết fix cứng 2 dòng ===== */
.box-blog-post .post-title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
    min-height: 2.6em;   /* 2 dòng x 1.3 */
    margin-bottom: 8px;
}