@media (min-width: 1200px) {
    .menu-section > ul > li:first-child {
        margin-left: 0;
    }

    .menu-container nav.menu-section>ul {
        display: flex;
        justify-content: space-between;
    }
}

.box-header-top {
    background: radial-gradient(circle at 20% 20%, rgba(37, 99, 235, .35), transparent 26%), radial-gradient(circle at 80% 0%, rgba(124, 58, 237, .34), transparent 28%), linear-gradient(180deg, #020617, #0f172a 58%, #020617);
}

.box-section-home-01 {
    padding-top: 30px;
    padding-bottom: 50px;
}

.swiper-slider-main img {
    border-radius: 12px;
}

.box-search .input-group .form-control {
    height: 37px;
    background: #f3f3f3;
    border-radius: 70px !important;
    padding: 5px 10px;
}

.box-search .input-group .input-group-append .btn-submit {
    position: absolute;
    height: 33px;
    width: 85px;
    border-radius: 50px;
    right: 2px;
    top: 2px;
    z-index: 5;
    padding: 0;
    font-size: 13px;
}

.box-header-menu {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 0px #0000, 0px 0 #0000, 0 2px 8px rgba(0,0,0,.08);
}

.view-small-view {
    background: #0972CE1A;
    border-radius: 16px;
    padding: 20px;
}

.view-small.view-small-view .name .article-category {
    font-size: 14px;
    color: var(--color-highlight);
    text-transform: uppercase;
}

.view-small.view-small-view .name .title {
    font-size: 14px;
}

.view-small-view .name a {
    color: #000;
}

.view-small-view .list::-webkit-scrollbar {
    width: 5px;
    background-color: #d8d8d8;
}

.view-small-view .list::-webkit-scrollbar-thumb {
    background-color: #2c404f;
    width: 4px;
}

.box-article-update .box-list-top .article-left {
    background: #fff;
    padding: 0;
    border-radius: 15px;
}

.box-list-top .box-left .article-item .inner-image {
    margin-bottom: 0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.box-article-update .article-item .inner-image:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100px;
    width: 100%;
    background-image: linear-gradient(0deg, #000000, #00000000);
    z-index: 1;
    pointer-events: none;
}

.box-article-update .box-list-top .article-left .inner-image .img {
    padding-top: 123.5%;
}

.box-list-top .box-left .article-item .inner-content {
    position: absolute;
    bottom: 0;
    padding: 15px;
    z-index: 1;
    pointer-events: none;
}

.box-list-top .box-left .article-item .inner-content .article-title {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 12px;
}

.box-list-top .box-left .article-item .inner-content .article-title a {
    color: #fff;
}

.article-item .article-description {
    margin-bottom: 10px;
    color: var(--color-text);
    /* text-align: justify; */
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-article-update .box-left .inner-content .article-description {
    color: #fff;
}

.box-article-update .article-item {
    background: #fff;
    border-radius: 19px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.box-article-update .article-item .inner-image {
    margin-bottom: 15px;
}

.box-article-update .article-item .inner-image .img {
    border-radius: 20px;
    overflow: hidden;
}

.box-article-update .article-item .link-comment {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.article-item .inner-content .link-comment .btn-all {
    max-width: 65px;
    height: 34px;
    border: 1px solid #cbcbcb;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    color: #000;
    font-weight: 700;
    cursor: pointer;
}

.box-article-update .article-item .article-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 10px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-list-top .box-left .article-item {
    padding: 0;
    border-radius: 8px;
}

.title-link {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px !important;
    align-items: flex-end;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-size: 20px !important;
}

.news-detail {
    /* accents follow the site theme variables (currently blue) */
    --nd-gold: var(--color-highlight);
    --nd-gold-deep: var(--color-top);
    --nd-ink: var(--color-main);
    --nd-line: #e7e8ee;
    --nd-body-text: #2b313a;
    --nd-glow: rgba(37, 99, 235, 0.26);
    --nd-glow: color-mix(in srgb, var(--color-highlight) 26%, transparent);
    --nd-soft: #f1f4fb;
    --nd-soft: color-mix(in srgb, var(--color-highlight) 7%, #fff);
}

/* ---------- Dark hero header ---------- */
.nd-hero {
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
    padding: 4.6rem 4.2rem;
    background: #0b1320;
    background: radial-gradient(130% 120% at 85% 0%, var(--nd-glow), transparent 50%), radial-gradient(110% 130% at 0% 100%, rgba(255, 255, 255, 0.06), transparent 55%), linear-gradient(160deg, color-mix(in srgb, var(--color-main) 80%, #33486e) 0%, var(--color-main) 56%, color-mix(in srgb, var(--color-main) 82%, #000) 100%);
    box-shadow: 0 30px 60px -30px rgba(11, 19, 32, 0.65);
}

.nd-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1.4px);
    background-size: 24px 24px;
    opacity: 0.7;
    pointer-events: none;
}

.nd-hero::after {
    content: "";
    position: absolute;
    top: -14rem;
    right: -10rem;
    width: 34rem;
    height: 34rem;
    border-radius: 50%;
    background: radial-gradient(circle, var(--nd-glow), transparent 62%);
    pointer-events: none;
}

.nd-hero__inner {
    position: relative;
    z-index: 1;
}

.nd-hero__kicker {
    display: block;
    width: 6.4rem;
    height: 0.4rem;
    border-radius: 4px;
    margin-bottom: 2.2rem;
    background: linear-gradient(90deg, var(--nd-gold), var(--nd-gold-deep));
}

.nd-hero__title {
    margin: 0;
    color: #fff;
    font-size: clamp(2.8rem, 1.4rem + 2.4vw, 4.3rem);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -0.022em;
    text-wrap: balance;
}

.nd-hero__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.4rem 2.6rem;
    margin-top: 2.8rem;
    padding-top: 2.4rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.nd-hero .nd-author {
    display: inline-flex;
    align-items: center;
    gap: 1.2rem;
}

.nd-hero .nd-author__avatar {
    flex: 0 0 auto;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.9rem;
    color: #fff;
    background: var(--color-highlight);
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-highlight) 72%, #fff), var(--color-highlight) 55%, var(--color-top));
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18), 0 12px 24px -12px var(--nd-glow);
}

.nd-hero .nd-author__info {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.nd-hero .nd-author__info small {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--nd-gold);
    font-weight: 600;
}

.nd-hero .nd-author__info b {
    color: #fff;
    font-weight: 700;
    font-size: 1.6rem;
}

.nd-hero .nd-date {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    font-size: 1.4rem;
    color: rgba(255, 255, 255, 0.66);
}

.nd-hero .nd-date i {
    color: var(--nd-gold);
    font-size: 1.6rem;
}

.nd-hero .nd-date.post-date span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
}

/* ---------- Featured media ---------- */
.news-detail__media {
    position: relative;
}

.news-detail__media .swiper.mb-3 {
    border-radius: 1.6rem;
    overflow: hidden;
    box-shadow: 0 30px 60px -34px rgba(11, 19, 32, 0.55);
    margin-bottom: 1.2rem !important;
}

.news-detail__media .ratio-3-2 {
    border-radius: 1.6rem;
    overflow: hidden;
}

.news-detail__media [nh-slider-thumbs] .ratio-1-1 {
    border-radius: 0.9rem;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.news-detail__media [nh-slider-thumbs] .swiper-slide-thumb-active .ratio-1-1 {
    opacity: 1;
    outline: 2px solid var(--nd-gold);
    outline-offset: 2px;
}

/* ---------- Body card ---------- */
.news-detail__body {
    background: #fff;
    border-radius: 1.6rem;
    padding: 4rem 4.4rem;
    box-shadow: 0 24px 60px -40px rgba(11, 19, 32, 0.4);
}

.news-detail__lead {
    font-size: 1.9rem;
    line-height: 1.65;
    font-weight: 600;
    color: var(--nd-ink);
    margin-bottom: 2.8rem;
    padding-bottom: 2.6rem;
    border-bottom: 1px solid var(--nd-line);
}

.news-detail .article-content {
    font-size: 1.7rem;
    line-height: 1.95;
    color: var(--nd-body-text);
}

.news-detail .article-content p {
    margin-bottom: 1.8rem;
}

.news-detail .article-content h2, .news-detail .article-content h3, .news-detail .article-content h4 {
    color: var(--nd-ink);
    font-weight: 700;
    line-height: 1.35;
    margin: 3rem 0 1.4rem;
}

.news-detail .article-content h2 {
    font-size: 2.4rem;
}

.news-detail .article-content h3 {
    font-size: 2rem;
}

.news-detail .article-content h4 {
    font-size: 1.8rem;
}

.news-detail .article-content a {
    color: var(--nd-gold-deep);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    font-weight: 600;
}

.news-detail .article-content a:hover {
    color: var(--nd-ink);
}

.news-detail .article-content img {
    border-radius: 1.2rem;
    box-shadow: 0 20px 44px -28px rgba(11, 19, 32, 0.5);
}

.news-detail .article-content blockquote {
    position: relative;
    margin: 2.8rem 0;
    padding: 2rem 2.4rem 2rem 5.4rem;
    background: var(--nd-soft);
    border-radius: 1.2rem;
    color: var(--nd-ink);
    font-size: 1.8rem;
    font-style: italic;
    font-weight: 500;
}

.news-detail .article-content blockquote::before {
    content: "\201C";
    position: absolute;
    left: 1.8rem;
    top: 0.6rem;
    font-size: 5rem;
    line-height: 1;
    color: var(--nd-gold);
    font-family: Georgia, "Times New Roman", serif;
}

.news-detail .article-content ul, .news-detail .article-content ol {
    margin: 0 0 1.8rem 2rem;
}

.news-detail .article-content li {
    margin-bottom: 0.7rem;
}

.news-detail .article-content li::marker {
    color: var(--nd-gold-deep);
}

.news-detail .article-content .pCaption, .news-detail .article-content .caption, .news-detail .article-content figcaption {
    font-size: 1.35rem;
    font-style: italic;
    color: var(--gray-bold);
    text-align: center;
    padding-top: 1rem;
}

.news-detail .article-content .z-photoviewer-wrapper {
    margin: 2.6rem auto;
}

/* ---------- Tags ---------- */
.news-detail__tags {
    margin-top: 0.6rem;
}

.news-detail__tags label {
    margin-bottom: 0;
    font-weight: 700;
    color: var(--nd-ink);
}

.news-detail__tags label i {
    color: var(--nd-gold);
}

.news-detail__tags .tags li a {
    display: inline-block;
    margin: 0 0.6rem 0.6rem 0;
    padding: 0.55rem 1.5rem;
    border: 1px solid var(--nd-line);
    border-radius: 999px;
    background: #fff;
    color: var(--gray-bold);
    font-size: 1.3rem;
    line-height: 1.6;
    transition: all 0.2s ease;
}

.news-detail__tags .tags li a:hover {
    color: #fff;
    background: var(--nd-gold);
    border-color: var(--nd-gold);
    box-shadow: 0 8px 18px -8px var(--nd-glow);
}

/* ---------- Social share ---------- */
.news-detail__share {
    margin-top: 1.2rem;
}

.news-detail__share .share-title label {
    font-weight: 700;
    color: var(--nd-ink);
}

.news-detail__share .share-title label i {
    color: var(--nd-gold);
}

.news-detail__share .list-social {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-left: 1.4rem;
}

.news-detail__share .list-social .btn-social {
    float: none;
    margin: 0;
}

.news-detail__share .list-social .btn-social a {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #ececf1;
    color: var(--nd-ink);
    font-size: 1.6rem;
    box-shadow: 0 6px 16px -10px rgba(11, 19, 32, 0.4);
    transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.news-detail__share .list-social .btn-social a:hover {
    transform: translateY(-3px);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 14px 24px -10px rgba(11, 19, 32, 0.5);
}

.news-detail__share .btn-social a[title="Facebook"]:hover {
    background: #1877f2;
}

.news-detail__share .btn-social a[title="Twitter"]:hover {
    background: #1da1f2;
}

.news-detail__share .btn-social a[title="Google+"]:hover {
    background: #db4437;
}

.news-detail__share .btn-social a[title="Pinterest"]:hover {
    background: #e60023;
}

.news-detail__share .btn-social a[title="LinkedIn"]:hover {
    background: #0a66c2;
}

/* ---------- Download files ---------- */
.news-detail .entire-file {
    margin: 0.6rem 0 1.4rem;
}

/* ---------- Responsive ---------- */
@media (max-width: 767.98px) {
    .nd-hero {
        padding: 3rem 2rem;
        border-radius: 1.6rem;
    }

    .news-detail__body {
        padding: 2.4rem 1.8rem;
        border-radius: 1.4rem;
    }

    .news-detail__lead {
        font-size: 1.7rem;
    }

    .news-detail .article-content {
        font-size: 1.6rem;
        line-height: 1.85;
    }
}

.nh-contact-modern {
    --nhc-accent: var(--color-highlight, #2563EB);
    --nhc-accent-dark: var(--color-top, #1D4ED8);
    --nhc-accent-light: #60A5FA;
    --nhc-cyan: #06B6D4;
    --nhc-grad: linear-gradient(120deg, var(--nhc-accent-dark) 0%, var(--nhc-cyan) 100%);
    --nhc-ink: var(--color-main, #0B1A33);
    --nhc-radius: 24px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 8px 0 20px;
}

.nh-contact-modern *, .nh-contact-modern *::before, .nh-contact-modern *::after {
    box-sizing: border-box;
}

/* ---------- Header ---------- */
.nh-contact-modern .nhc-head {
    text-align: center;
    margin-bottom: 40px;
}

.nh-contact-modern .nhc-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--nhc-accent-dark);
    background: rgba(37,99,235,.10);
    border: 1px solid rgba(37,99,235,.30);
    border-radius: 999px;
}

.nh-contact-modern .nhc-badge i {
    font-size: 13px;
    color: var(--nhc-accent);
}

.nh-contact-modern .nhc-title {
    margin: 0;
    font-size: 34px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: var(--nhc-ink);
}

.nh-contact-modern .nhc-title::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    margin: 16px auto 0;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--nhc-accent-dark), var(--nhc-cyan));
}

.nh-contact-modern .nhc-subtitle {
    max-width: 640px;
    margin: 20px auto 0;
    font-size: 15.5px;
    line-height: 1.75;
    color: #5b6675;
}

/* ---------- Card shell ---------- */
.nh-contact-modern .nhc-card {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: var(--nhc-radius);
    box-shadow: 0 34px 70px -30px rgba(11,26,51,.34);
    overflow: hidden;
}

.nh-contact-modern .nhc-form-side {
    flex: 1 1 56%;
    min-width: 300px;
    padding: 48px 46px 42px;
}

.nh-contact-modern .nhc-info-side {
    flex: 1 1 44%;
    min-width: 280px;
    position: relative;
    padding: 48px 42px 42px;
    color: #fff;
    background: radial-gradient(120% 80% at 100% 0%, rgba(96,165,250,.30), transparent 55%), radial-gradient(90% 70% at 0% 100%, rgba(37,99,235,.28), transparent 60%), linear-gradient(160deg, #15294a 0%, var(--nhc-ink) 55%, #07101f 100%);
    overflow: hidden;
}

.nh-contact-modern .nhc-info-side::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: 26px 26px;
    -webkit-mask-image: radial-gradient(120% 90% at 100% 0%, #000 0%, transparent 70%);
    mask-image: radial-gradient(120% 90% at 100% 0%, #000 0%, transparent 70%);
    pointer-events: none;
}

.nh-contact-modern .nhc-info-side > * {
    position: relative;
    z-index: 1;
}

/* ---------- Eyebrow ---------- */
.nh-contact-modern .nhc-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 6px;
    font-size: 17px;
    font-weight: 700;
    color: var(--nhc-ink);
}

.nh-contact-modern .nhc-info-side .nhc-eyebrow {
    color: #fff;
}

.nh-contact-modern .nhc-eyebrow i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 16px;
    color: var(--nhc-accent);
    background: rgba(37,99,235,.12);
}

.nh-contact-modern .nhc-info-side .nhc-eyebrow i {
    color: var(--nhc-accent-light);
    background: rgba(96,165,250,.16);
}

.nh-contact-modern .nhc-lead {
    margin: 0 0 24px;
    padding-left: 50px;
    font-size: 14px;
    line-height: 1.6;
    color: #8a94a3;
}

.nh-contact-modern .nhc-info-side .nhc-lead {
    color: rgba(255,255,255,.7);
}

/* ---------- Form fields ---------- */
.nh-contact-modern .form-group {
    margin-bottom: 16px;
}

.nh-contact-modern .nhc-field {
    position: relative;
}

.nh-contact-modern .nhc-field__icon {
    position: absolute;
    left: 16px;
    top: 17px;
    font-size: 15px;
    color: #9aa4b2;
    pointer-events: none;
    transition: color .2s ease;
}

.nh-contact-modern .nhc-field .form-control {
    width: 100%;
    height: 52px;
    padding: 10px 16px 10px 44px;
    font-size: 14px;
    color: var(--nhc-ink);
    background: #f5f7fb;
    border: 1.5px solid #f5f7fb;
    border-radius: 14px;
    box-shadow: none;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.nh-contact-modern .nhc-field textarea.form-control {
    height: auto;
    min-height: 130px;
    padding-top: 14px;
    resize: vertical;
}

.nh-contact-modern .nhc-field--area .nhc-field__icon {
    top: 16px;
}

.nh-contact-modern .nhc-field .form-control::placeholder {
    color: #9aa4b2;
    opacity: 1;
}

.nh-contact-modern .nhc-field .form-control:focus {
    outline: none;
    background: #fff;
    border-color: var(--nhc-accent);
    box-shadow: 0 0 0 4px rgba(37,99,235,.15);
}

.nh-contact-modern .nhc-field:focus-within .nhc-field__icon {
    color: var(--nhc-accent);
}

.nh-contact-modern .nhc-field .form-control.error, .nh-contact-modern .nhc-field .form-control.invalid {
    border-color: #e3576b;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(227,87,107,.12);
}

.nh-contact-modern label.error {
    display: block;
    margin: 6px 4px 0;
    font-size: 12.5px;
    color: #e3576b;
}

/* ---------- Submit ---------- */
.nh-contact-modern .nhc-submit-wrap {
    margin-top: 22px;
    margin-bottom: 0;
}

.nh-contact-modern .btn-submit.nhc-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 54px;
    padding: 0 28px;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 14px;
    cursor: pointer;
    background: var(--nhc-grad);
    box-shadow: 0 14px 26px -12px rgba(8,145,178,.5);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.nh-contact-modern .btn-submit.nhc-submit:hover {
    color: #fff;
    filter: brightness(1.06);
    transform: translateY(-2px);
    box-shadow: 0 20px 34px -12px rgba(8,145,178,.55);
}

.nh-contact-modern .btn-submit.nhc-submit:active {
    transform: translateY(0);
}

.nh-contact-modern .btn-submit.nhc-submit i {
    transition: transform .25s ease;
}

.nh-contact-modern .btn-submit.nhc-submit:hover i {
    transform: translateX(4px) rotate(8deg);
}

.nh-contact-modern .nhc-privacy {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    font-size: 12.5px;
    color: #98a1ad;
}

.nh-contact-modern .nhc-privacy i {
    color: var(--nhc-accent);
}

/* ---------- Info items ---------- */
.nh-contact-modern .nhc-info-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nh-contact-modern .nhc-info-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.nh-contact-modern .nhc-info-item:first-child {
    padding-top: 4px;
}

.nh-contact-modern .nhc-info-item:last-child {
    border-bottom: 0;
}

.nh-contact-modern .nhc-info-item__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    font-size: 17px;
    color: var(--nhc-accent-light);
    background: rgba(96,165,250,.14);
    border: 1px solid rgba(96,165,250,.26);
}

.nh-contact-modern .nhc-info-item__label {
    display: block;
    margin-bottom: 4px;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
}

.nh-contact-modern .nhc-info-item__value {
    font-size: 15px;
    line-height: 1.55;
    color: #fff;
    word-break: break-word;
}

.nh-contact-modern .nhc-info-item__value a {
    color: #fff;
    text-decoration: none;
}

.nh-contact-modern .nhc-info-item__value a:hover {
    color: var(--nhc-accent-light);
}

/* ---------- Social ---------- */
.nh-contact-modern .nhc-social-wrap {
    margin-top: 26px;
}

.nh-contact-modern .nhc-social-label {
    margin: 0 0 12px;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
}

.nh-contact-modern .nhc-social {
    display: flex;
    gap: 10px;
}

.nh-contact-modern .nhc-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    font-size: 16px;
    color: #fff;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

.nh-contact-modern .nhc-social a:hover {
    transform: translateY(-3px);
    color: #fff;
    background: var(--nhc-accent);
    border-color: var(--nhc-accent);
}

/* ---------- Feature strip ---------- */
.nh-contact-modern .nhc-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 22px;
}

.nh-contact-modern .nhc-feature {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 22px 22px;
    background: #fff;
    border: 1px solid #eaeef5;
    border-radius: 18px;
    box-shadow: 0 14px 30px -24px rgba(11,26,51,.4);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.nh-contact-modern .nhc-feature:hover {
    transform: translateY(-3px);
    border-color: rgba(37,99,235,.5);
    box-shadow: 0 22px 38px -24px rgba(11,26,51,.5);
}

.nh-contact-modern .nhc-feature__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    font-size: 19px;
    color: #fff;
    background: linear-gradient(135deg, var(--nhc-accent-dark), var(--nhc-cyan));
}

.nh-contact-modern .nhc-feature__title {
    margin: 2px 0 5px;
    font-size: 15px;
    font-weight: 700;
    color: var(--nhc-ink);
}

.nh-contact-modern .nhc-feature__desc {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: #788192;
}

/* ---------- Responsive ---------- */
@media (max-width: 991.98px) {
    .nh-contact-modern .nhc-info-side {
        order: -1;
    }

    .nh-contact-modern .nhc-features {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .nh-contact-modern .nhc-form-side, .nh-contact-modern .nhc-info-side {
        padding: 32px 22px;
    }

    .nh-contact-modern .nhc-title {
        font-size: 26px;
    }

    .nh-contact-modern .nhc-lead {
        padding-left: 0;
    }
}

.brc-modern__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.brc-modern__item {
    display: inline-flex;
    align-items: center
}

.brc-modern__link {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .85rem;
    font-size: 1.3rem;
    line-height: 1.6;
    color: var(--color-text);
    border-radius: 999px;
    text-decoration: none;
    transition: color .2s ease,background-color .2s ease
}

.brc-modern__link:hover {
    color: var(--color-highlight);
    background: rgba(37,99,235,.08)
}

.brc-modern__home svg {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0
}

.brc-modern__current {
    margin: 0;
    padding: .35rem .85rem;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.6;
    color: var(--color-main)
}

.brc-modern__current a {
    color: inherit;
    text-decoration: none;
    pointer-events: none
}

.brc-modern__current span {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 575px) {
    .brc-modern__list {
        padding:.5rem .8rem
    }

    .brc-modern__link span,.brc-modern__current {
        font-size: 1.2rem
    }
}

.nd-top {
    --nd-gold: var(--color-highlight);
    --nd-gold-deep: var(--color-top);
    --nd-glow: rgba(37, 99, 235, 0.28);
    --nd-glow: color-mix(in srgb, var(--color-highlight) 28%, transparent);
    --nd-accent-light: #9cc0ff;
    --nd-accent-light: color-mix(in srgb, var(--color-highlight) 48%, #fff);
    position: relative;
    overflow: hidden;
    isolation: isolate;
    color: #fff;
    min-height: 42rem;
    display: flex;
    align-items: flex-end;
    background: #0b1320;
    background: linear-gradient(160deg, color-mix(in srgb, var(--color-main) 80%, #33486e) 0%, var(--color-main) 58%, #070d18 100%);
    box-shadow: 0 34px 70px -36px rgba(11, 19, 32, 0.6);
    padding: 50px 0;
}

.nd-top__bg {
    position: absolute;
    inset: 0;
    z-index: -2
}

.nd-top__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.nd-top__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(120% 90% at 82% 0%, var(--nd-glow), transparent 55%), linear-gradient(180deg, rgba(8,14,26,.55) 0%, rgba(8,14,26,.80) 55%, rgba(8,14,26,.96) 100%);
}

.nd-top__grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .55;
    pointer-events: none;
    background-image: radial-gradient(rgba(255,255,255,.08) 1px, transparent 1.4px);
    background-size: 26px 26px;
    -webkit-mask-image: linear-gradient(180deg,transparent,#000 45%);
    mask-image: linear-gradient(180deg,transparent,#000 45%);
}

.nd-top__inner {
    position: relative;
    z-index: 1;
    width: 100%;
}

.nd-top__crumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .8rem;
    font-size: 1.3rem;
    color: rgba(255,255,255,.7);
    margin-bottom: 2.2rem
}

.nd-top__crumb a {
    color: rgba(255,255,255,.7);
    transition: .2s
}

.nd-top__crumb a:hover {
    color: #fff
}

.nd-top__crumb-sep {
    opacity: .4
}

.nd-top__crumb-cur {
    color: rgba(255,255,255,.55)
}

.nd-top__pill {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
    padding: .7rem 1.5rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--nd-gold), var(--nd-gold-deep));
    box-shadow: 0 12px 26px -10px var(--nd-glow);
    transition: .2s;
}

.nd-top__pill .dot {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(255,255,255,.25)
}

.nd-top__pill:hover {
    color: #fff;
    transform: translateY(-2px)
}

.nd-top__title {
    margin: 1.8rem 0 0;
    color: #fff;
    font-weight: 800;
    line-height: 1.5;
    text-wrap: balance;
}

.nd-top__dek {
    margin: 1.8rem 0 0;
    max-width: 62ch;
    font-size: clamp(1.4rem,1.2rem+.4vw,1.8rem);
    line-height: 1.55;
    font-weight: 400;
    color: rgba(255,255,255,.82);
}

.nd-top__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.4rem 2.6rem;
    margin-top: 3rem;
    padding-top: 2.4rem;
    border-top: 1px solid rgba(255,255,255,.16);
}

.nd-top__author {
    display: inline-flex;
    align-items: center;
    gap: 1.2rem
}

.nd-top__ava {
    flex: 0 0 auto;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.9rem;
    background: var(--color-highlight);
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-highlight) 72%, #fff), var(--color-highlight) 55%, var(--color-top));
    box-shadow: 0 0 0 1px rgba(255,255,255,.2), 0 12px 24px -12px var(--nd-glow);
}

.nd-top__who {
    display: flex;
    flex-direction: column;
    line-height: 1.3
}

.nd-top__who small {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--nd-accent-light);
    font-weight: 700
}

