/* =========================================================================
   brand.css - Bộ nhận diện giao diện (font + tone màu + bố cục)
   Nạp SAU cùng trong AppAsset để đè các file theme cũ.

   Tone màu: PANTONE 2945 C (xanh navy) thay cho tím #576398 cũ.
   Font chữ: Be Vietnam Pro (thay Arial/Open Sans).
   ========================================================================= */

:root {
    --navy: #013A75;   /* màu chính - PANTONE 2945 C */
    --navy-dark: #01254B;  /* hover / nền đậm */
    --navy-light: #0A63B2; /* nhấn phụ, link */
    --ink: #0B0F14;    /* chữ chính */
    --ink-soft: #414A55;   /* chữ phụ */
    --line: #E3E7EC;   /* đường kẻ */
}

/* -------------------------------------------------------------------------
   1. FONT CHỮ - Be Vietnam Pro, đậm & rõ hơn bản cũ
   ------------------------------------------------------------------------- */
html body,
body input,
body textarea,
body button,
body select,
body h1, body h2, body h3, body h4, body h5, body h6,
body .h1, body .h2, body .h3, body .h4, body .h5, body .h6,
body .btn,
body .site-nav li a,
body .product--loop__title,
body .breadcrumb {
    font-family: "Be Vietnam Pro", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

body {
    color: var(--ink);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Bản cũ đặt font-weight:300 cho toàn bộ chữ -> nhìn mảnh và mờ.
   Kéo lên 400/500 cho dễ đọc, đúng yêu cầu "cải thiện tô đậm". */
body p,
body li,
body td,
body span,
body div,
body input,
body textarea,
body select,
body button {
    font-weight: 400;
}

body h1, body h2, body h3, body h4, body h5, body h6,
body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 {
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--ink);
}

/* Tiêu đề khối lớn ở trang chủ */
#home-about-us .about-us-desc .big-title,
#home-services .our-services,
#home-articles .our-articles,
#home-partners .our-partners,
#home-testimonials .testi-title,
#home-featured-products .our-services,
#aboutUs-staffs p.title {
    font-weight: 800 !important;
    letter-spacing: -0.02em;
}

/* Menu chính: đậm hơn, chữ không bị mảnh */
#navbar .site-nav > li > a {
    font-weight: 600 !important;
    letter-spacing: 0.01em;
}

header .header-top .header-actions a,
header .header-top .header-contact a {
    font-weight: 500;
}

/* -------------------------------------------------------------------------
   2. TONE MÀU NAVY
   ------------------------------------------------------------------------- */
header .header-top {
    background: var(--navy) !important;
}

#navbar .site-nav > li.active > a,
#navbar .site-nav > li > a:hover,
#navbar .site-nav > li:hover > a {
    color: var(--navy) !important;
}

#home-about-us .about-us-desc .big-title span,
#home-services .our-services span,
#home-articles .our-articles span,
#home-partners .our-partners span,
#home-testimonials .testi-title span,
#home-featured-products .our-services span {
    color: var(--navy);
}

#home-why-us {
    background: var(--navy);
}

#back-to-top {
    background: var(--navy-dark);
}

/* -------------------------------------------------------------------------
   3. NỀN TRẮNG cho các khối: Đối tác - Sản phẩm - Dự án
      (yêu cầu: bỏ nền xám #f2f2f2)
   ------------------------------------------------------------------------- */
#home-partners,
#home-featured-products,
#home-testimonials,
#home-services,
#home-articles,
#home-about-us {
    background: #ffffff !important;
}

/* Giữ ô sản phẩm nổi bật trên nền trắng vẫn tách khối được */
#home-featured-products .product--loop {
    border: 1px solid var(--line);
    box-shadow: 0 1px 2px rgba(1, 58, 117, .04);
    transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}

#home-featured-products .product--loop:hover {
    border-color: var(--navy);
    box-shadow: 0 10px 24px rgba(1, 58, 117, .12);
    transform: translateY(-2px);
}

/* Chữ trong ô sản phẩm giữ nguyên màu xanh theo yêu cầu */
#home-featured-products .product--loop__title,
#home-featured-products .product--loop__title a {
    color: var(--navy) !important;
    font-weight: 600;
    white-space: normal;
    line-height: 1.45;
    min-height: 46px;
}

/* Logo đối tác trên nền trắng: thêm viền nhạt để không bị "trôi" */
#home-partners #owl-home-partners .item a {
    display: block;
    border: 1px solid var(--line);
    padding: 12px;
    background: #fff;
    transition: border-color .25s ease, box-shadow .25s ease;
}

