/*
Theme Name: Vinhomes
Description: This is a child theme for Flatsome Theme
Theme URI: https://vhmseo.com
Author: vhmseo.com - 0833585658
Author URI: https://vhmseo.com
Template: flatsome
Version: 3.18.4
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* ======================================================
   CSS Style Guide - Starlake The Prime
   ====================================================== */
   /* Tạo một lớp vỏ bọc (wrapper) cho các bảng rộng.
   Class này sẽ được thêm vào thẻ DIV bao quanh thẻ TABLE.
*/
   .table-responsive-wrapper {
       display: block;
       width: 100%;
       overflow-x: auto;
       /* Đây là chìa khóa: Kích hoạt cuộn ngang */

       /* Hiệu ứng cuộn mượt "native" trên iOS */
       -webkit-overflow-scrolling: touch;

       /* Đồng bộ style với bảng (bo góc, viền) */
       border: 1px solid var(--border-color, #DDDDDD);
       border-radius: 8px;
       /* Giống bo góc của .content-table */
       margin: 25px 0;
       /* Giống margin của .content-table */
   }

   /* Khi bảng .content-table nằm BÊN TRONG wrapper này,
   chúng ta xóa viền, bo góc và margin của nó đi
   để lớp vỏ bọc bên ngoài kiểm soát.
*/
   .table-responsive-wrapper .content-table {
       margin: 0;
       border-radius: 0;
       border: none;
       box-shadow: none;

       /* Đặt chiều rộng tối thiểu cho bảng để KÍCH HOẠT cuộn.
       Nếu bảng của bạn rộng hơn, hãy tăng con số này (ví dụ: 800px).
    */
       min-width: 400px;
   }

ul.sub-menu li ul {
    padding-left: 10PX ! IMPORTANT;
}

/* === Basic Reset & Body === */
body {
    font-family: 'Montserrat', sans-serif;
    color: var(--text-color);
    line-height: 1.7; /* Tăng line-height cho dễ đọc */
    font-size: 16px; /* Cỡ chữ cơ bản */
    background-color: var(--background-color);
    margin: 0;
    padding: 0;
}

/* === Typography === */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    margin-top: 1.5em;
    margin-bottom: 0.8em;
    line-height: 1.3;
}

h1 {
    font-size: 2.2em; /* ~36px */
    font-weight: 700;
    color: var(--primary-color);
}