.nd-top__who b {
    color: #fff;
    font-weight: 700;
    font-size: 1.55rem
}

.nd-top__mi {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    font-size: 1.4rem;
    color: rgba(255,255,255,.74)
}

.nd-top__mi i {
    color: var(--nd-accent-light);
    font-size: 1.6rem
}

.nd-top--plain {
    min-height: auto;
    padding: 5rem 4.6rem
}

@media (max-width: 767.98px) {
    .nd-top {
        padding:6.5rem 2rem 3rem;
        min-height: 32rem;
        border-radius: 1.6rem
    }

    .nd-top__title {
        font-size: 2.3rem
    }

    .nd-top--plain {
        padding: 3.4rem 2rem
    }
}

.blog-detail-custom > .row {
    margin-left: -20px;
    margin-right: -20px;
}

.blog-detail-custom > .row > div {
    padding-left: 20px;
    padding-right: 20px;
}

/* ---------- LEFT: sticky sidebar ---------- */
.blog-detail-custom .bd-col-left .bd-sidebar-sticky {
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: sticky;
    top: 90px;
}

/* ---------- LEFT: Table of Contents ---------- */
.blog-detail-custom .table-content-section {
    background: var(--white);
    border: 1px solid #EEEEEE;
    border-radius: 16px;
    padding: 0;
}

