.home-banner img{
	width: 100% !important;
	
}
.home-left .home01-bg .ho01-right {
    font-size: 1rem;
}

.template-01 .banner-header ul li .title-page {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 3.375rem;
    padding: 0 1.25rem;
    background: rgba(7, 41, 80, 0.8);
    text-transform: uppercase;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 0;
    display: inline-block;
}

.phone-bar a {
    text-decoration: none;
}
h3{
	font-size: 1.25rem !important;
}
.footer-left ul li img{
    position: relative;
    top: -1px;
    margin-right: 5px;
}
span.logo-nav{
    width: 13.25rem;
    height: 5.125rem;
    margin-bottom: -3.5875rem;
    padding-top: 5px;
}
h1{
    margin: 0;
}
.wrap-footer .footer-mid ul li img{
	object-fit: contain !important;
}
#tin-tuc ul li:first-child img{
	object-fit: contain !important;
	height: 6.5rem;
}
.single #tin-tuc ul li:first-child{
	width: 20%;
}
.single #tin-tuc ul li{
	width: 80%;
}
.slide-top .slideTop .swiper-slide.swiper-slide-active .slide-image img{
	display: none;
}

.single .banner-header{
    display: none;
}
.single .content-text{
    padding-top: 100px;
}
.hd-breacrum{
    padding-bottom: 15px;
}
.hd-breacrum a{
    text-decoration: none;
    color: #000;
}
.share-bottom{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px dotted #b7b7b7;
    border-bottom: 1px dotted #b7b7b7;
    padding: 10px 0;
}
.share-bottom a{
    color: #000;
        margin-left: .25em;
        margin-right: .25em;
        display: inline-block;
}