h2 {
    font-size: 1.75em; /* ~28px */
    font-weight: 600;
    color: var(--text-color);
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

h3 {
    font-size: 1.4em; /* ~22px */
    font-weight: 700;
    color: var(--text-color);
}

h4 { /* Dùng cho tên Type căn hộ */
    font-size: 1.1em; /* ~18px */
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
}

p {
    margin-bottom: 1.2em;
}

a {
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    text-decoration: underline;
    color: var(--accent-color);
}

strong {
    font-weight: 700;
}


/* === Images & Figures === */
figure {
    margin: 30px 0; /* Tăng khoảng cách trên dưới */
    padding: 0;
}

.highlighted-image { /* Dùng để làm nổi bật ảnh quan trọng */
    border: 3px solid var(--primary-color);
    box-shadow: 0 0 15px rgba(0, 61, 91, 0.4);
}

/* === CSS cho bảng class .content-table === */
.content-table {
    width: 100%;
    border-collapse: collapse; 
    margin: 25px 0;
    font-size: 0.95em;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    border-radius: 8px;
    overflow: hidden;
    border: none;
}

.content-table th,
.content-table td {
    padding: 12px 15px;
    border: 1px solid var(--border-color);
    vertical-align: middle;
}

.content-table thead {
    background-color: var(--primary-color);
}

.content-table th {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 1.05em;
    border-color: var(--primary-color);
    text-align: center;
    vertical-align: middle; 
}

.content-table td {
    text-align: left;
}

.content-table td:first-child {
    text-align: center;
    font-weight: 600;
    color: var(--primary-color);
}

.content-table tbody tr:nth-child(even) {
    background-color: var(--offwhite-background);
}

.content-table tbody tr:nth-child(odd) {
    background-color: #FFFFFF;
}

.content-table tbody tr:last-child td {
    border-bottom: none; 
}


/* Áp dụng cho các hàng chẵn trong thân bảng (tbody) */
.content-table tbody tr:nth-child(even) {
    background-color: var(--offwhite-background);
    /* Giữ hiệu ứng ngựa vằn */
}

/* Đảm bảo hàng lẻ có nền trắng */
.content-table tbody tr:nth-child(odd) {
    background-color: #FFFFFF;
}

/* Bỏ viền của ô cuối cùng hàng (trông sạch sẽ hơn) - Tùy chọn */
.content-table td {
    border-bottom: 1px solid var(--border-color);
}

.content-table tbody tr:last-child td {
    border-bottom: none;
    /* Bỏ viền ở hàng cuối cùng */
}

.placeholder-div {
    /* Style cho placeholder ảnh */
    width: 100%;
    max-width: 600px;
    height: auto;
    min-height: 300px;
    background-color: #eee;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 16px;
    text-align: center;
    margin: 20px auto;
    /* Căn giữa placeholder */
    border: 1px dashed #ccc;
}

/* === Nút CTA Chính (Primary Button) === */
.cta-button {
    text-align: center; /* Đây là dòng quan trọng nhất để căn giữa */
    background-color: var(--offwhite-background, #F9F9F7);
    padding: 30px 20px;
    border-radius: 8px;
    margin-top: 40px;
    display: inline-block; /* Để nút nằm trên 1 hàng */
    padding: 12px 25px; /* Điều chỉnh độ lớn của nút */
    font-size: 1em; /* 16px */
    font-weight: 600; /* Semi-bold, rõ ràng */
    color: var(--custom-gold, #d2bb75);
    background-color: var(--primary-color); /* Nền Xanh Đen */
    text-decoration: none; /* Bỏ gạch chân */
    border-radius: 5px; /* Bo góc */
    margin: 10px 8px; /* Khoảng cách giữa các nút */
    text-align: center;
    border: 1px solid var(--primary-color); /* Viền cùng màu */
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Hiệu ứng Hover cho nút Chính */
.cta-button:hover {
    background-color: var(--primary-color); /* Đổi nền sang Vàng Logo */
    color: var(--text-color, #ffffff);
    border-color: var(--accent-color); /* Đổi viền sang Vàng Logo */
    text-decoration: none;
    transform: translateY(-2px); /* Hiệu ứng nổi nhẹ */
}

/* Trạng thái bình thường: Nút viền Vàng, chữ Vàng */
.cta-button-secondary {
    background-color: var(--background-color);
    /* Nền trắng */
    color: var(--accent-color);
    /* Chữ màu Vàng Logo */
    border: 1px solid var(--accent-color);
    /* Viền màu Vàng Logo */

    /* Ghi đè lại các thuộc tính của .cta-button nếu cần */
    display: inline-block;
    padding: 12px 25px;
    font-size: 1em;
    font-weight: 600;
    text-decoration: none;
    border-radius: 5px;
    margin: 10px 8px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

/* Hiệu ứng Hover: Nền Vàng, chữ Trắng */
.cta-button-secondary:hover {
    background-color: var(--accent-color);
    /* Nền đổi sang Vàng Logo */
    color: var(--background-color);
    /* Chữ đổi sang Trắng (hoặc #003D5B nếu muốn) */
    border-color: var(--accent-color);
    /* Viền vẫn là Vàng Logo */
    transform: translateY(-2px);
    text-decoration: none;
}

/* === Nút CTA Nhỏ (Internal Link dưới Layout) === */
.cta-small a {
    font-size: 0.9em;
    font-weight: bold;
    margin-top: 15px;
    display: inline-block;
    color: var(--primary-color);
    padding: 8px 15px;
    background-color: #F0F8FF; /* Nền Xanh nhạt */
    border: 1px solid #ec2c2c; /* Viền xanh nhạt hơn */
    border-radius: 5px;
    transition: background-color 0.3s;
}

.cta-small a:hover {
    background-color: #e0f0ff; /* Đậm hơn khi hover */
    text-decoration: none;
    color: var(--primary-color);
}


/* === Responsive (Example for smaller screens) === */
@media (max-width: 768px) {
    body { font-size: 15px; }
    article { margin: 20px auto; padding: 0 15px; }
    h1 { font-size: 1.8em; }
    h2 { font-size: 1.5em; }
    h3 { font-size: 1.25em; }
    .cta-button { font-size: 0.95em; padding: 10px 20px; }
    .image-gallery { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
}

.row.row-small, .container-width, .full-width .ubermenu-nav, .container, .row{max-width: 100% !important; margin-left:0!important; margin-right:0!important}
.blog-wrapper .large-8.col {padding: 0;}
.row-large>.col, .blog-single .large-8.col{padding:0 15px 15px}
body{font-family:"Montserrat",sans-serif;font-weight:0;color:#000}
a{color:#c63337;}
.nav > li > a,.header-nav ul li a{font-weight:700;}
.mobile-sidebar-levels-2 .nav > li > ul > li > a{font-weight:700;}
h1,h2,h3,h4,h5,h6,.heading-font,.off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family:"Montserrat",sans-serif;}
h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight:700;}
h1,h2,h3,h4,h5,h6,.heading-font{color:#1f4e81;}
.home p,.page-wrapper p{text-align:justify}
.page nav.rank-math-breadcrumb p{text-align:center;}
.alt-font{font-family:"Alex Brush",sans-serif;font-weight:0!important;}
a:hover{color:#1f4e81;}
.tagcloud a:hover{border-color:#1f4e81;background-color:#1f4e81;}
.absolute-footer,html{background-color:#dae6ef}
div.img{margin-bottom:35px!important;}
.wp-caption {margin-bottom: 1em;}
/* Custom CSS */
.banner-section .text-inner{border-radius:10px;background:#1f4e81bf;padding:10px;}
.page-template-page-transparent-header-php .header-main .header-inner{background:#ffffffb5;margin-top:20px;border-radius:10px;box-shadow:2px 2px 10px #0000003b;}
.section1 ul{margin-bottom:0}
.nut-xem-chi-tiet{font-weight:normal;font-size:15px;letter-spacing:0}
.row-logo{box-shadow:2px 2px 20px #00000024}
.section1 .large-12 ul li{text-align:left;list-style:none!important;padding:7px 15px 7px 30px!important;margin-bottom:5px;counter-increment:item;position:relative;}
.section1 .large-12 ul li:before{position:absolute;font-size:1.5em;left:-15px;background-color:#73633f;top:0;color:#fff;line-height:32px;padding:0 10px;}
.col.large-12{padding-bottom:0}
.stuck .header-inner{margin-top:0!important;background:none!important;box-shadow:none!important}
.video-section .box:hover>.box-text{background:#c63337!important;}
.video-section .box:hover .play{opacity:0;transform:scale(5) translateX(10px);}
.video-section .play{position:absolute;width:100%;height:30%;background-image:url(assets/images/play-button-blue.png);background-size:45px;background-repeat:no-repeat;background-position:center left;top:39%;transform:translateY(-50%);transition:all 1s;transform-origin:center left;}
.row-logo .col{padding-bottom:0}
.video-section .box .box-text{padding:10px}
.video-section .col.medium-4{padding-bottom:0}
.video-section .box .box-text h4{text-transform:none;}
.slider-nav-dots-dashes-spaced .flickity-page-dots .dot{height:5px;width:30px;background:white;border-radius:4px;border:none;}
.section-title-center span:after{content:"";display:table;clear:both;background:url(assets/images/line.png);width:100%;height:20px;background-repeat:no-repeat;background-position-x:center;background-position-y:bottom;padding-top:0px;}
.nav-spacing-xlarge>li{margin:0 15px;}
.header-button .button{font-size:16px}
.section-title b{background:#00000000}
.gioi-thieu-section .heading{position:absolute;font-size:300px;color:rgba(37,37,37,.05);right:-69%;top:-95px;line-height:300px;font-size:250px}
.gioi-thieu-section .cot2 p{margin-bottom:10px;right:-91px;color:#1f4e81;}
.gioi-thieu-section .col{padding-bottom:0}
.gioi-thieu-section .heading2{top:0px;color:rgba(37,37,37,.05)!important}
.banner-section h2{text-transform:uppercase;font-size:33px;}
.tieu-chi-section{background-image:url(assets/images/home-icons-bg-2-1.png);background-repeat:no-repeat;background-position-y:43px;background-size:1920px;background-color:#ddeaf7;background-blend-mode:soft-light;}
.tieu-chi-section .icon-box h3{color:#c43236}
.tieu-chi-section .col{padding-bottom:0}
.tab-du-an .tab-panels{border:none;background-color:#fff;padding:20px 0 0 0;border-top:1px solid #36608e;}
.list-post .post-item .post-title{font-family:"roboto",sans-serif;font-size:16px;text-transform:none;font-weight:normal;color:white;margin-bottom:8px;height:41px;overflow:hidden;}
.box-blog-post .is-divider{display:none}
.lien-he-section .col{padding-bottom:0}
ul li.bullet-star{border-bottom:none}
input[type='submit']{margin-bottom:0;border-radius:20px;font-weight:normal;letter-spacing:0;text-transform:none;background:#c63337!important}
.lien-he-section input[type='email'],.lien-he-section input[type='tel'],.lien-he-section input[type='text'],.lien-he-section textarea{border-radius:20px;font-size:15px;}
.lien-he-section form{margin-bottom:0}
.list-post .post-item .post-meta{color:#45aae4;}
.tab-du-an .nav-tabs > li.active > a{border-top-color:#1f4e81;border-left:1px solid #36608e;border-right:1px solid #36608e;border-top-left-radius:5px;border-top-right-radius:5px;background:white!important;color:#033258;border-bottom-left-radius:0;border-bottom-right-radius:0;text-transform:none;font-size:16px;}
.tab-du-an .nav-tabs > li a{margin:0 2px;position:relative;background:-moz-linear-gradient(-60deg,#052342 0%,#005182 100%);background:-webkit-linear-gradient(-60deg,#052342 0%,#005182 100%);background:linear-gradient(150deg,#052342 0%,#005182 100%);text-transform:none;font-size:14px;color:#fff;border-color:transparent;padding:6px 16px;border-radius:3px;transition:transform .5s;}
.list-du-an .page-col .box-text .box-text-inner p{font-size:18px;line-height:25px;color:#00578a;}
.list-du-an .page-col .box-text{opacity:1!important;box-shadow:none;padding:10px;margin:auto;margin-bottom:-30px!important;width:85%!important;}
.list-du-an .page-box:hover> .box-text{box-shadow:0px -17px 10px #1f4e8185;}
.list-du-an .page-box{margin-bottom:20px;overflow:inherit!important;}
.footer-section{background:url(assets/images/footer-bg-1.png);background-repeat:repeat-x;background-size:inherit;background-position-y:bottom;background-attachment:fixed;}
.footer-section .cot3 ul li{list-style:none;margin:10px 0;}
.footer-section .cot3 ul li a{color:#204874}
.footer-section .cot3 ul li a:hover{text-decoration:underline}
.footer-section .col{padding-bottom:0}
.absolute-footer{color:rgb(33,72,115);}
a.back-to-top{background:#334862!important;border:none!important;color:white}
.parallax-title h1{color:white;font-size:25px;}
.parallax-title .rank-math-breadcrumb a{color:#57cbff}
.parallax-title .rank-math-breadcrumb{font-size:15px;color:white;margin-top:0;}
.dai-ly-lien-ket ul li{background:url(assets/images/check@2x.png);background-repeat:no-repeat;width:50%;float:left;display:inline-block;margin-left:0;margin-bottom:10px;background-size:15px;background-position-y:center;padding-left:20px;}
.dai-ly-lien-ket ul{margin-bottom:0}
.parallax-title .entry-header{max-width:500px;margin:8.8% auto;background:#1f4e82bd;padding:20px;border-radius:10px;}
.blog-archive .archive-page-header{background:#e6f4ff;padding:15px 0;margin-bottom:20px}
.blog-archive .rank-math-breadcrumb{margin-bottom:6px;font-size:15px;}
.blog-archive h1.page-title{margin-bottom:5px;color:#204a77;}
.blog-archive .large-9,.blog-single .large-9,.page-right-sidebar .large-9{padding-right:20px}
.recent-blog-posts a:hover{color:#c63337}
.blog-archive .post-item .box-text{padding:15px}
.blog-archive .large-9 .badge{display:none}
.blog-archive .post-item .box-image .image-cover{border-radius:10px;}
.blog-archive .post-item .post-title{margin-top:0;margin-bottom:10px;font-family:"roboto",sans-serif;text-transform:none;font-size:19px;color:#204a77;}
.mr-half{margin-right:10px;}
.blog-archive .large-3,.blog-single .large-3,.page-right-sidebar .large-3{padding-left:0px}
.recent-blog-posts a{font-weight:600;margin-bottom:0;font-size:14px;color:#204a80;line-height:18px;}
.blog-single .entry-header,.widget{background:#f3f3f3;padding:10px;border-radius:6px;}
.ftwp-widget{padding:0;}
.widget .is-divider{display:none}
span.widget-title{text-transform:none;letter-spacing:0;font-size:20px;font-weight:normal;color:#c63337;}
.widget>ul>li{border-top:0!important;}
.widget .current-cat>a{color:#204a77;}
.widget_categories ul li a{color:black;font-size:15px;padding:2px 0;}
.recent-blog-posts-li .badge{height:70px;width:90px;}
.recent-blog-posts-li span.badge-timer{color:#8a8a8a;font-size:12px;}
.blog-archive .nav-pagination>li>a{border:none!important;background:#bdbdbd;color:white!important;}
.blog-archive .post-item:hover>.post-title{color:red}
.blog-archive .post-item a:hover{color:#c63337}
.blog-archive .post-item:hover>.post-title{color:#c63337}
.blog-archive .post-item .col-inner{border-radius:10px;box-shadow:2px 2px 5px #00000012;}
.blog-archive .archive-page-header .large-12{text-align:left}
.blog-single .rank-math-breadcrumb{font-size:13px;}
.blog-single .entry-meta{font-size:14px;text-transform:none;letter-spacing:0;color:gray;}
.blog-single .entry-title{text-transform:none;color:#1f4e84;font-size:25px;}
.single-page p{text-align:justify;}
.single-page .wp-caption{margin-bottom:1em}
footer.entry-meta a{border-radius:0 2px 2px 0;padding:4px 7px 3px;font-size:11px;line-height:14px;text-transform:uppercase;position:relative;background:#f1f1f1 none repeat scroll 0 0;color:#656565;margin-left:10px;margin-bottom:5px;}
footer.entry-meta a:before{border-top:10px solid transparent;border-right:8px solid #f1f1f1;border-bottom:10px solid transparent;content:"";height:0;position:absolute;top:0;left:-8px;width:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
footer.entry-meta a:after{background-color:#fff;border-radius:50%;content:"";height:4px;position:absolute;top:8px;left:-2px;width:4px;}
footer.entry-meta a:hover{text-decoration:underline;}
.blog-single .danh-muc{margin-bottom:10px;color:black}
.blog-single footer.entry-meta{border-bottom:1px solid #ececec;font-size:15px}
.entry-header-text{padding:0;}
.blog-archive .tieu-de-bai-viet{display:none}
.wp-caption .wp-caption-text{background:white;}
.bai-viet-lien-quan{margin-top:20px;}
.blog-single .meta-related ul li a:hover{color:red;text-decoration:underline}
.blog-single .meta-related ul li{margin-bottom:5px;color:#FFC107;}
.blog-single .meta-related ul{margin-bottom:0;font-size:15px}
.blog-single .meta-related{background:#FFECB3;padding:10px;border-radius:4px;margin-bottom:20px;}
.tieu-de-bai-viet .container{padding-left:7px;padding-right:7px;}
.blog-archive .post-item .col-inner:hover{box-shadow:2px 2px 20px #0000001f;}
.bai-viet-lien-quan h2{text-transform:uppercase;font-size:19px;margin-bottom:15px;color:#c63337;}
.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%;float:left;padding-left:4px;padding-right:5px;}
.bai-viet-lien-quan ul li .box-image img{height:180px;border-radius:6px;object-fit:cover;object-position:center;}
.bai-viet-lien-quan ul li h3{height:65px;overflow:hidden;font-size:16px;font-weight:bold;color:#29527f;margin-top:7px;line-height:21px;font-family:"roboto",sans-serif;text-transform:none;}
.bai-viet-lien-quan ul li h3:hover{text-decoration:underline;color:#c63337}
.thong-tin-tac-gia{background:#eef7ff;padding:15px;border-radius:5px;display:inline-block;width:100%;clear:both;border:1px solid #d7edff;}
.thong-tin-tac-gia .left{width:15%;float:left;display:inline-block;}
.thong-tin-tac-gia .right{padding-left:10px;width:85%;float:right;display:inline-block;text-align:left;}
.thong-tin-tac-gia .right p{color:#204a79;margin-bottom:0;font-size:15px;}
.thong-tin-tac-gia h4{color:#c63337;text-transform:uppercase;font-size:19px;margin-bottom:4px;}
.icon-box2 .icon-box-img img{padding-top:0;border-radius:99%}
.cac-li-do .icon-box{background:white;padding:20px;margin-bottom:20px;border-radius:6px}
.video-section .col.large-12{padding-bottom:30px!important}
.stuck #logo img{max-height:83px!important;background:#fff;padding:10px;border-bottom-left-radius:10px;box-shadow:2px 2px 20px #00000014;border-bottom-right-radius:10px;}
.section1{background-image:url(assets/images/bg-empire-2-20220428033856.png);background-repeat:no-repeat;background-size:54%;background-position-x:100%;}
.section1 ul li{margin-bottom:0;background-image:url(/wp-content/uploads/2024/06/cropped-globalgate-icon-180x180.png);background-repeat:no-repeat;background-size:22px;background-position-y:3px;list-style:none;margin-left:0;padding-left:25px;}
.banner2 p{margin-bottom:0;margin-top:0}
.section3 .alt-font,.section2 .alt-font,.section5 .alt-font{margin-bottom:0}
.section4 .bg{background-attachment:fixed}
.banner2 h2{line-height:45px;}
.section1 .flickity-page-dots{bottom:-30px}
.section5 .box{background:linear-gradient(45deg,#443337,#e2d2b2);}
.section6 .col{padding-bottom:0}
.section5 .box .box-text{min-height:290px;padding:15px}
.section5 .box h3{font-size:20px;margin-bottom:10px}
.label-new.menu-item > a:after{content:"New";}
.label-hot.menu-item > a:after{content:"Hot";}
.label-sale.menu-item > a:after{content:"Sale";}
.label-popular.menu-item > a:after{content:"Popular";}
.accordion-title{font-weight:600;color:#003366!important;font-size:100%}
.formtaibanggia{border:2px dotted #f00;border-radius:5px;margin-top:30px;margin-bottom:40px;padding-bottom:0!important}
div#checkbox-1{background:#fff;border-radius:5px;padding-top:15px;padding-bottom:15px;margin:0 7px;}
span.forminator-checkbox-label{font-size:14px;font-weight:600;color:#156fbf;}
.page-wrapper div#checkbox-1{margin:0;padding:15px}
.page-wrapper span.forminator-checkbox-label{font-size:13px}
.page-wrapper .formtaibanggia h3{font-size:24px}
.formtaibanggia .img{margin-bottom:5px!important}
.forminator-name--field{background:url(assets/images/account-circle-line.png) no-repeat 6px 6px #fff!important;text-indent:25px;border-radius:5px;border:1px dotted #c80108}
input[type=email]{background:url(assets/images/mail-line.png) no-repeat 6px 6px #fff!important;text-indent:25px;border-radius:5px;border:1px dotted #c80108}
.forminator-field--phone{background:url(assets/images/phone-line.png) no-repeat 6px 6px #fff!important;text-indent:25px;border-radius:5px;border:1px dotted #c80108}
a.dmca-badge{display:block;}
blockquote{font-size: 14px; font-style: normal; margin: 0 0 .7em !important; padding-left: 10px; border-left: 5px solid #0ea211; padding: 7px 0 7px 10px; border-radius: 3px; background: #4caf5036;}
blockquote p { margin: 0; }
blockquote a{font-weight: 700}
table{border:0;table-layout:fixed;width:100%!important;text-align:center;border-collapse:collapse;margin-bottom:1em;}
table td,table th{border:1px solid #009efb;text-transform:unset;padding:9px 12px;text-align:left;line-height:1.3;font-size:.9em}
table th{background-color:#1f4e81;color:#fff;letter-spacing:unset;text-align:center}
table tbody td{font-size:15px}
table tr:nth-child(even){background:#f4feff}
th:first-child,td:first-child{padding:9px 12px;font-weight:600;}
table.banggia th:first-child,table.banggia td:first-child{width:8%}
td{color:#111}
@media only screen and (max-width:48em){

	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	div#checkbox-1{margin:0;padding:15px;}
	.formtaibanggia p{margin-bottom:0;}
	.header.has-transparent,.header.transparent{position:inherit;}
	.gioithieuduan .alt-font span{font-size:180%!important}
	.page-template-page-transparent-header-php .header-main .header-inner{margin-top:0;border-radius:0}
	.off-canvas-center .mfp-content{padding-top:0;}
	.off-canvas-center .mfp-container{background:#01254c;}
	.off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family:"Oswald",sans-serif;color:white;font-weight:normal;}
	.banner-section .text-box{width:95%!important}
	.section-title-container{margin-bottom:10px;}
	.list-post .post-item{padding-bottom:15px;flex-basis:50%;max-width:50%}
	.list-post .post-item:nth-child(2n+1){padding-right:7px;}
	.list-post .post-item:nth-child(2n+2){padding-left:7px;}
	.list-post .post-item .post-title{font-size:13px;height:48px}
	.gioi-thieu-section .cot1 .gap-element,.gioi-thieu-section .heading{display:none!important}
	.list-du-an .page-col .box-text .box-text-inner p{font-size:15px;line-height:20px;}
	.footer-section .col{flex-basis:100%;max-width:100%}
	.blog-archive .large-9,.blog-single .large-9,.page-right-sidebar .large-9,.blog-archive .large-3,.blog-single .large-9,.page-right-sidebar .large-3,.blog-archive .large-3,.blog-single .large-3,.page-right-sidebar .large-3{padding-left:10px;padding-right:10px}
	.bai-viet-lien-quan ul li{width:50%}
	.bai-viet-lien-quan ul li .box-image img{height:100px;}
	.bai-viet-lien-quan ul li h3{font-size:14px}
	.blog-archive .archive-page-header .large-12{text-align:center;}
	.dai-ly-lien-ket ul li{width:100%}
	.ux-logo img{height:100px}
	.dark .button{font-size:15px!important;padding-left:5px;padding-right:5px}
	.stuck #logo img{max-height:66px!important;}
	.section7 .button{font-size:20px!important}
	.blog-archive .rank-math-breadcrumb p{text-align:center}
}