.blog-detail-custom .table-content-section .title-table-navigation {
    height: 58px;
    padding: 15px;
    background: #fafafa;
    border-radius: 16px 16px 0 0;
}

.blog-detail-custom .table-content-section .title-table-navigation b {
    font-weight: 600;
    color: var(--color-text);
    font-size: 20px;
}

.blog-detail-custom .table-content-section .title-table-navigation span.icon-expand {
    display: none;
}

.blog-detail-custom .box-table-nav nav {
    background: transparent;
    border-radius: 0;
    margin: 0;
    padding: 10px;
}

.blog-detail-custom .table-content li.list-item > a, .blog-detail-custom a.table-link {
    border-radius: 8px;
    padding: 10px 15px;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #3A464F;
    transition: background-color 0.2s, color 0.2s;
}

.blog-detail-custom .table-content li.list-item > a:hover {
    background: #EFF4FE;
    color: var(--color-highlight);
}

.blog-detail-custom a.table-link.is-active-link, .blog-detail-custom .table-content li.list-item > a.is-active-link {
    background: rgba(37, 99, 235, .1);
    color: var(--color-highlight);
    font-weight: 600;
}

/* ---------- LEFT: Subscribe News Weekly ---------- */
.blog-detail-custom .bd-subscribe {
    background: rgba(37, 99, 235, .06);
    border-radius: 16px;
    padding: 30px;
}