#home-partners #owl-home-partners .item a:hover {
    border-color: var(--navy);
    box-shadow: 0 6px 18px rgba(1, 58, 117, .10);
}

#home-partners #owl-home-partners .item img {
    max-height: 90px;
    width: auto;
    margin: 0 auto;
    object-fit: contain;
}

/* Dự án nổi bật trên nền trắng */
#home-testimonials .testi-wrapper {
    background: #fff;
    border: 1px solid var(--line);
    padding: 12px 12px 20px;
    height: 100%;
    transition: border-color .25s ease, box-shadow .25s ease;
}

#home-testimonials .testi-wrapper:hover {
    border-color: var(--navy);
    box-shadow: 0 10px 24px rgba(1, 58, 117, .12);
}

#home-testimonials .testimonial-img img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

#home-testimonials .testi-author {
    color: var(--ink) !important;
    font-weight: 700 !important;
}

/* -------------------------------------------------------------------------
   4. KHỐI DỊCH VỤ
   ------------------------------------------------------------------------- */
#home-services .service-wrapper {
    border: 1px solid var(--line);
    padding: 0 0 16px;
    background: #fff;
    height: 100%;
    transition: border-color .25s ease, box-shadow .25s ease;
}

#home-services .service-wrapper:hover {
    border-color: var(--navy);
    box-shadow: 0 10px 24px rgba(1, 58, 117, .12);
}

#home-services .service-wrapper .service-img img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

#home-services .service-wrapper .service-title {
    padding: 0 14px;
    height: auto !important;
    min-height: 56px;
    font-weight: 700 !important;
}

#home-services .service-wrapper p {
    padding: 0 14px;
}

/* -------------------------------------------------------------------------
   5. TRANG NỘI DUNG (Giới thiệu / Chính sách / trang tĩnh trong "pages")
      Bố cục và ảnh minh hoạ theo kiểu amecc.com.vn / pc1epc.vn
   ------------------------------------------------------------------------- */
.title-page {
    position: relative;
    font-size: 30px;
    font-weight: 800 !important;
    text-transform: uppercase;
    color: var(--ink);
    margin: 6px 0 26px;
    padding-bottom: 14px;
}

.title-page:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 72px;
    height: 4px;
    background: var(--navy);
}

.trang-noi-dung {
    font-size: 16px;
    line-height: 1.85;
    color: var(--ink-soft);
    text-align: justify;
}

.trang-noi-dung p {
    margin: 0 0 16px;
}

.trang-noi-dung h2,
.trang-noi-dung h3,
.trang-noi-dung h4 {
    color: var(--navy);
    font-weight: 700;
    margin: 30px 0 14px;
}

.trang-noi-dung h2 {
    font-size: 24px;
}

.trang-noi-dung h3 {
    font-size: 20px;
}

/* Ảnh chèn trong nội dung: luôn co theo khung, canh giữa, có khung nhẹ */
.trang-noi-dung img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 22px auto;
    border: 1px solid var(--line);
}

.trang-noi-dung table {
    width: 100% !important;
    border-collapse: collapse;
    margin: 22px 0;
    display: block;
    overflow-x: auto;
}

.trang-noi-dung table td,
.trang-noi-dung table th {
    border: 1px solid var(--line);
    padding: 10px 12px;
}

.trang-noi-dung table th,
.trang-noi-dung table tr:first-child td {
    background: var(--navy);
    color: #fff;
    font-weight: 600;
}

.trang-noi-dung blockquote {
    border-left: 4px solid var(--navy);
    background: #F4F8FC;
    margin: 22px 0;
    padding: 14px 20px;
    font-style: normal;
    color: var(--ink);
}

.trang-noi-dung ul,
.trang-noi-dung ol {
    padding-left: 22px;
    margin: 0 0 16px;
}

.trang-noi-dung ul li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
}

.trang-noi-dung ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 8px;
    height: 8px;
    background: var(--navy);
}

.trang-noi-dung ol li {
    margin-bottom: 8px;
}

/* Dải tiêu đề đầu trang nội dung */
.page-hero {
    background: var(--navy);
    color: #fff;
    padding: 34px 0;
    margin-bottom: 30px;
}

.page-hero h1 {
    color: #fff !important;
    font-size: 32px;
    font-weight: 800 !important;
    text-transform: uppercase;
    margin: 0 0 6px;
}

.page-hero .page-hero-crumb,
.page-hero .page-hero-crumb a,
.page-hero .page-hero-crumb li,
.page-hero .page-hero-crumb li a {
    color: rgba(255, 255, 255, .85) !important;
    background: transparent !important;
    font-size: 14px;
}

