/* ===========================
   HTC Brand Fonts (Local)
   =========================== */
.gioi-thieu { background-image: url("assets/images/bg-gioi-thieu.png"); background-size: cover; background-repeat: no-repeat; }
.wrapper-gioi-thieu .title-gioi-thieu { display: flex; align-items: center; justify-content: center; }
.wrapper-gioi-thieu .title-gioi-thieu h2 { font-family: 'Roboto Condensed Bold', sans-serif; color: #0058bb; font-weight: bold; font-size: 2.2rem; }
.wrapper-gioi-thieu .title-gioi-thieu .title-gioi-thieu-item { border-radius: 30px; border: 1px solid #0058bb; text-align: center; font-family: 'Roboto', sans-serif; font-size: 1.7rem; color: #0058bb; }
.wrapper-gioi-thieu .content-gioi-thieu { display: flex;font-family: 'Roboto', sans-serif; font-size: 16px; margin: 30px 0; text-align: justify; text-justify: inter-word; }
.wrapper-gioi-thieu .content-gioi-thieu .video-gioi-thieu { box-sizing: border-box; padding-right: 15px; width: 100%; flex: 1; }
.wrapper-gioi-thieu .content-gioi-thieu .wsboxtitlecontent { padding: 0; margin: 0; flex: 1; }
.wrapper-gioi-thieu .content-gioi-thieu .video-gioi-thieu .wpb_video_wrapper { overflow: hidden; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20); }
.wrapper-gioi-thieu .content-gioi-thieu .video-gioi-thieu iframe { border-radius: 12px; }
.gram-so-lieu-noi-bat { position: relative; background: rgb(29 73 148); color: aliceblue; font-family: 'Roboto', sans-serif; padding: 15px 0; margin: 50px 0; }
.ong-nhua-noi-bat { position: absolute; bottom: -30px; right: -85px; max-width: 38%; }
.gram-so-lieu-noi-bat .item-info { font-size: 2.2rem; }
.gram-so-lieu-noi-bat .ten { font-size: 1.2rem; }
.gram-so-lieu-noi-bat .wpb_wrapper { display: flex; justify-content: center; align-items: center; text-align: center; }
.wrapper-sp-kinh-doanh { padding: 30px 0; text-align: justify; text-justify: inter-word; }
.content-sp-dinh-doanh { font-family: 'Roboto', sans-serif;  margin: 10px 0; text-align: justify; text-justify: inter-word; }
.content-sp-dinh-doanh-col-1 { flex: 1; }
.content-sp-dinh-doanh-col-2 { flex: 1; }
.content-sp-dinh-doanh-col-2-img { max-width: 80%; margin: 20px auto; }

/* Wrapper chính */
.wrapper-san-pham-noi-bat { margin-top: 30px; }
.san-pham-noi-bat-item .title-box {
    font-size: 16px;
    line-height: 1.5;
    min-height: 65px;
}

/* Từng card sản phẩm */
.san-pham-noi-bat-item { background: #f7f7f7; border-radius: 14px; padding: 0 15px 0 0; display: flex; margin: 20px 0; flex-direction: column; align-items: center; text-align: center; transition: all 0.25s ease; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06); }
.swiper-container .partner-box img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 4;
    object-fit: cover;
    object-position: center;
    border-radius: 6px;
}
.swiper-container .partner-name {
    text-align: center !important;
    color: #bfbfbf !important;
    font-size: 10px;
    margin-top: 5px;
}
/* Hover nâng card */
.san-pham-noi-bat-item:hover { transform: translateY(-6px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); }
.san-pham-noi-bat-item img { width: 100%; height: auto; aspect-ratio: 700 / 500; object-fit: cover; object-position: center; border-radius: 6px; }
.san-pham-noi-bat-item .link-box { background: #e3ba55 !important; border-radius: 30px !important; padding: 8px 20px !important; font-family: 'Roboto', sans-serif; color: white !important; font-size: 1.1rem; border: none; transition: all 0.25s ease; }
.san-pham-noi-bat-item .link-box:hover { background: #c59f42 !important; }
.wrapper-doi-tac-cua-htc { background: rgb(29 73 148); padding: 50px 0; color: #fff; }
.fake-line { max-width: 100%; height: 1px; background-color: #f8e0e0; margin: 20px auto; font-family: 'Roboto', sans-serif; }
.tintuc-sukien { font-family: 'Roboto', sans-serif; padding: 30px; }
.tintuc-sukien-title { color: #0058bb; font-size: 2.2rem; font-weight: bold; margin: 20px; }
.tintuc-sukien .box-item-webseo.style-1 { display: flex; gap: 20px; background: #ffffff; padding: 18px; border-radius: 12px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10); align-items: flex-start; margin-bottom: 10px; }
.tintuc-sukien .box-item-webseo .img-box { width: 200px; flex-shrink: 0; }
.tintuc-sukien .box-item-webseo .img-box img { width: 100%; height: auto; border-radius: 12px; object-fit: cover; }
.tintuc-sukien .box-item-webseo .caption-box { flex: 1; }
.tintuc-sukien .box-item-webseo .caption-box p strong { font-size: 20px; font-weight: 700; color: #004A9F; display: block; margin-bottom: 8px; }
.tintuc-sukien .box-item-webseo .caption-box p { font-size: 15px; line-height: 1.6; color: #333; margin-top: 0; margin-bottom: 8px; }

/* Xóa margin thừa ở đoạn cuối */
.box-item-webseo .caption-box p:last-child { margin-bottom: 0; }
@media (max-width:992px) {
    .san-pham-noi-bat-item { flex: 1 1 calc(50% - 20px); }
}
@media (max-width:600px) {
    .san-pham-noi-bat-item { flex: 1 1 100%; }
    .wrapper-gioi-thieu .title-gioi-thieu .title-gioi-thieu-item p, .wrapper-gioi-thieu .title-gioi-thieu h2 { text-align: center; }
    .number-count-item { width: 100%; margin-bottom: 40px; }
    .wrapper-gioi-thieu .content-gioi-thieu .video-gioi-thieu { padding-right: 0; }
    .sub-title-box { color: #00008b; padding: 10px 0; font-size: 130%; font-weight: 700; text-align: center; }
    .tintuc-sukien-title { font-size: 1.6rem; margin: 20px 0; }
    .tintuc-sukien { padding: 0; }
    .latest-content h3 { font-size: 16px; line-height: 1.5; }
    .latest-content .latest-excerpt { display: none; }
    .latest-news-list .latest-item { border-bottom: 1px dashed #1d4994; padding-bottom: 9px; border-radius: 0; margin-bottom: 10px; }
    .tintuc-sukien-col-2 { margin: 30px 0; }
    .san-pham-noi-bat-img { text-align: center; margin: 10px; }
    .san-pham-noi-bat-item .san-pham-noi-bat-title p { font-family: 'Roboto', sans-serif; font-size: 1rem; color: #333; text-align: center !important; margin-bottom: 20px; }
.wrapper-gioi-thieu .content-gioi-thieu {

    flex-direction: column;
}
}