.blog-detail-custom .bd-subscribe-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 15px;
}

.blog-detail-custom .bd-subscribe-desc {
    font-size: 16px;
    color: #344346;
    margin-bottom: 16px;
}

.blog-detail-custom .bd-subscribe .form-group {
    position: relative;
}

.blog-detail-custom .bd-subscribe .form-group .form-control {
    height: 56px;
    border-radius: 70px;
    padding: 0 15px 0 45px;
}

.blog-detail-custom .bd-subscribe .form-group svg {
    position: absolute;
    top: 16px;
    left: 16px;
}

.blog-detail-custom .bd-subscribe .form-group .btn.newsletter--submit {
    position: absolute;
    right: 4px;
    top: 4px;
    height: 48px;
    width: 115px;
    border-radius: 60px;
    font-size: 16px;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 2;
    background: linear-gradient(93.07deg, var(--color-highlight) -16.41%, var(--color-top) 99.41%);
}

/* ---------- MAIN: feature image + content ---------- */
.blog-detail-custom .bd-feature-image {
    margin-bottom: 24px;
}

.blog-detail-custom .bd-feature-image .ratio-16-9 {
    border-radius: 12px;
    overflow: hidden;
}

.blog-detail-custom .bd-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-detail-custom .bd-feature-caption {
    text-align: center;
    font-size: 1.3rem;
    color: var(--gray-bold);
    margin-top: 10px;
}

.blog-detail-custom .article-content .wrap-img {
    margin-bottom: 15px;
}

/* ---------- Responsive ---------- */
@media (max-width: 1299.98px) {
    .blog-detail-custom .bd-sidebar-sticky {
        position: static;
    }

    .blog-detail-custom .bd-col-left {
        order: 2;
        margin-bottom: 60px;
    }

    .blog-detail-custom .bd-col-main {
        order: 1;
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {

    .blog-detail-custom .bd-subscribe {
        padding: 20px;
    }

    .blog-detail-custom .bd-subscribe-title {
        font-size: 24px;
    }
}

.featured-grid .row {
    margin-left: -12px;
    margin-right: -12px;
}

.featured-grid .row > [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
    display: flex;
}

.featured-grid .article-item {
    width: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    /* border: 1px solid #eef0f4; */
    border-radius: 16px;
    overflow: hidden;
    padding: 15px;
    box-shadow: 0 10px 28px -18px rgba(11, 26, 51, .5);
    transition: transform .35s ease, box-shadow .35s ease;
}

.featured-grid .article-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 40px -20px rgba(11, 26, 51, 0.35);
}

/* image */
.featured-grid .article-item .inner-image .img {
    overflow: hidden;
}

.featured-grid .article-item .inner-image img {
    transition: transform .5s ease;
}

.featured-grid .article-item:hover .inner-image img {
    transform: scale(1.06);
}

.featured-grid .article-item .inter-top .inner-image {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 15px;
}

/* category badge */
.featured-grid .article-category a {
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px !important;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.6;
    color: var(--color-highlight);
    background: color-mix(in srgb, var(--color-highlight) 10%, #fff);
    border-radius: 999px;
}

/* title */
.featured-grid .article-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.featured-grid .article-title a {
    color: var(--color-main);
}

.featured-grid .article-title a:hover {
    color: var(--color-highlight);
}

/* description */
.featured-grid .article-description {
    font-size: 14px;
    color: var(--gray-bold);
}

.featured-grid .article-item .link-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid #eef0f4;
}

.featured-grid .article-item .link-comment .comment {
    font-size: 13px;
    color: var(--gray-bold);
}

.featured-grid .article-item .link-comment .btn-all {
    max-width: 60px;
    height: 34px;
    border: 1px solid #e3e6ec;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: var(--color-main);
    transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.featured-grid .article-item:hover .link-comment .btn-all {
    background: var(--color-highlight);
    border-color: var(--color-highlight);
    color: #fff;
}

/* accent pill badges (light text on accent) */
.view-magazine .mag-badge, .view-overlay .ov-badge, .view-mosaic .mosaic-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 1.7;
    color: #fff;
    background: var(--color-highlight);
}

/* dates over dark imagery */
.view-magazine .mag-hero .mag-date, .view-overlay .ov-date, .view-mosaic .mosaic-date {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, .85);
    font-size: 13px;
    gap: 5px;
}