.page-hero .page-hero-crumb {
    padding: 0;
    margin: 0;
    list-style: none;
}

.page-hero .page-hero-crumb li {
    display: inline-block;
    margin-right: 6px;
}

/* -------------------------------------------------------------------------
   6. TRANG LIÊN HỆ
      Thẻ bấm-là-gọi + form gửi yêu cầu + thông tin công ty + bản đồ.
      Form chống bot bằng bẫy mật / bẫy thời gian / câu hỏi cộng trừ
      (xem frontend/models/LienHeForm.php) - không dùng reCAPTCHA.
   ------------------------------------------------------------------------- */
.lienhe-hero {
    background: var(--navy);
    color: #fff;
    padding: 40px 0 34px;
}

.lienhe-hero h1 {
    color: #fff !important;
    font-size: 32px;
    font-weight: 800 !important;
    text-transform: uppercase;
    margin: 0 0 8px;
}

.lienhe-hero p {
    color: rgba(255, 255, 255, .88);
    font-size: 16px;
    margin: 0;
    max-width: 760px;
}

/* Hàng thẻ liên hệ nhanh */
.luoi-lienhe {
    margin-top: -38px;
    margin-bottom: 44px;
    position: relative;
    z-index: 3;
    /* flex để 4 thẻ cao bằng nhau dù nội dung dài ngắn khác nhau */
    display: flex;
    flex-wrap: wrap;
}

.luoi-lienhe > [class*="col-"] {
    display: flex;
    margin-bottom: 16px;
}

.the-lienhe {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid var(--line);
    border-top: 3px solid var(--navy);
    padding: 24px 22px;
    height: 100%;
    text-align: center;
    color: var(--ink);
    box-shadow: 0 10px 28px rgba(1, 58, 117, .08);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

a.the-lienhe:hover,
a.the-lienhe:focus {
    color: var(--ink);
    text-decoration: none;
    transform: translateY(-4px);
    border-color: var(--navy);
    box-shadow: 0 16px 34px rgba(1, 58, 117, .16);
}

.the-lienhe .the-lienhe-icon {
    display: block;
    width: 58px;
    height: 58px;
    line-height: 58px;
    border-radius: 50%;
    background: #EAF1F8;
    color: var(--navy);
    font-size: 24px;
    margin: 0 auto 14px;
}

a.the-lienhe:hover .the-lienhe-icon {
    background: var(--navy);
    color: #fff;
}

.the-lienhe .the-lienhe-nhan {
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--ink-soft);
    margin-bottom: 6px;
}

.the-lienhe .the-lienhe-gt {
    display: block;
    font-size: 19px;
    font-weight: 700;
    color: var(--navy);
    word-break: break-word;
    line-height: 1.4;
}

.the-lienhe .the-lienhe-phu {
    display: block;
    font-size: 14px;
    color: var(--ink-soft);
    margin-top: 6px;
}

/* ---- Ô gửi yêu cầu (form liên hệ) ---- */
.o-lien-he {
    background: #fff;
    border: 1px solid var(--line);
    border-top: 3px solid var(--navy);
    padding: 28px 28px 24px;
    box-shadow: 0 10px 28px rgba(1, 58, 117, .08);
    height: 100%;
}

.o-lien-he .o-lien-he-title {
    font-size: 22px;
    font-weight: 800 !important;
    text-transform: uppercase;
    color: var(--ink);
    margin: 0 0 6px;
}

.o-lien-he .o-lien-he-title span {
    color: var(--navy);
}

.o-lien-he .o-lien-he-desc {
    color: var(--ink-soft);
    margin: 0 0 20px;
}

.o-lien-he .form-group {
    margin-bottom: 14px;
}

.o-lien-he input[type="text"],
.o-lien-he input[type="email"],
.o-lien-he input[type="tel"],
.o-lien-he textarea {
    width: 100%;
    height: 46px;
    border: 1px solid var(--line);
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 15px;
    color: var(--ink);
    background: #fff;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.o-lien-he textarea {
    height: auto;
    min-height: 150px;
    resize: vertical;
}

.o-lien-he input:focus,
.o-lien-he textarea:focus {
    outline: none;
    border-color: var(--navy);
    box-shadow: 0 0 0 3px rgba(1, 58, 117, .12);
}

/* Yii gắn class has-error lên .form-group khi trường sai */
.o-lien-he .has-error input,
.o-lien-he .has-error textarea {
    border-color: #D0342C;
}

.o-lien-he .help-block {
    color: #D0342C;
    font-size: 13px;
    margin: 5px 0 0;
}

.o-lien-he .help-block:empty {
    display: none;
    margin: 0;
}

