body, html {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #333;
}
.content-caption {
  display: flex;
  justify-content: center;
}

.body-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ================= TEXT EFFECT ================= */
.text-caption {
  position: relative;
  overflow: hidden;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.2;
}

/* giữ layout */
.text-visibli-hidden {
  visibility: hidden;
  white-space: nowrap;
}

.text-caption p {
  margin: 0;
}

/* chữ thật (animate mask) */
.text-caption p:nth-child(3) {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  opacity: 0;
  white-space: nowrap;
}

/* khi active */
.text-caption.is-visible p:nth-child(3) {
  animation: showLetterSlider 1.9s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation-delay: var(--d);
}

body.home #logo img {
	filter: brightness(0) invert(1) !important;
  opacity: 0.9;
}
.banner h2, .hero-title {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(48px, 6vw, 96px);
  font-weight: 900;
  letter-spacing: 1.2px;
  color: #e01919;
  text-shadow:
    0 1px 0 rgba(255,255,255,0.15),
    0 6px 18px rgba(0,0,0,0.25);
}
.banner-title {
  background: linear-gradient(90deg, #fff, #ffe600, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: glowText 2s ease-in-out infinite alternate;
}

@keyframes glowText {
  0% { filter: brightness(1); }
  100% { filter: brightness(1.5); }
}

/* đánh máy */
@keyframes typing {
  from { width: 0; }
  to   { width: 100%; }
}

/* nháy con trỏ */
@keyframes blink {
  0%, 50%, 100% { border-color: transparent; }
  25%, 75% { border-color: #1553a3; }
}

.category-banner {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
	background-color: #000279;
}
.category-banner .banner-title {
    font-size: 2em;
}
.category-banner .banner-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    z-index: 2;
}

.icon-box .icon-inner img{
    height: 80px;
    animation: icon-rotate 30s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes icon-rotate{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
body.home .header-main .nav > li > a {
	color: #fff;	
}
body.archive .page-title {
	display: none;
}
.blog-archive .box-blog-post {
    background: #fff;
    border-radius: 14px;
    transition: all 0.35s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
	border: 1px solid #ddd;
}
.blog-archive .box-blog-post:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0,0,0,0.12);
}
.post-item .box-image {
   
}
.blog-archive .box-blog-post .box-text {
	padding-left: 7px;
}
.box-blog-post > .badge.post-date {
    /* display: none; */
}
/* Zoom ảnh khi hover */
.post-item img {
    transition: transform 0.5s ease;
}

.post-item:hover img {
    transform: scale(1.08);
}
@media only screen and (min-width: 768px) {
	
	
}
@media only screen and (min-width: 1300px) {
	
}