.view-magazine .mag-hero {
    position: relative;
    display: block;
    border-radius: 18px;
    overflow: hidden;
}

.view-magazine .mag-hero__media {
    border-radius: 18px;
    overflow: hidden;
}

.view-magazine .mag-hero img {
    transition: transform .6s ease;
}

.view-magazine .mag-hero:hover img {
    transform: scale(1.05);
}

.view-magazine .mag-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(11, 26, 51, .9) 0%, rgba(11, 26, 51, .35) 48%, rgba(11, 26, 51, 0) 72%);
    pointer-events: none;
}

.view-magazine .mag-hero__body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 26px 28px;
}

.view-magazine .mag-hero__title {
    margin: 12px 0 8px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.view-magazine .mag-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.view-magazine .mag-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #eef0f4;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.view-magazine .mag-item:hover {
    transform: translateX(4px);
    border-color: color-mix(in srgb, var(--color-highlight) 35%, #eef0f4);
    box-shadow: 0 14px 26px -18px rgba(11, 26, 51, .4);
}

.view-magazine .mag-item__media {
    flex: 0 0 96px;
    width: 96px;
    border-radius: 10px;
    overflow: hidden;
}

.view-magazine .mag-item__media img {
    transition: transform .5s ease;
}

.view-magazine .mag-item:hover .mag-item__media img {
    transform: scale(1.06);
}

.view-magazine .mag-item__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.view-magazine .mag-item__cat {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--color-highlight);
}

.view-magazine .mag-item__title {
    color: var(--color-main);
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.view-magazine .mag-item:hover .mag-item__title {
    color: var(--color-highlight);
}

.view-magazine .mag-item .mag-date {
    color: var(--gray-bold);
    font-size: 12px;
}

@media (max-width: 575px) {
    .view-magazine .mag-hero__body {
        padding: 18px;
    }

    .view-magazine .mag-hero__title {
        font-size: 19px;
    }
}
.view-overlay .ov-card {
    position: relative;
    display: block;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 28px -18px rgba(11, 26, 51, .5);
    transition: transform .35s ease, box-shadow .35s ease;
}

.view-overlay .ov-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 44px -22px rgba(11, 26, 51, .55);
}

.view-overlay .ov-card.ov-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(11, 26, 51, .92) 0%, rgba(11, 26, 51, .4) 46%, rgba(11, 26, 51, .05) 76%);
    pointer-events: none;
}

.view-overlay .ov-card__media img {
    transition: transform .6s ease;
}

.view-overlay .ov-card:hover .ov-card__media img {
    transform: scale(1.07);
}

.view-overlay .ov-card__body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 20px 22px;
}

.view-overlay .ov-card__title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 10px;
}

.view-horizontal .hz-list {
    display: flex;
    flex-direction: column;
}

.view-horizontal .hz-item {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 22px 8px;
    border-bottom: 1px solid #e9ecf2;
    transition: background .25s ease;
}

.view-horizontal .hz-item:last-child {
    border-bottom: 0;
}

.view-horizontal .hz-item:hover {
    background: color-mix(in srgb, var(--color-highlight) 4%, #fff);
}

.view-horizontal .hz-item__index {
    flex: 0 0 auto;
    width: 42px;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    color: color-mix(in srgb, var(--color-main) 22%, #fff);
    transition: color .25s ease;
}

.view-horizontal .hz-item:hover .hz-item__index {
    color: var(--color-highlight);
}

.view-horizontal .hz-item__media {
    flex: 0 0 220px;
    width: 220px;
    border-radius: 14px;
    overflow: hidden;
}

.view-horizontal .hz-item__media img {
    transition: transform .6s ease;
}

.view-horizontal .hz-item:hover .hz-item__media img {
    transform: scale(1.06);
}

.view-horizontal .hz-item__body {
    flex: 1 1 auto;
    min-width: 0;
}

.view-horizontal .hz-item__cat {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--color-highlight);
}

.view-horizontal .hz-item__title {
    margin: 8px 0;
    color: var(--color-main);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .25s ease;
}

.view-horizontal .hz-item:hover .hz-item__title {
    color: var(--color-highlight);
}

.view-horizontal .hz-item__desc {
    margin: 0 0 10px;
    color: var(--gray-bold);
    font-size: 14.5px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.view-horizontal .hz-item__date {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    color: var(--gray-bold);
}

@media (max-width: 575px) {
    .view-horizontal .hz-item {
        flex-wrap: wrap;
        gap: 14px;
    }

    .view-horizontal .hz-item__index {
        display: none;
    }

    .view-horizontal .hz-item__media {
        flex-basis: 100%;
        width: 100%;
    }

    .view-horizontal .hz-item__title {
        font-size: 17px;
    }
}

.view-mosaic .mosaic {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 200px;
    gap: 16px;
}

.view-mosaic .mosaic-item {
    position: relative;
    display: block;
    grid-column: span 1;
    grid-row: span 1;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 26px -18px rgba(11, 26, 51, .5);
    transition: transform .35s ease, box-shadow .35s ease;
}

.view-mosaic .mosaic-item:first-child {
    grid-column: span 2;
    grid-row: span 2;
}

.view-mosaic .mosaic-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 40px -22px rgba(11, 26, 51, .55);
}

.view-mosaic .mosaic-item__media {
    position: absolute;
    inset: 0;
}

.view-mosaic .mosaic-item__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.view-mosaic .mosaic-item:hover .mosaic-item__media img {
    transform: scale(1.06);
}

.view-mosaic .mosaic-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(11, 26, 51, .9) 0%, rgba(11, 26, 51, .35) 50%, rgba(11, 26, 51, 0) 78%);
    pointer-events: none;
}

.view-mosaic .mosaic-item__body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 16px 18px;
}

.view-mosaic .mosaic-item:first-child .mosaic-item__body {
    padding: 24px 26px;
}

.view-mosaic .mosaic-item__title {
    margin: 8px 0 6px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.view-mosaic .mosaic-item:first-child .mosaic-item__title {
    font-size: 24px;
    -webkit-line-clamp: 3;
}

@media (max-width: 991px) {
    .view-mosaic .mosaic {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 180px;
    }

    .view-mosaic .mosaic-item:first-child {
        grid-column: span 2;
        grid-row: span 1;
    }
}

@media (max-width: 575px) {
    .view-mosaic .mosaic {
        grid-template-columns: 1fr;
        grid-auto-rows: 200px;
    }

    .view-mosaic .mosaic-item:first-child {
        grid-column: span 1;
    }

    .view-mosaic .mosaic-item:first-child .mosaic-item__title {
        font-size: 20px;
    }
}

.view-chuyen-muc .cm-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

.view-chuyen-muc .cm-title {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    color: var(--color-main);
    line-height: 1.2;
}

.view-chuyen-muc .cm-more {
    flex: none;
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: var(--color-highlight);
    white-space: nowrap;
    transition: opacity 0.2s ease;
}

.view-chuyen-muc .cm-more:hover {
    opacity: 0.75;
}

.view-chuyen-muc .cm-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.view-chuyen-muc .cm-card {
    display: block;
    padding: 24px 22px;
    background: #fff;
    border: 1px solid #eef0f6;
    border-radius: 20px;
    box-shadow: 0 6px 22px -14px rgba(11, 26, 51, 0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.view-chuyen-muc .cm-card:hover {
    transform: translateY(-4px);
    border-color: #dbe2f3;
    box-shadow: 0 18px 34px -18px rgba(11, 26, 51, 0.28);
}

.view-chuyen-muc .cm-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 18px;
    border-radius: 14px;
    background: #eef1f6;
}

.view-chuyen-muc .cm-card__icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.view-chuyen-muc .cm-card:nth-child(5n + 2) .cm-card__icon {
    background: #fdeef4;
}

.view-chuyen-muc .cm-card:nth-child(5n + 4) .cm-card__icon {
    background: #f1f1f4;
}

.view-chuyen-muc .cm-card:nth-child(5n) .cm-card__icon {
    background: #eaf1fe;
}

.view-chuyen-muc .cm-card__title {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 700;
    color: var(--color-main);
    line-height: 1.35;
}

.view-chuyen-muc .cm-card__desc {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: #6b7280;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .view-chuyen-muc .cm-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .view-chuyen-muc .cm-head {
        margin-bottom: 18px;
    }

    .view-chuyen-muc .cm-title {
        font-size: 22px;
    }

    .view-chuyen-muc .cm-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .view-chuyen-muc .cm-card {
        padding: 18px 16px;
    }
}

.note-website {
    color: #fff;
}

.btn-nhan-tin a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 17px;
    border-radius: 999px;
    color: white;
    font-size: 14px;
    font-weight: 900;
    background: linear-gradient(135deg, #00b0fd, #0041ea);
    box-shadow: 0 14px 30px rgba(37, 99, 235, .26);
    white-space: nowrap;
}

.box-header-menu>.container>.row {
    display: flex;
    align-items: center;
}

.box-header-menu>.container>.row>div:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 20%;
    max-width: 20%;
}