/* Câu hỏi kiểm tra thay cho reCAPTCHA */
.o-lien-he .o-cau-hoi {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 14px;
    background: #F4F7FB;
    border: 1px solid var(--line);
    border-radius: 4px;
    padding: 14px 16px;
    margin: 4px 0 18px;
}

.o-lien-he .o-cau-hoi-de {
    margin: 0;
    padding-top: 11px;
    font-weight: 500;
    color: var(--ink-soft);
    white-space: nowrap;
}

.o-lien-he .o-cau-hoi-de strong {
    color: var(--navy);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .04em;
}

.o-lien-he .o-cau-hoi .form-group {
    margin: 0;
    flex: 0 0 130px;
}

.o-lien-he .o-cau-hoi input {
    text-align: center;
    font-weight: 700;
}

/* Bẫy mật - phải luôn khuất khỏi mắt người dùng, kể cả trình đọc màn hình */
.o-lien-he .o-bay-spam {
    position: absolute !important;
    left: -9999px !important;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.o-lien-he .o-lien-he-nut {
    margin-top: 4px;
}

.o-lien-he .btn-gui,
.o-lien-he .btn-lamlai {
    min-width: 150px;
    height: 46px;
    border: 0;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    cursor: pointer;
    transition: background .2s ease;
}

.o-lien-he .btn-gui {
    background: var(--navy);
    color: #fff;
}

.o-lien-he .btn-gui:hover {
    background: var(--navy-dark);
}

.o-lien-he .btn-lamlai {
    background: #E7EBF0;
    color: var(--ink-soft);
    margin-left: 8px;
}

.o-lien-he .btn-lamlai:hover {
    background: #D7DDE5;
}

.lienhe-thanhcong {
    background: #E8F4EA;
    border: 1px solid #B7DDBE;
    color: #1E6B2B;
    padding: 14px 18px;
    border-radius: 4px;
    margin-bottom: 18px;
    font-weight: 600;
}

.lienhe-loi {
    background: #FDECEA;
    border: 1px solid #F5C2BD;
    color: #B3261E;
    padding: 14px 18px;
    border-radius: 4px;
    margin-bottom: 18px;
    font-weight: 600;
}

/* Khối thông tin văn phòng + bản đồ */
.lienhe-thongtin {
    background: var(--navy);
    color: #fff;
    padding: 30px 28px;
    height: 100%;
}

.lienhe-thongtin h2 {
    color: #fff !important;
    font-size: 21px;
    font-weight: 800 !important;
    text-transform: uppercase;
    margin: 0 0 6px;
}

.lienhe-thongtin .lienhe-slogan {
    color: rgba(255, 255, 255, .8);
    font-size: 14px;
    margin: 0 0 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
}

.lienhe-thongtin ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.lienhe-thongtin ul li {
    position: relative;
    padding: 0 0 16px 34px;
    font-size: 15px;
    line-height: 1.7;
    color: rgba(255, 255, 255, .92);
}

.lienhe-thongtin ul li i {
    position: absolute;
    left: 0;
    top: 4px;
    width: 22px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.lienhe-thongtin ul li strong {
    display: block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(255, 255, 255, .62);
    margin-bottom: 2px;
}

.lienhe-thongtin ul li a {
    color: #fff !important;
    word-break: break-word;
}

.lienhe-thongtin ul li a:hover {
    text-decoration: underline;
}

.lienhe-mangxahoi {
    margin-top: 4px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .18);
}

.lienhe-mangxahoi a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .35);
    color: #fff !important;
    margin: 0 6px 6px 0;
    font-size: 17px;
    transition: background .2s ease, border-color .2s ease;
}

.lienhe-mangxahoi a:hover {
    background: #fff;
    border-color: #fff;
    color: var(--navy) !important;
}

/* Bản đồ */
.lienhe-bando {
    border: 1px solid var(--line);
    padding: 0;
    margin-top: 34px;
    overflow: hidden;
}

.lienhe-bando iframe {
    display: block;
    width: 100%;
    height: 420px;
    border: 0;
}

.lienhe-bando-trong {
    margin: 0;
    padding: 40px 20px;
    text-align: center;
    color: var(--ink-soft);
    background: #F4F7FB;
}

.lienhe-chidon {
    display: inline-block;
    margin-top: 18px;
    background: #fff;
    color: var(--navy) !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 14px;
    padding: 12px 22px;
    transition: background .2s ease, color .2s ease;
}

.lienhe-chidon:hover {
    background: rgba(255, 255, 255, .86);
    text-decoration: none;
}