@media (max-width: 767px){
	.slide-top .slideTop .swiper-slide.swiper-slide-active .slide-image img{
		display: block
	}
	.slide-top{
		height: auto;
	}
	.slide-top .slideTop .slide-image{
		background: none;
		height: auto;
		transform: none;
	}
	.content-txt iframe{
		width: 100% !important;
		height: 200px !important;
	}
	.footer-left strong{
	font-size: 16px !important;
	}
}
.footer-left strong {
  font-size: 1.5rem !important;
  text-transform: uppercase !important;
  margin-bottom: 0.9375rem !important;
  line-height: 140% !important;
  display: inline-block !important;
}
@media (max-width: 1000px){
	.wp-caption{
		max-width: 100% !important;
	}
	.wp-caption img{
		max-width: 100% !important;
		width: auto !important;
	}
}
@media (max-width: 480px){
	.single #tin-tuc ul li:first-child{
		width: 100%;
	}
	.single #tin-tuc ul li{
		width: 100%;
	}
	.tin-tuc-row ul li{
		width: 100% !important;
	}
	.tin-tuc-row ul li:first-child{
		margin-bottom: 15px;
	}
	.tin-tuc-row ul li:first-child img{
		height: auto !important;
	}
}
.title-custom {
    font-family: "Roboto Condensed", Sans-serif;
    font-size: 28px;
    font-weight: 900;
    line-height: 40px;
}
.col-xl-12 video {
    display: block!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.wp-caption.aligncenter {
    margin: 0 auto; /* canh giữa toàn bộ khối */
    text-align: center; /* canh giữa cả caption */
}
.form-box {
    background: linear-gradient(180deg, #0852af, #052e6e);
    border: 3px solid #ffcc00;
    border-radius: 12px;
    padding: 25px;
    text-align: center;
    color: #fff;
    max-width: 700px;
    margin: 10px auto;
    font-weight: bold;   /* chữ in đậm */
    font-size: 20px;     /* chữ size 20px */
}
.form-highlight {
    background: #fff;
    color: red;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 1.6;
	font-size: 16px;
	animation: zoomInOut 2s infinite ease-in-out;
}
/* Keyframes zoom */
@keyframes zoomInOut {
    0%, 100% {
        transform: scale(1);   /* kích thước gốc */
    }
    50% {
        transform: scale(1.05); /* phóng to nhẹ */
    }
}

.form-box .hotline {
    font-size: 11px;
    margin: 13px 0;
}

.form-box .hotline span {
    color: #ffcc00;
    font-weight: 500;
}

.wpforms-form input[type="text"],
.wpforms-form input[type="tel"],
.wpforms-form input[type="email"] {
    flex: 1;
    min-width: 200px;
    padding: 12px 15px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    margin: 5px;
}

.wpforms-form button[type="submit"] {
    background: red!important;
    color: #fff!important;
    font-weight: 700;
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}

.wpforms-form button[type="submit"]:hover {
    background: #cc0000;
}

.form-box .note {
    font-size: 12px;
    color: #ffcc00;
}
.page-main-title {
    color: var(--primary);
    padding-bottom: 0.625rem;
    font-size: 1.5rem;
    border-bottom: 1px solid var(--primary);
    margin-bottom: 1.25rem;
    font-weight: bold;
}
.error-page {
    text-align: center;
    padding: 60px 20px;
    color: #333;
}

.error-page h1 {
    font-size: 3rem;
    color: red;
    margin-bottom: 20px;
}

.error-page p {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.error-page .btn-home {
    display: inline-block;
    padding: 12px 24px;
    background: #0072ff;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
    margin-top: 20px;
    transition: background 0.3s ease;
}
.error-page .btn-home:hover {
    background: #0048ba;
}
table {
    width: 100%;              /* full chiều ngang */
    border-collapse: collapse; /* gộp viền cho gọn */
}

table, th, td {
    border: 1px solid #000;   /* viền màu đen */
}

th, td {
    padding: 8px 12px;        /* khoảng cách trong ô */
    text-align: left;         /* canh chữ bên trái (có thể đổi center) */
}
.content-text strong {
    color: var(--primary);
}
.title-post-re {
    text-transform: uppercase;   /* Chuyển chữ thành in hoa */
    color: var(--primary);       /* Màu chủ đạo */
    font-size: 1.25rem;          /* Kích thước chữ */
    font-weight: bold;           /* In đậm */
    text-decoration: none;       /* Bỏ gạch chân (nếu là thẻ a) */
}
.wrap-header .header-nav ul.menu li:not(:last-child){
margin-right: 4rem;
}
.thankyou-page {
    text-align: center;
    padding: 80px 20px;
}

.thankyou-page h1 {
    font-size: 3rem;
    font-weight: bold;
    color: var(--primary);
    margin-bottom: 20px;
}

.thankyou-page h2 {
    font-size: 1.75rem;
    margin-bottom: 15px;
}

.thankyou-page p {
    font-size: 1.1rem;
    margin-bottom: 30px;
}

.btn-zalo {
    display: inline-block;
    padding: 12px 25px;
    background: #0068ff;
    color: #fff;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.3s;
}

.btn-zalo:hover {
    background: #004bb5;
}
:root{
            --primary:  <?php the_field('colorPrimary', 'option') ?>;
            --clText: #333333;
        }
.spinner-border {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.pt-60{
	padding-top: 50px;
}

.kk-star-ratings {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}
.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Tỉ lệ 16:9 */
  height: 0;
  overflow: hidden;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.single-athu {
    padding-left: 10px;
}

.single-athu i {
    margin-right: 5px; /* Nếu muốn icon cách chữ một khoảng */
}
.footer-mid ul.keyword-list {
    list-style: none !important; /* bỏ bullet mặc định */
    padding: 0 !important;
    margin: 0 !important;
}

.footer-mid ul.keyword-list li {
    display: block !important; /* mỗi li xuống hàng */
    margin-bottom: 0.5rem !important;
    position: relative; /* cho pseudo */
    padding-left: 1.5rem; /* chừa chỗ cho icon */
}

.footer-mid ul.keyword-list li::before {
    content: "✔"; /* symbol tích */
    color: white; /* màu trắng */
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1em;
}

.footer-mid ul.keyword-list li a {
    display: inline-block !important;
    color: white !important;
    text-decoration: none !important;
}

.footer-mid ul.keyword-list li a:hover {
    text-decoration: underline !important;
}
.acc-title {
    margin: 0;
    font-size: 1.1rem!important;
    color: inherit; /* Lấy màu từ accordion-button */
    width: 100%;
    text-align: left;
}