.box-header-menu>.container>.row>div:nth-child(2) {
    flex: 0 0 55%;
    max-width: 55%;
}

.note-website span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--primary), var(--primary2));
    color: white;
    font-weight: 700;
    font-size: 10px;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    margin-right: 15px;
    text-transform: uppercase;
}

.view-small-view .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.view-small-view .list .article-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.view-small-view .list .article-item .inner-image {
    flex: 0 0 90px;
    max-width: 90px;
}

.view-small-view .list .article-item .inner-content {
    flex-basis: calc(100% - 90px);
    max-width: calc(100% - 90px);
    padding-left: 15px;
}

.view-small-view .list .article-item .inner-content .article-title {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.view-small-view .list .article-item .inner-content .date {
    color: #6b7280;
    font-size: 12px;
    font-weight: 600;
}

.view-small-view .list {
    display: flex;
    flex-direction: column;
}

.view-small-view .list .article-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.view-small-view .list .article-item .inner-image .img {
    border-radius: 8px;
    overflow: hidden;
}

.box-section-home-02 {
    margin-bottom: 50px;
}

.title-link .title-section {
    margin-bottom: 0;
    font-weight: 700;
    position: relative;
}

.box-article-update .article-right {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.box-article-update .article-right .article-item .inner-content {
    position: absolute;
    bottom: 0;
    padding: 15px;
    pointer-events: none;
    z-index: 1;
    left: 0;
    width: 100%;
}

.box-article-update .article-right .article-item .inner-image {
    margin-bottom: 0;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.row>div {
    padding-right: 10px;
    padding-left: 10px;
}

.box-article-update .article-right .article-item .inner-content .article-title {
    margin-bottom: 0;
    line-height: 1.4;
}

.box-article-update .article-right .article-item .inner-content .article-title a {
    color: #fff;
    font-size: 14px;
}

.box-article-update .article-right .article-item .inner-content .date {
    color: #fff;
    margin-bottom: 4px;
}

.box-section-home-03 {
    padding-bottom: 60px;
}

.title-link .link-right {
    font-size: 13px;
    font-weight: 700;
    color: var(--color-highlight);
}

.title-link .title-section:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 50px;
    height: 3px;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
}

.view-ai-tool .tools-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.view-ai-tool .tools-grid .item {
    background: white;
    border: 1px solid rgba(229, 231, 235, .9);
    border-radius: 26px;
    padding: 22px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
    position: relative;
    overflow: hidden;
}

.view-ai-tool .tools-grid .item span.cm-card__icon {
    width: 55px;
    height: 55px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: #eef2ff;
    font-size: 26px;
    margin-bottom: 18px;
}

.view-ai-tool .tools-grid .item span.cm-card__icon img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.view-ai-tool .tools-grid .item .cm-card__title {
    font-size: 18px;
    color: var(--color-text);
    margin-bottom: 10px;
    font-weight: 600;
}

.view-ai-tool .tools-grid .item .cm-card__title a {
    color: var(--color-text);
    margin-bottom: 10px;
}

.view-ai-tool .tools-grid .item .cm-card__desc {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.6;
}

.view-ai-tool .tools-grid .item .link {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-highlight);
    gap: 10px;
    display: flex;
    align-items: center;
}

.view-ai-tool .tools-grid .item:after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    right: -36px;
    top: -36px;
    background: linear-gradient(135deg, rgba(37, 99, 235, .18), rgba(124, 58, 237, .16));
    border-radius: 50%;
}

.box-section-home-04 {
    padding-bottom: 40px;
}

.box-section-home-06 {
    padding-bottom: 50px;
}

.box-section-home-07 {
    padding-bottom: 50px;
}

footer {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 20% 20%, rgba(37, 99, 235, .35), transparent 26%), radial-gradient(circle at 80% 0%, rgba(124, 58, 237, .34), transparent 28%), linear-gradient(180deg, #020617, #0f172a 58%, #020617);
    color: #cbd5e1;
    padding: 0;
}

.footer-hero {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 80px;
    align-items: center;
    padding: 56px 0 34px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.footer-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    padding: 26px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.footer-stat {
    padding: 18px;
    border-radius: 22px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .1);
}

.footer-stat .cm-card__title {
    display: block;
    color: white;
    font-size: 28px;
    letter-spacing: -.04em;
    font-weight: 700;
}

.footer-stat .cm-card__desc {
    color: #94a3b8;
    font-size: 13px;
    font-weight: 700;
}

.footer-kicker {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(96, 165, 250, .14);
    color: #bfdbfe;
    font-size: 13px;
    font-weight: 900;
    border: 1px solid rgba(147, 197, 253, .2);
    margin-bottom: 16px;
}

.footer-hero .title {
    margin: 0 0 14px;
    color: white;
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.05;
    font-weight: 700;
}

.footer-hero .dsc {
    margin: 0;
    max-width: 650px;
    color: #aab7cc;
    font-size: 16px;
    line-height: 1.75;
}

.footer-subscribe {
    padding: 22px;
    border-radius: 28px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    backdrop-filter: blur(12px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .2);
}

.footer-subscribe .title-tin {
    margin: 0 0 10px;
    color: white;
    font-size: 24px;
    letter-spacing: -.04em;
}

.footer-subscribe p {
    margin: 0 0 18px;
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.6;
}

.footer-subscribe .input-row .form-group {
    display: flex;
    gap: 10px;
}

.footer-subscribe .input-row .form-group span.btn.newsletter--submit {
    flex: 0 0 125px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 99px;
    text-transform: capitalize;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.footer-subscribe .input-row input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    padding: 0 12px;
    border-radius: 555px;
}

.input-row button {
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    color: white;
    font-weight: 900;
    padding: 11px 14px;
}

.title-footer {
    font-size: 16px;
    font-weight: 700;
    color: white;
    margin-bottom: 10px;
}

.menu-footer>ul {
    padding-left: 0;
}

.menu-footer>ul>li {
    list-style: none;
}

.menu-footer>ul>li>a {
    color: #94a3b8;
    line-height: 1.8;
    font-size: 14px;
    display: block;
    margin-bottom: 15px;
}

.section-footer-03 {
    padding: 34px 0;
}

.footer-dsc-website .logo img {
    height: 60px;
}

.footer-dsc-website .logo {
    margin-bottom: 20px;
}

.footer-dsc-website .dsc {
    color: #94a3b8;
    line-height: 1.8;
    font-size: 14px;
}

.copy {
    border-top: 1px solid rgba(255,255,255,.1);
    padding: 20px 0px;
    font-size: 13px;
    color: #64748b;
    text-align: center;
}

.list-fanpage {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

.list-fanpage .item a {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: white;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .1);
}

.list-fanpage .item img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}

.list-article-small {
    display: grid;
    gap: 15px;
}

.list-article-small .article-item {
    display: flex;
    flex-direction: row;
    background: none;
    border-radius: 0;
}

.list-article-small .article-item .inner-image {
    flex: 0 0 142px;
    max-width: 142px;
    margin-bottom: 0;
}

.list-article-small .article-item .inner-image::before {
    display: none;
}

.list-article-small .article-item .inner-content {
    flex-basis: calc(100% - 142px);
    max-width: calc(100% - 142px);
    padding-left: 15px;
}