/* Dải kêu gọi gọi điện ở cuối trang liên hệ */
.lienhe-cta {
    background: #F4F7FB;
    border: 1px solid var(--line);
    padding: 28px;
    margin: 44px 0 10px;
    text-align: center;
}

.lienhe-cta p.lienhe-cta-title {
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--ink);
    margin: 0 0 6px;
}

.lienhe-cta p.lienhe-cta-desc {
    color: var(--ink-soft);
    margin: 0 0 18px;
}

.lienhe-cta .nut-goi,
.lienhe-cta .nut-mail {
    display: inline-block;
    min-width: 200px;
    padding: 13px 26px;
    margin: 6px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    transition: background .2s ease, color .2s ease;
}

.lienhe-cta .nut-goi {
    background: var(--navy);
    color: #fff !important;
}

.lienhe-cta .nut-goi:hover {
    background: var(--navy-dark);
    text-decoration: none;
}

.lienhe-cta .nut-mail {
    background: #fff;
    color: var(--navy) !important;
    border: 1px solid var(--navy);
}

.lienhe-cta .nut-mail:hover {
    background: var(--navy);
    color: #fff !important;
    text-decoration: none;
}

/* Khoảng thở giữa nội dung và footer trên các trang có dải tiêu đề navy */
.lienhe-hero + .wrapper,
.page-hero + .wrapper {
    padding-bottom: 56px;
}

/* -------------------------------------------------------------------------
   7. TRANG DỊCH VỤ
   ------------------------------------------------------------------------- */
/* flex để các thẻ dịch vụ trong cùng hàng cao bằng nhau */
.luoi-dich-vu {
    display: flex;
    flex-wrap: wrap;
}

.luoi-dich-vu > [class*="col-"] {
    display: flex;
}

.gioi-thieu-dich-vu {
    max-width: 900px;
    margin-bottom: 34px;
}

.the-dich-vu {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid var(--line);
    margin: 0 0 24px;
    color: var(--ink);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

a.the-dich-vu:hover,
a.the-dich-vu:focus {
    text-decoration: none;
    color: var(--ink);
}

.the-dich-vu:hover {
    border-color: var(--navy);
    box-shadow: 0 12px 28px rgba(1, 58, 117, .12);
    transform: translateY(-3px);
}

.the-dich-vu .the-dich-vu-anh {
    overflow: hidden;
    display: block;
}

.the-dich-vu .the-dich-vu-anh img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    transition: transform .4s ease;
}

.the-dich-vu:hover .the-dich-vu-anh img {
    transform: scale(1.06);
}

.the-dich-vu .the-dich-vu-noidung {
    display: block;
    padding: 18px 18px 22px;
}

.the-dich-vu .the-dich-vu-ten {
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: var(--ink);
    text-transform: uppercase;
    margin: 0 0 10px;
    line-height: 1.4;
}

.the-dich-vu:hover .the-dich-vu-ten {
    color: var(--navy);
}

.the-dich-vu .the-dich-vu-mota {
    display: block;
    color: var(--ink-soft);
    font-size: 15px;
    line-height: 1.75;
    margin: 0;
    text-align: justify;
}

/* -------------------------------------------------------------------------
   8. RESPONSIVE
   ------------------------------------------------------------------------- */
@media (max-width: 991px) {
    .page-hero h1,
    .lienhe-hero h1 {
        font-size: 24px;
    }

    .title-page {
        font-size: 24px;
    }

    .luoi-lienhe {
        margin-top: -24px;
        margin-bottom: 30px;
    }

    .lienhe-thongtin {
        margin-bottom: 24px;
    }

    .lienhe-bando iframe {
        height: 340px;
    }

    .o-lien-he {
        margin-bottom: 24px;
    }
}

@media (max-width: 767px) {
    #home-services .service-wrapper .service-img img,
    #home-testimonials .testimonial-img img,
    .the-dich-vu .the-dich-vu-anh img {
        height: 200px;
    }

    .the-lienhe {
        margin-bottom: 16px;
    }

    .the-lienhe .the-lienhe-gt {
        font-size: 17px;
    }

    .lienhe-cta .nut-goi,
    .lienhe-cta .nut-mail {
        display: block;
        min-width: 0;
        margin: 8px 0 0;
    }

    .o-lien-he {
        padding: 20px;
    }

    .o-lien-he .o-cau-hoi .form-group {
        flex: 1 1 100%;
    }

    .o-lien-he .btn-gui,
    .o-lien-he .btn-lamlai {
        display: block;
        width: 100%;
        margin: 10px 0 0;
    }

    .trang-noi-dung {
        font-size: 15px;
    }
}