.elementor-7279 .elementor-element.elementor-element-913aedd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7279 .elementor-element.elementor-element-0a86469{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7279 .elementor-element.elementor-element-6a914ed{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-7279 .elementor-element.elementor-element-a5942fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7279 .elementor-element.elementor-element-33cc6e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7279 .elementor-element.elementor-element-2ef3708{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-7279 .elementor-element.elementor-element-09a15ee{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:wrap;}.elementor-7279 .elementor-element.elementor-element-ce70db4{--display:flex;}.elementor-7279 .elementor-element.elementor-element-1c3c01c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7279 .elementor-element.elementor-element-a7b2a02{--display:flex;}.elementor-7279 .elementor-element.elementor-element-930ff65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7279 .elementor-element.elementor-element-4d47867{--grid-columns:3;--grid-row-gap:24px;--grid-column-gap:24px;}.elementor-7279 .elementor-element.elementor-element-4d47867 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-7279 .elementor-element.elementor-element-4d47867 .e-loop-item > .elementor-section, .elementor-7279 .elementor-element.elementor-element-4d47867 .e-loop-item > .elementor-section > .elementor-container, .elementor-7279 .elementor-element.elementor-element-4d47867 .e-loop-item > .e-con, .elementor-7279 .elementor-element.elementor-element-4d47867 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-7279 .elementor-element.elementor-element-4d47867 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-7279 .elementor-element.elementor-element-4d47867 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-7279 .elementor-element.elementor-element-4d47867 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-7279 .elementor-element.elementor-element-4d47867 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-7279 .elementor-element.elementor-element-4d47867 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-7279 .elementor-element.elementor-element-c9dd062{--display:flex;}.elementor-7279 .elementor-element.elementor-element-5d73d55{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-7279 .elementor-element.elementor-element-a7de531{--display:flex;}.elementor-7279 .elementor-element.elementor-element-df40b97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}@media(min-width:768px){.elementor-7279 .elementor-element.elementor-element-0a86469{--content-width:100%;}}@media(max-width:1024px){.elementor-7279 .elementor-element.elementor-element-4d47867{--grid-columns:2;}}@media(max-width:767px){.elementor-7279 .elementor-element.elementor-element-4d47867{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-913aedd *//* =========================================================
   TMLAND – NEWS ARCHIVE
========================================================= */

.elementor-7279 .elementor-element.elementor-element-913aedd {
    --na-navy: #06263b;
    --na-navy-deep: #031521;
    --na-navy-light: #0d405d;

    --na-gold: #d2a047;
    --na-gold-light: #efd28d;
    --na-gold-dark: #a86d1d;

    --na-cream: #faf7f1;
    --na-white: #ffffff;
    --na-heading: #08243a;
    --na-text: #59646d;
    --na-muted: #87909a;
    --na-border: rgba(6, 38, 59, 0.11);

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: var(--na-cream) !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd,
.elementor-7279 .elementor-element.elementor-element-913aedd * {
    box-sizing: border-box;
}


/* =========================================================
   HERO
========================================================= */

.elementor-7279 .elementor-element.elementor-element-913aedd .na-hero {
    position: relative;
    overflow: hidden;

    width: 100% !important;

    margin: 0 !important;

    padding:
        clamp(68px, 7vw, 98px)
        0
        clamp(72px, 8vw, 108px) !important;

    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(36, 116, 153, 0.27),
            transparent 30%
        ),
        radial-gradient(
            circle at 7% 88%,
            rgba(210, 160, 71, 0.13),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            var(--na-navy-deep),
            var(--na-navy)
        ) !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-hero::after {
    content: "";

    position: absolute;
    right: -160px;
    bottom: -280px;

    width: 540px;
    height: 540px;

    border: 1px solid rgba(239, 210, 141, 0.12);
    border-radius: 50%;

    box-shadow:
        0 0 0 70px rgba(239, 210, 141, 0.025),
        0 0 0 140px rgba(239, 210, 141, 0.018);

    pointer-events: none;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-hero-inner {
    position: relative;
    z-index: 2;

    display: grid !important;
    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(340px, 0.65fr);

    align-items: center !important;
    gap: 58px !important;

    width: min(1320px, calc(100% - 48px)) !important;
    max-width: 1320px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-hero-copy {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-eyebrow {
    margin: 0 0 13px !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-eyebrow .elementor-heading-title {
    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 1.35px !important;

    color: var(--na-gold-light) !important;

    text-transform: uppercase !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-title {
    width: 100% !important;

    margin: 0 0 17px !important;
    padding: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-title .elementor-heading-title,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-title h1 {
    margin: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: clamp(38px, 4.2vw, 58px) !important;
    font-weight: 700 !important;
    line-height: 1.16 !important;
    letter-spacing: -0.035em !important;

    color: #fff8e8 !important;
    -webkit-text-fill-color: #fff8e8 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-description {
    width: min(760px, 100%) !important;

    margin: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-description,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-description p {
    margin: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 15px !important;
    line-height: 1.72 !important;

    color: rgba(255, 255, 255, 0.72) !important;
}


/* =========================================================
   SEARCH CARD
========================================================= */

.elementor-7279 .elementor-element.elementor-element-913aedd .na-search-card {
    width: 100% !important;

    margin: 0 !important;

    padding:
        26px
        27px
        28px !important;

    border: 1px solid rgba(239, 210, 141, 0.25);
    border-radius: 18px;

    background:
        rgba(255, 255, 255, 0.075) !important;

    box-shadow:
        0 18px 48px rgba(3, 21, 33, 0.22);

    backdrop-filter:
        blur(11px)
        saturate(115%);
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-search-title {
    margin: 0 0 8px !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-search-title .elementor-heading-title,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-search-title h2 {
    margin: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    color: #fff8e8 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-search-description {
    margin: 0 0 17px !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-search-description,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-search-description p {
    margin: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    line-height: 1.6 !important;

    color: rgba(255, 255, 255, 0.63) !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-search .elementor-search-form {
    overflow: hidden;

    min-height: 48px;

    border:
        1px solid
        rgba(239, 210, 141, 0.29) !important;

    border-radius: 999px !important;

    background:
        rgba(3, 21, 33, 0.42) !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-search .elementor-search-form__input {
    padding:
        0
        18px !important;

    background: transparent !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 12px !important;

    color: #ffffff !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-search .elementor-search-form__input::placeholder {
    color: rgba(255, 255, 255, 0.52) !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-search .elementor-search-form__submit {
    width: 48px !important;

    background:
        linear-gradient(
            135deg,
            var(--na-gold-light),
            var(--na-gold)
        ) !important;

    color: var(--na-navy-deep) !important;
}


/* =========================================================
   TOOLBAR
========================================================= */

.elementor-7279 .elementor-element.elementor-element-913aedd .na-toolbar {
    position: relative;
    z-index: 4;

    width: 100% !important;

    margin: -35px 0 0 !important;
    padding: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-toolbar-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 24px !important;

    width: min(1320px, calc(100% - 48px)) !important;
    max-width: 1320px !important;

    margin: 0 auto !important;

    padding:
        16px
        18px !important;

    border: 1px solid var(--na-border);
    border-radius: 16px;

    background: rgba(255, 255, 255, 0.96) !important;

    box-shadow:
        0 17px 42px rgba(5, 30, 47, 0.12);
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-toolbar-label {
    flex: 0 0 auto !important;

    margin: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-toolbar-label .elementor-heading-title {
    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.9px !important;

    color: var(--na-gold-dark) !important;

    text-transform: uppercase !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-toolbar-links {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;

    gap: 7px !important;

    width: auto !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-filter-btn {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-filter-btn .elementor-button {
    min-height: 36px !important;

    padding:
        8px
        13px !important;

    border: 1px solid rgba(6, 38, 59, 0.11) !important;
    border-radius: 999px !important;

    background: #ffffff !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.25px !important;

    color: var(--na-heading) !important;

    text-transform: uppercase !important;
}


/* =========================================================
   POSTS SECTION
========================================================= */

.elementor-7279 .elementor-element.elementor-element-913aedd .na-posts {
    width: 100% !important;

    margin: 0 !important;

    padding:
        clamp(70px, 8vw, 100px)
        0
        clamp(66px, 8vw, 96px) !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-posts-inner {
    width: min(1320px, calc(100% - 48px)) !important;
    max-width: 1320px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-posts-header {
    width: 100% !important;

    margin: 0 0 28px !important;
    padding: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-posts-eyebrow {
    margin: 0 0 9px !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-posts-eyebrow .elementor-heading-title {
    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;

    color: var(--na-gold-dark) !important;

    text-transform: uppercase !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-posts-title .elementor-heading-title,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-posts-title h2 {
    margin: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: clamp(30px, 3vw, 42px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    color: var(--na-heading) !important;
}


/* =========================================================
   LOOP GRID
========================================================= */

.elementor-7279 .elementor-element.elementor-element-913aedd .na-loop-grid,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-loop-grid > .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-loop-grid .elementor-loop-container,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-loop-grid .elementor-grid {
    display: grid !important;
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    align-items: stretch !important;

    gap: 24px !important;

    width: 100% !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-loop-grid .e-loop-item {
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   ARCHIVE CARD
========================================================= */

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card {
    position: relative;
    overflow: hidden;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid var(--na-border);
    border-radius: 16px;

    background: var(--na-white) !important;

    box-shadow:
        0 13px 34px rgba(5, 30, 47, 0.085);

    transition:
        transform 0.32s ease,
        box-shadow 0.32s ease;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-image {
    overflow: hidden;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-image .elementor-widget-container,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-image a {
    display: block !important;

    width: 100% !important;

    aspect-ratio: 16 / 10 !important;

    overflow: hidden !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-image img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    transition:
        transform 0.5s ease,
        filter 0.5s ease;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        18px
        19px
        20px !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-meta {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 12px !important;

    width: 100% !important;

    margin: 0 0 10px !important;
    padding: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-category {
    width: auto !important;

    margin: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-category,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-category a,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-category .elementor-heading-title {
    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 8.5px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.4px !important;

    color: var(--na-gold-dark) !important;

    text-transform: uppercase !important;
    text-decoration: none !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-date,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-date .elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 9px !important;
    font-weight: 500 !important;

    color: var(--na-muted) !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-title {
    width: 100% !important;

    margin: 0 0 10px !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-title .elementor-heading-title,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-title .elementor-heading-title a,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-title h3,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-title h3 a {
    display: -webkit-box;
    overflow: hidden;

    margin: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.42 !important;

    color: var(--na-heading) !important;

    text-decoration: none !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-excerpt {
    width: 100% !important;

    margin: 0 0 16px !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-excerpt,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-excerpt p {
    display: -webkit-box;
    overflow: hidden;

    margin: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    line-height: 1.6 !important;

    color: var(--na-text) !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-link {
    width: auto !important;

    margin: auto 0 0 !important;
    padding: 0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-card-link .elementor-button {
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 9.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.45px !important;

    color: var(--na-gold-dark) !important;

    text-transform: uppercase !important;
}


/* =========================================================
   PAGINATION
========================================================= */

.elementor-7279 .elementor-element.elementor-element-913aedd .na-loop-grid .elementor-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 7px !important;

    margin:
        38px
        0
        0 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-loop-grid .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 38px !important;
    height: 38px !important;

    padding:
        0
        10px !important;

    border: 1px solid var(--na-border) !important;
    border-radius: 999px !important;

    background: #ffffff !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    color: var(--na-heading) !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-loop-grid .page-numbers.current {
    border-color: var(--na-gold) !important;

    background: var(--na-navy) !important;

    color: var(--na-gold-light) !important;
}


/* =========================================================
   CTA
========================================================= */

.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta {
    width: 100% !important;

    margin: 0 !important;

    padding:
        0
        0
        clamp(66px, 8vw, 96px) !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-inner {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(260px, 0.65fr);

    align-items: center !important;
    gap: 40px !important;

    width: min(1100px, calc(100% - 48px)) !important;
    max-width: 1100px !important;

    margin: 0 auto !important;

    padding:
        clamp(32px, 4vw, 48px) !important;

    border: 1px solid rgba(239, 210, 141, 0.22);
    border-radius: 20px;

    background:
        radial-gradient(
            circle at 90% 80%,
            rgba(25, 98, 135, 0.25),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            var(--na-navy-deep),
            var(--na-navy)
        ) !important;

    box-shadow:
        0 22px 55px rgba(3, 21, 33, 0.20);
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-eyebrow {
    margin: 0 0 9px !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-eyebrow .elementor-heading-title {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1.1px !important;

    color: var(--na-gold-light) !important;

    text-transform: uppercase !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-title {
    margin: 0 0 11px !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-title .elementor-heading-title,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-title h2 {
    margin: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: clamp(25px, 2.5vw, 34px) !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;

    color: #fff8e8 !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-description,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-description p {
    margin: 0 !important;

    font-size: 13px !important;
    line-height: 1.65 !important;

    color: rgba(255, 255, 255, 0.7) !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-actions {
    display: flex !important;
    flex-direction: column !important;

    gap: 10px !important;

    width: 100% !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-primary,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-call,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-primary .elementor-button-wrapper,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-call .elementor-button-wrapper {
    width: 100% !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-primary .elementor-button,
.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-call .elementor-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 48px !important;

    border-radius: 999px !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-primary .elementor-button {
    border: 1px solid var(--na-gold-light) !important;

    background:
        linear-gradient(
            135deg,
            var(--na-gold-light),
            var(--na-gold)
        ) !important;

    color: var(--na-navy-deep) !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-call .elementor-button {
    border:
        1px solid
        rgba(239, 210, 141, 0.42) !important;

    background:
        rgba(3, 21, 33, 0.28) !important;

    color: #ffffff !important;
}


/* =========================================================
   HOVER
========================================================= */

@media (hover: hover) {

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-filter-btn .elementor-button:hover {
        border-color: var(--na-gold) !important;

        background: var(--na-navy) !important;

        color: var(--na-gold-light) !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-card:hover {
        transform: translateY(-5px);

        box-shadow:
            0 22px 48px rgba(5, 30, 47, 0.14);
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-card:hover .na-card-image img {
        transform: scale(1.04);

        filter: saturate(1.05);
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-card:hover .na-card-title a {
        color: var(--na-gold-dark) !important;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-hero-inner {
        grid-template-columns: 1fr !important;

        gap: 34px !important;

        width: calc(100% - 44px) !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-search-card {
        width: min(560px, 100%) !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-toolbar-inner,
    .elementor-7279 .elementor-element.elementor-element-913aedd .na-posts-inner {
        width: calc(100% - 44px) !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-toolbar-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-toolbar-links {
        justify-content: flex-start !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-loop-grid .elementor-loop-container,
    .elementor-7279 .elementor-element.elementor-element-913aedd .na-loop-grid .elementor-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-inner {
        width: calc(100% - 44px) !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-hero {
        padding:
            52px
            0
            74px !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-hero-inner {
        width: calc(100% - 30px) !important;

        gap: 28px !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-title .elementor-heading-title,
    .elementor-7279 .elementor-element.elementor-element-913aedd .na-title h1 {
        font-size: clamp(30px, 8.5vw, 37px) !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-description,
    .elementor-7279 .elementor-element.elementor-element-913aedd .na-description p {
        font-size: 13.5px !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-search-card {
        padding:
            22px
            19px
            23px !important;

        border-radius: 15px;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-toolbar {
        margin-top: -29px !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-toolbar-inner {
        width: calc(100% - 30px) !important;

        padding:
            14px
            14px !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-filter-btn .elementor-button {
        min-height: 34px !important;

        padding:
            7px
            11px !important;

        font-size: 8.5px !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-posts {
        padding:
            64px
            0
            60px !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-posts-inner {
        width: calc(100% - 30px) !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-loop-grid .elementor-loop-container,
    .elementor-7279 .elementor-element.elementor-element-913aedd .na-loop-grid .elementor-grid {
        grid-template-columns: minmax(0, 1fr) !important;

        gap: 16px !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-card-body {
        padding:
            17px
            17px
            19px !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-card-title .elementor-heading-title,
    .elementor-7279 .elementor-element.elementor-element-913aedd .na-card-title .elementor-heading-title a {
        font-size: 17px !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-cta {
        padding-bottom: 58px !important;
    }

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-inner {
        grid-template-columns: 1fr !important;

        gap: 24px !important;

        width: calc(100% - 30px) !important;

        padding:
            28px
            21px !important;

        border-radius: 16px;
    }
}


/* =========================================================
   MOBILE NHỎ
========================================================= */

@media (max-width: 390px) {

    .elementor-7279 .elementor-element.elementor-element-913aedd .na-hero-inner,
    .elementor-7279 .elementor-element.elementor-element-913aedd .na-toolbar-inner,
    .elementor-7279 .elementor-element.elementor-element-913aedd .na-posts-inner,
    .elementor-7279 .elementor-element.elementor-element-913aedd .na-cta-inner {
        width: calc(100% - 24px) !important;
    }
}
/* =========================================================
   TRẠNG THÁI NÚT DANH MỤC ĐỘNG
   Đặt trong Custom CSS của container ngoài cùng Archive
========================================================= */

/* Trạng thái mặc định của tất cả nút */
.elementor-7279 .elementor-element.elementor-element-913aedd .na-filter-btn .elementor-button {
    border: 1px solid rgba(6, 38, 59, 0.12) !important;
    border-radius: 999px !important;

    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;

    color: #06263b !important;
    -webkit-text-fill-color: #06263b !important;

    box-shadow: none !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd .na-filter-btn .elementor-button-text {
    color: #06263b !important;
    -webkit-text-fill-color: #06263b !important;
}


/* Trang tổng hợp: nút TẤT CẢ nổi bật mặc định */
.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-all .elementor-button {
    border-color: #d2a047 !important;

    background: #06263b !important;
    background-color: #06263b !important;

    color: #efd28d !important;
    -webkit-text-fill-color: #efd28d !important;

    box-shadow: 0 6px 16px rgba(6, 38, 59, 0.16) !important;
}

.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-all .elementor-button-text {
    color: #efd28d !important;
    -webkit-text-fill-color: #efd28d !important;
}


/* Khi đang ở trang danh mục:
   đưa nút TẤT CẢ về trạng thái trắng */
body.category .elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-all .elementor-button,
body.search-results .elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-all .elementor-button {
    border-color: rgba(6, 38, 59, 0.12) !important;

    background: #ffffff !important;
    background-color: #ffffff !important;

    color: #06263b !important;
    -webkit-text-fill-color: #06263b !important;

    box-shadow: none !important;
}

body.category .elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-all .elementor-button-text,
body.search-results .elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-all .elementor-button-text {
    color: #06263b !important;
    -webkit-text-fill-color: #06263b !important;
}


/* HẢI PHÒNG đang được chọn */
body.category-hai-phong
.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-hai-phong .elementor-button,

/* QUY HOẠCH & HẠ TẦNG đang được chọn */
body.category-quy-hoach-ha-tang
.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-quy-hoach .elementor-button,

/* TIẾN ĐỘ DỰ ÁN đang được chọn */
body.category-tien-do-du-an
.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-tien-do .elementor-button,

/* THỊ TRƯỜNG đang được chọn */
body.category-thi-truong
.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-thi-truong .elementor-button {
    border-color: #d2a047 !important;

    background: #06263b !important;
    background-color: #06263b !important;
    background-image: none !important;

    color: #efd28d !important;
    -webkit-text-fill-color: #efd28d !important;

    box-shadow: 0 6px 16px rgba(6, 38, 59, 0.16) !important;
}


/* Ép màu chữ cho nút đang được chọn */
body.category-hai-phong
.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-hai-phong .elementor-button-text,

body.category-quy-hoach-ha-tang
.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-quy-hoach .elementor-button-text,

body.category-tien-do-du-an
.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-tien-do .elementor-button-text,

body.category-thi-truong
.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-thi-truong .elementor-button-text {
    color: #efd28d !important;
    -webkit-text-fill-color: #efd28d !important;
}


/* Giữ màu active khi rê chuột */
body.category-hai-phong
.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-hai-phong .elementor-button:hover,

body.category-quy-hoach-ha-tang
.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-quy-hoach .elementor-button:hover,

body.category-tien-do-du-an
.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-tien-do .elementor-button:hover,

body.category-thi-truong
.elementor-7279 .elementor-element.elementor-element-913aedd #na-filter-thi-truong .elementor-button:hover {
    border-color: #efd28d !important;
    background-color: #082f48 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}/* End custom CSS */