.list-article-small .article-item .inner-image .img {
    border-radius: 12px;
    padding-top: 62%;
}

.list-article-small .article-item .inner-content .article-title {
    line-height: 1.5;
    margin-bottom: 5px;
}

.box-article-update.box-article-page .box-left .article-item .inner-image .img {
    padding-top: 78%;
    border-radius: 12px;
}

.box-article-update.box-article-page .box-left .article-item .inner-image {
    border-radius: 12px;
}

.box-article-update.box-article-page .box-list-top {
    margin-bottom: 25px;
}

.box-article-update.box-article-page .box-list-bottom>.row>div {
    margin-bottom: 20px;
}

.box-article-update.box-article-page .box-list-bottom .article-item {
    padding: 15px;
    border: 1px solid #EEEEEE;
}

.box-article-update.box-article-page .box-list-bottom .article-item .inter-top .inner-image .img {
    border-radius: 12px !important;
}

.box-article-update.box-article-page .box-list-bottom .article-item .inter-top .inner-image::before {
    display: none;
}

.list-article-small .article-item .inner-content .article-title {
    -webkit-line-clamp: 2;
}

.box-article-right-page .view-small .article-item .article-title {
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
}

.box-article-right-page .view-small .article-item .date {
    font-size: 13px;
}

.box-article-right-page .view-small .article-item:last-child {
    border-bottom: 0;
    margin: 0;
}

.box-article-detail-02 {
    padding: 60px 0;
}

.article-content .title-home {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 700;
}

.article-content h2 {
    font-size: 22px;
}

.article-content h3 {
    font-size: 20px;
}

.article-content h4 {
    font-size: 18px;
}

.article-content {
    line-height: 1.8;
}

.bd-share {
    background: #FAFAFA;
    border: 1px solid #FAFAFA;
    border-radius: 16px;
    padding: 25px;
}

.bd-share-list {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.bd-share-list .bd-share-btn img {
    width: 40px;
    height: 40px;
}

.title-left {
    font-size: 25px;
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 25px;
}

.box-article-detail-02>.container>.row {
    display: flex;
    align-items: flex-start;
}

.box-article-detail-02>.container>.row>div:nth-child(2) {
    display: grid;
    gap: 30px;
    position: sticky;
    top: 10px;
}

/* ---------- LEFT: Subscribe News Weekly ---------- */
.bd-subscribe {
    background: #0972ce1a;
    border-radius: 16px;
    padding: 25px;
}

.bd-subscribe-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 15px;
}

.bd-subscribe-desc {
    font-size: 14px;
    color: #344346;
    margin-bottom: 16px;
}

.bd-subscribe-form {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.bd-subscribe-input {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    background: var(--white);
    border: 1px solid var(--gray);
    border-radius: 8px;
    padding: 0 12px;
}

.bd-subscribe-input i {
    color: var(--gray-bold);
    font-size: 1.6rem;
    margin-right: 8px;
}

.bd-subscribe-input input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: none;
    background: transparent;
    height: 40px;
    font-size: 1.4rem;
    color: var(--color-text);
}

.bd-subscribe-btn {
    border: 0;
    border-radius: 8px;
    padding: 0 18px;
    height: 42px;
    color: var(--white);
    font-size: 1.4rem;
    font-weight: 600;
    white-space: nowrap;
    background: var(--bg-highlight-light);
    transition: background 0.2s;
}

.bd-subscribe .form-group svg {
    position: absolute;
    top: 16px;
    left: 16px;
}

.bd-subscribe .form-group {
    position: relative;
}

.bd-subscribe .form-group .form-control {
    height: 56px;
    border-radius: 70px;
    padding: 0 15px 0 45px;
}

.bd-subscribe .form-group .btn.newsletter--submit {
    position: absolute;
    right: 4px;
    top: 4px;
    height: 48px;
    width: 115px;
    background: linear-gradient(93.07deg, #6C54FF -16.41%, #0972CE 99.41%);
    border-radius: 60px;
    font-size: 16px;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 2;
}

.box-article-right-page .view-small .article-item {
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    border: 0;
}

.box-article-update.box-article-page .box-left .article-item .inner-content .article-title {
    line-height: 1.4;
    font-size: 18px;
}

.view-chuyen-muc .cm-card:nth-child(1) {
    color: #2563eb;
    background: linear-gradient(145deg, #f8fbff, #eef6ff);
    border-color: #bfdbfe;
}

.view-chuyen-muc .cm-card:nth-child(2) {
    color: #9333ea;
    background: linear-gradient(145deg, #fffaff, #f5edff);
    border-color: #e9d5ff;
}

.view-chuyen-muc .cm-card:nth-child(3) {
    color: #16a34a;
    background: linear-gradient(145deg, #f8fffb, #ecfdf5);
    border-color: #bbf7d0;
}

.view-chuyen-muc .cm-card:nth-child(4) {
    color: #f97316;
    background: linear-gradient(145deg, #fffdfa, #fff7ed);
    border-color: #fed7aa;
}

.view-chuyen-muc .cm-card:nth-child(5) {
    color: #ec4899;
    background: linear-gradient(145deg, #fffafa, #fff1f5);
    border-color: #fbcfe8;
}
.view-chuyen-muc .cm-card:nth-child(6) {
    color: #48e1ec;
    background: linear-gradient(145deg, #faffff, #e3fdff);
    border-color: #c8f4f7;
}


.view-chuyen-muc .cm-card:nth-child(1) span.cm-card__icon {
    background: #dbeafe;
}

.view-chuyen-muc .cm-card:nth-child(2) span.cm-card__icon {
    background: #f3e8ff;
}

.view-chuyen-muc .cm-card:nth-child(3) span.cm-card__icon {
    background: #dcfce7;
}

.view-chuyen-muc .cm-card:nth-child(4) span.cm-card__icon {
    background: #ffedd5;
}

.view-chuyen-muc .cm-card:nth-child(5) span.cm-card__icon {
    background: #fce7f3;
}

.view-chuyen-muc .cm-card:nth-child(6) span.cm-card__icon {
    background: #a7f6f95e;
}

.view-overlay .ov-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.view-overlay .ov-card {
    position: relative;
    display: block;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 28px -18px rgba(11, 26, 51, .5);
    transition: transform .35s ease, box-shadow .35s ease;
    text-decoration: none;
}

.view-overlay .ov-card:nth-child(1) {
    grid-column: span 2;
}

.view-overlay .ov-card:nth-child(1) .inner-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 20px 22px;
    pointer-events: none;
}

.view-overlay .ov-card:nth-child(1) .inner-content .article-title a {
    color: #fff;
}

.view-overlay .ov-card .inter-top .inner-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

.view-overlay .ov-card .inner-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.view-overlay .ov-card .inner-content .link-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid #eef0f4;
}

.view-overlay .ov-card .inter-top .inner-content .article-description {
    margin-bottom: 0;
}

.view-overlay .ov-card .inter-top .inner-content .article-title {
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.view-overlay .ov-grid .ov-card.ov-hero .inner-content span.article-category a {
    display: inline-flex !IMPORTANT;
    background: #fff;
    height: 30px;
    padding: 0 15px;
    border-radius: 25px;
    align-items: center;
}

.view-overlay .ov-grid .ov-card.ov-hero .inner-content .article-description {
    color: #fff;
    font-size: 16px;
}

.view-overlay .ov-grid .ov-card.ov-hero .inner-content .article-title {
    margin-bottom: 6px;
    font-size: 22px;
    font-weight: 600;
}

.view-overlay .ov-card .inner-image span.article-category a {
    position: absolute;
    bottom: 12px;
    left: 12px;
    background: var(--color-highlight);
    height: 30px;
    padding: 0 15px;
    border-radius: 25px;
    display: inline-flex !important;
    align-items: center;
    color: #fff !important;
    font-size: 12px;
}

.article-right-small .article-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

.article-right-small .article-item .inner-image {
    flex: 0 0 145px;
    max-width: 145px;
    margin-bottom: 0;
}

.article-right-small .article-item .inner-image::before {
    display: none;
}

.article-right-small .article-item .inner-content {
    flex-basis: calc(100% - 145px);
    max-width: calc(100% - 145px);
    padding-left: 15px;
}

.article-right-small .article-item .inner-content .article-title {
    margin-bottom: 5px;
    -webkit-line-clamp: 2;
    font-size: 14px;
}

.article-right-small .article-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.article-right-small .article-item .inner-image .img {
    padding-top: 69.5%;
    border-radius: 12px;
}

.box-article-xu-huong .list-article .article-item {
    border-radius: 20px;
    overflow: hidden;
}

.box-article-xu-huong .list-article .article-top .article-item .inner-image:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100px;
    width: 100%;
    background-image: linear-gradient(0deg, #000000, #00000000);
    z-index: 1;
    pointer-events: none;
}

.box-article-xu-huong .list-article .article-top .article-item .inner-content {
    position: absolute;
    bottom: 0;
    padding: 15px;
    z-index: 1;
    pointer-events: none;
}

.box-article-xu-huong .list-article .article-item .inner-content .article-title a {
    color: #fff;
    font-weight: 700;
}

.box-article-xu-huong .list-article .article-top {
    margin-bottom: 15px;
}

.box-article-xu-huong .list-article .article-bottom {
    display: grid;
    gap: 15px;
}

.box-article-xu-huong .list-article .article-bottom .article-item {
    display: flex;
    flex-direction: row;
    border-radius: 0;
}

.box-article-xu-huong .list-article .article-bottom .article-item .inner-image {
    flex: 0 0 125px;
    max-width: 125px;
    margin-bottom: 0;
}

.box-article-xu-huong .list-article .article-bottom .article-item .inner-image .img {
    padding-top: 56%;
    border-radius: 12px;
    overflow: hidden;
}

.box-article-xu-huong .list-article .article-bottom .article-item .inner-content {
    flex-basis: calc(100% - 125px);
    max-width: calc(100% - 125px);
    padding-left: 15px;
}

.box-article-xu-huong .list-article .article-bottom .article-item .inner-content .article-title a {
    color: var(--color-text);
}

.box-article-xu-huong .list-article .article-bottom .article-item .inner-content .article-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 5px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-article-xu-huong .list-article .article-bottom .article-item .inner-content .date {
    font-size: 12px;
}

.box-article-xu-huong .list-article .article-top .article-item .inner-image .img {
    padding-top: 56%;
}

.box-article-update .box-list-top .article-left .article-item .inner-content .link-comment .comment {
    color: #fff;
    font-size: 12px;
}

.box-article-update .box-list-top .article-left .article-item .inner-content .link-comment a.btn-doc {
    padding: 4px 18px;
    border-radius: 90px;
    font-size: 13px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: transform 0.22s ease, box-shadow 0.22s ease, color 0.22s ease, border-color 0.22s ease;
    background: linear-gradient(93.07deg, #2c16b5 -16.41%, #0972CE 99.41%);
    color: #fff;
}

.box-article-update .box-list-top .article-left .article-item .inner-content span.article-category a {
    display: inline-flex !important;
    height: 30px;
    border-radius: 50px;
    background: var(--color-highlight) !important;
    color: #fff !important;
    padding: 0 15px;
    align-items: center;
    font-size: 12px;
}

.box-article-update .box-list-top .article-left .article-item .inner-image::before {
    height: 160px;
}

.box-small-home {
    box-shadow: 0 10px 28px -12px rgba(11, 26, 51, .5);
    transition: transform .35s ease, box-shadow .35s ease;
    padding: 15px;
    border-radius: 12px;
}

.box-small-home .view-small {
    display: grid;
    gap: 15px;
}

.box-small-home .view-small .article-item {
    display: flex;
    align-items: center;
}

.box-small-home .view-small .article-item .inner-image {
    flex: 0 0 120px;
    max-width: 120px;
}

.box-small-home .view-small .article-item .inner-image .img {
    border-radius: 12px;
    overflow: hidden;
}

.box-small-home .view-small .article-item .inner-content .article-title a {
    font-weight: 700;
}

.box-small-home .view-small .article-item .inner-content {
    padding-left: 15px;
}

.box-small-home .view-small .article-item .inner-content .article-title {
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
}

.box-small-home .view-small .article-item .inner-content .date {
    font-size: 13px;
}

.box-app {
    box-shadow: 0 10px 28px -18px rgba(11, 26, 51, .5);
    transition: transform .35s ease, box-shadow .35s ease;
    padding: 15px;
    border-radius: 12px;
}

.box-app .item {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.box-app .item .img {
    flex: 0 0 90px;
}

.box-app .item .content {
    padding-left: 15px;
}

.box-app .item .content .name {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px;
}

.box-app .list-app {
    display: grid;
    gap: 15px;
}

.box-app .item .content .description {
    font-size: 12px;
}

.box-app .item .img img {
    width: 90px;
    height: 90px;
    object-fit: contain;
    border-radius: 25px;
}

.categorie-article {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}

.categorie-article .item {
    position: relative;
}

.categorie-article .item .inter-content {
    position: absolute;
    bottom: 0;
    padding: 10px 15px;
    color: #fff;
    width: 100%;
    pointer-events: none;
    z-index: 2;
}

.box-section-home-09 {
    padding-bottom: 60px;
}

.categorie-article .item {
    border-radius: 10px;
    overflow: hidden;
}

.categorie-article .item .inter-content .name {
    font-weight: 700;
    font-size: 16px;
}

.categorie-article .item .inter-img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100px;
    width: 100%;
    background-image: linear-gradient(0deg, #000000, #00000000);
    z-index: 1;
    pointer-events: none;
}
.box-search {
    max-width: 240px;
    margin-left: auto;
}
.swiper-slider-main .img {
    padding-top: 54%;
}
.article-content ul {
    padding-left: 20px;
}
@media (max-width:1200px){
    .logo-section img {
        height: 44px;
    }
    .box-article-detail-02>.container>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .box-header-menu-mb {
        background: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        box-shadow: 0px 0px #0000, 0px 0 #0000, 0 2px 8px rgba(0, 0, 0, .08);
    }
    
    .box-header-menu-mb>.container>.row {
        display: flex;
        align-items: center;
    }
    .box-section-home-01>.container>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .box-section-home-01>.container>.row>div:nth-child(2) {
        display: none;
    }
    
    .box-section-home-01 {
        padding-bottom: 30px;
    }
    .section-footer-mb-01 {
        padding-top: 30px;
    }
    .section-footer-mb-04 {
        padding-top: 30px;
        padding-bottom: 0;
    }
    
}

@media (max-width:992px){
    .box-search {
        display: flex;
        justify-content: flex-end;
    }
    
    .box-search form {
        position: absolute;
        top: 100%;
        width: 240px;
        opacity: 0;
        display: none;
    }
    
    .box-search .icon {
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
    }
    
    .box-search:hover form {
        opacity: 1;
        display: block;
    }
    .view-overlay .ov-card:nth-child(1) .inner-content {
        display: block;
    }
    .view-overlay .ov-card>.inner-content {
        display: none;
    }
    .view-overlay .ov-grid .ov-card.ov-hero .inner-content .article-title {
        font-size: 16px;
    }
    .view-overlay .ov-card .inner-image span.article-category a {
        display: none !important;
    }
    .box-section-article-page-02>.container>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .box-section-home-08>.container>.row>div, .box-section-home-07>.container>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
        
    .box-section-home-07>.container>.row>div {
        margin-bottom: 15px;
    }
    
}

@media (min-width:768px) and (max-width:992px){
    .view-overlay .ov-grid {
        gap: 10px;
    }
    .view-overlay .ov-card .inter-top .inner-content{
        padding: 10px;
    }
    .categorie-article {
        grid-template-columns: repeat(3, 1fr);
    }
    .box-article-update.box-article-page .article-item .link-comment{
        display: none;
    }
}


@media (max-width:767px){
    
    .box-section-home-09 {
        padding-bottom: 50px;
    }
    
    .box-section-home-07 {
        padding-bottom: 30px;
    }
    
    .box-section-home-04 {
        padding-bottom: 30px;
    }
    .section-footer-mb-04>.container>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    .view-overlay .ov-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }


    .box-section-home-08 .box-article-update>.row>div {
        margin-bottom: 15px;
    }
    
    .box-article-update .box-list-top .article-left .inner-image .img {
        padding-top: 75%;
    }
    .categorie-article {
        grid-template-columns: repeat(2, 1fr);
    }

    
    .box-app {
        box-shadow: 0 10px 28px -11px rgba(11, 26, 51, .5);
    }

    .footer-hero {
        gap: 15px;
        display: grid;
        grid-template-columns: auto;
        padding: 30px 0 30px;
    }
    
    .footer-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}