.elementor-946 .elementor-element.elementor-element-10e73c4{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-946 .elementor-element.elementor-element-8587e6f{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-946 .elementor-element.elementor-element-e71b285{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-946 .elementor-element.elementor-element-849e834{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-946 .elementor-element.elementor-element-223907e{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-946 .elementor-element.elementor-element-12965f0{--display:flex;}.elementor-946 .elementor-element.elementor-element-1ab6d06{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-946 .elementor-element.elementor-element-dd3d80f{--grid-columns:3;}.elementor-946 .elementor-element.elementor-element-dd3d80f .elementor-loop-container{grid-auto-rows:1fr;}.elementor-946 .elementor-element.elementor-element-dd3d80f .e-loop-item > .elementor-section, .elementor-946 .elementor-element.elementor-element-dd3d80f .e-loop-item > .elementor-section > .elementor-container, .elementor-946 .elementor-element.elementor-element-dd3d80f .e-loop-item > .e-con, .elementor-946 .elementor-element.elementor-element-dd3d80f .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-946 .elementor-element.elementor-element-dd3d80f .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-946 .elementor-element.elementor-element-dd3d80f .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-946 .elementor-element.elementor-element-dd3d80f .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-946 .elementor-element.elementor-element-dd3d80f .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-946 .elementor-element.elementor-element-dd3d80f .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-946 .elementor-element.elementor-element-e927e55{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-946 .elementor-element.elementor-element-0aa8cb9{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-946 .elementor-element.elementor-element-e6288c8{--display:flex;}.elementor-946 .elementor-element.elementor-element-c1f796a{--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:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-946 .elementor-element.elementor-element-6ca4729 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-946 .elementor-element.elementor-element-c92ae63 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-946 .elementor-element.elementor-element-d3f058e{--display:flex;}@media(max-width:1024px){.elementor-946 .elementor-element.elementor-element-dd3d80f{--grid-columns:2;}}@media(max-width:767px){.elementor-946 .elementor-element.elementor-element-dd3d80f{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-10e73c4 *//* =========================================================
   PALUM JOURNAL
   ALL ARTICLES ARCHIVE
   01 ARCHIVE HERO
   ========================================================= */


/* =========================================================
   01. OUTER HERO
   ========================================================= */

.palum-archive-hero {
    position: relative;
    width: 100%;
    overflow: hidden;

    min-height: 470px;

    padding:
        98px 28px 76px !important;

    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(254, 104, 0, 0.08) 0%,
            rgba(254, 104, 0, 0) 25%
        ),
        linear-gradient(
            rgba(16, 31, 63, 0.028) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(16, 31, 63, 0.028) 1px,
            transparent 1px
        ),
        #f8fafb;

    background-size:
        auto,
        84px 84px,
        84px 84px,
        auto;
}


/* =========================================================
   02. LEFT TOP CIRCLE DECORATION
   ========================================================= */

.palum-archive-hero::before {
    content: "";

    position: absolute;

    width: 460px;
    height: 460px;

    left: -290px;
    top: -260px;

    border:
        1px solid
        rgba(254, 104, 0, 0.12);

    border-radius:
        50%;

    pointer-events: none;
}


/* =========================================================
   03. RIGHT ORANGE LINE
   ========================================================= */

.palum-archive-hero::after {
    content: "";

    position: absolute;

    width: 88px;
    height: 1px;

    right: 0;
    top: 116px;

    background:
        rgba(254, 104, 0, 0.48);

    pointer-events: none;
}


/* =========================================================
   04. INNER WIDTH
   ========================================================= */

.palum-archive-hero-inner {
    position: relative;
    z-index: 2;

    width: 100%;

    max-width:
        1480px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    padding: 0 !important;
}


/* =========================================================
   05. CONTENT AREA
   ========================================================= */

.palum-archive-hero-content {
    position: relative;

    width: 100%;

    max-width:
        920px;

    display: flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        center !important;

    gap: 0 !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* 底部轻分隔线
   不需要额外 Elementor Divider 控件 */

.palum-archive-hero-content::after {
    content: "";

    display: block;

    width: 100%;
    max-width: 820px;

    height: 1px;

    margin-top:
        46px;

    background:
        linear-gradient(
            90deg,
            rgba(16, 31, 63, 0.12) 0%,
            rgba(16, 31, 63, 0.035) 65%,
            rgba(16, 31, 63, 0) 100%
        );
}


/* =========================================================
   06. EYEBROW
   ========================================================= */

.palum-archive-hero-eyebrow {
    position: relative;

    width: auto !important;

    margin:
        0 0 22px 0 !important;

    padding:
        0 0 0 46px !important;
}


/* Orange line */

.palum-archive-hero-eyebrow::before {
    content: "";

    position: absolute;

    width: 32px;
    height: 2px;

    left: 0;
    top: 50%;

    transform:
        translateY(-50%);

    background:
        #FE6800;
}


.palum-archive-hero-eyebrow
.elementor-heading-title {
    margin: 0 !important;

    color:
        #FE6800 !important;

    font-size:
        10px !important;

    line-height:
        1.2 !important;

    font-weight:
        800 !important;

    letter-spacing:
        1.65px !important;

    text-transform:
        uppercase;
}


/* =========================================================
   07. H1
   ========================================================= */

.palum-archive-hero-title {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


.palum-archive-hero-title
.elementor-heading-title {
    max-width:
        900px;

    margin:
        0 !important;

    color:
        #101822 !important;

    font-size:
        clamp(
            54px,
            4.35vw,
            66px
        ) !important;

    line-height:
        1.01 !important;

    font-weight:
        750 !important;

    letter-spacing:
        -2.7px !important;
}


/* Orange highlighted words */

.palum-archive-hero-title
.elementor-heading-title span {
    color:
        #FE6800 !important;
}


/* =========================================================
   08. DESCRIPTION
   ========================================================= */

.palum-archive-hero-desc {
    width: 100%;

    max-width:
        780px;

    margin:
        25px 0 0 0 !important;

    padding: 0 !important;
}


.palum-archive-hero-desc p {
    margin: 0 !important;

    color:
        #65717c !important;

    font-size:
        16px !important;

    line-height:
        1.78 !important;

    font-weight:
        400 !important;
}


/* =========================================================
   09. LARGE DESKTOP
   ========================================================= */

@media
(min-width: 1600px) {

    .palum-archive-hero {
        min-height:
            485px;

        padding-top:
            105px !important;

        padding-bottom:
            82px !important;
    }


    .palum-archive-hero-title
    .elementor-heading-title {
        font-size:
            68px !important;
    }
}


/* =========================================================
   10. SMALL DESKTOP
   ========================================================= */

@media
(max-width: 1200px) {

    .palum-archive-hero {
        min-height:
            440px;

        padding:
            90px 28px 70px !important;
    }


    .palum-archive-hero-content {
        max-width:
            860px;
    }


    .palum-archive-hero-title
    .elementor-heading-title {
        font-size:
            clamp(
                50px,
                5.3vw,
                62px
            ) !important;

        letter-spacing:
            -2.3px !important;
    }
}


/* =========================================================
   11. TABLET
   ========================================================= */

@media
(max-width: 1024px) {

    .palum-archive-hero {
        min-height:
            410px;

        padding:
            82px 26px 64px !important;
    }


    .palum-archive-hero::before {
        width:
            400px;

        height:
            400px;

        left:
            -270px;

        top:
            -235px;
    }


    .palum-archive-hero-title
    .elementor-heading-title {
        max-width:
            800px;

        font-size:
            54px !important;

        line-height:
            1.02 !important;

        letter-spacing:
            -2px !important;
    }


    .palum-archive-hero-desc {
        max-width:
            720px;
    }


    .palum-archive-hero-content::after {
        margin-top:
            40px;
    }
}


/* =========================================================
   12. MOBILE
   ========================================================= */

@media
(max-width: 767px) {

    .palum-archive-hero {
        min-height:
            auto;

        padding:
            68px 20px 52px !important;

        background-size:
            auto,
            56px 56px,
            56px 56px,
            auto;
    }


    /* Circle */

    .palum-archive-hero::before {
        width:
            340px;

        height:
            340px;

        left:
            -250px;

        top:
            -200px;
    }


    /* Right line */

    .palum-archive-hero::after {
        width:
            52px;

        top:
            76px;
    }


    /* Eyebrow */

    .palum-archive-hero-eyebrow {
        margin-bottom:
            18px !important;

        padding-left:
            40px !important;
    }


    .palum-archive-hero-eyebrow::before {
        width:
            27px;
    }


    .palum-archive-hero-eyebrow
    .elementor-heading-title {
        font-size:
            9px !important;

        letter-spacing:
            1.45px !important;
    }


    /* H1 */

    .palum-archive-hero-title
    .elementor-heading-title {
        font-size:
            42px !important;

        line-height:
            1.03 !important;

        letter-spacing:
            -1.65px !important;
    }


    /* Description */

    .palum-archive-hero-desc {
        margin-top:
            20px !important;
    }


    .palum-archive-hero-desc p {
        font-size:
            15px !important;

        line-height:
            1.72 !important;
    }


    /* Bottom line */

    .palum-archive-hero-content::after {
        margin-top:
            34px;
    }
}


/* =========================================================
   13. SMALL MOBILE
   ========================================================= */

@media
(max-width: 480px) {

    .palum-archive-hero {
        padding-left:
            18px !important;

        padding-right:
            18px !important;
    }


    .palum-archive-hero-title
    .elementor-heading-title {
        font-size:
            38px !important;

        letter-spacing:
            -1.4px !important;
    }


    .palum-archive-hero-desc p {
        font-size:
            14px !important;
    }
}


/* =========================================================
   14. REDUCED MOTION
   ========================================================= */

@media
(prefers-reduced-motion: reduce) {

    .palum-archive-hero *,
    .palum-archive-hero *::before,
    .palum-archive-hero *::after {

        scroll-behavior:
            auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-849e834 *//* =========================================================
   PALUM JOURNAL
   ALL ARTICLES ARCHIVE
   02 ARTICLES + TAXONOMY FILTER + PAGINATION
   ========================================================= */


/* =========================================================
   01. OUTER SECTION
   ========================================================= */

.palum-archive-articles {
    position: relative;
    width: 100%;
    overflow: hidden;

    padding: 86px 28px 110px !important;

    background:
        linear-gradient(
            rgba(16, 31, 63, 0.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(16, 31, 63, 0.022) 1px,
            transparent 1px
        ),
        #f7f9fb;

    background-size:
        84px 84px,
        84px 84px,
        auto;
}


/* 左下轻圆弧 */

.palum-archive-articles::before {
    content: "";

    position: absolute;

    width: 460px;
    height: 460px;

    left: -310px;
    bottom: -290px;

    border:
        1px solid
        rgba(254, 104, 0, 0.07);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   02. INNER WIDTH
   ========================================================= */

.palum-archive-articles-inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1480px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 0 !important;
}


/* =========================================================
   03. FILTER WRAPPER
   ========================================================= */

.palum-archive-filter-wrap {
    position: relative;

    width: 100%;

    margin:
        0 0 34px 0 !important;

    padding:
        0 0 18px 0 !important;

    border-bottom:
        1px solid
        rgba(16, 31, 63, 0.09);
}


/* =========================================================
   04. TAXONOMY FILTER WIDGET
   ========================================================= */

.palum-archive-tax-filter {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


/* Taxonomy Filter 主列表 */

.palum-archive-tax-filter
.e-filter {
    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    flex-wrap: wrap !important;

    gap:
        8px 10px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   05. FILTER ITEMS
   ========================================================= */

.palum-archive-tax-filter
.e-filter-item {
    position: relative;

    min-height: 40px;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    padding:
        0 16px !important;

    background:
        #ffffff !important;

    border:
        1px solid
        rgba(16, 31, 63, 0.11) !important;

    border-radius:
        5px !important;

    color:
        #46515b !important;

    font-size:
        11px !important;

    line-height:
        1 !important;

    font-weight:
        650 !important;

    text-decoration:
        none !important;

    box-shadow:
        none !important;

    transition:
        color 0.25s ease,
        border-color 0.25s ease,
        background-color 0.25s ease,
        transform 0.25s ease !important;
}


/* Hover */

.palum-archive-tax-filter
.e-filter-item:hover {
    color:
        #FE6800 !important;

    border-color:
        rgba(254, 104, 0, 0.38) !important;

    background:
        #ffffff !important;

    transform:
        translateY(-1px);
}


/* =========================================================
   06. ACTIVE FILTER
   Elementor 不同版本可能使用 selected / aria-pressed
   两套一起兼容
   ========================================================= */

.palum-archive-tax-filter
.e-filter-item[aria-pressed="true"],

.palum-archive-tax-filter
.e-filter-item.elementor-active,

.palum-archive-tax-filter
.e-filter-item.active {
    color:
        #FE6800 !important;

    background:
        rgba(254, 104, 0, 0.045) !important;

    border-color:
        rgba(254, 104, 0, 0.42) !important;
}


/* Active 底部小橙线 */

.palum-archive-tax-filter
.e-filter-item[aria-pressed="true"]::after,

.palum-archive-tax-filter
.e-filter-item.elementor-active::after,

.palum-archive-tax-filter
.e-filter-item.active::after {
    content: "";

    position: absolute;

    width: 24px;
    height: 2px;

    left: 50%;
    bottom: -7px;

    transform:
        translateX(-50%);

    background:
        #FE6800;

    border-radius:
        2px;
}


/* =========================================================
   07. LOOP GRID
   ========================================================= */

.palum-archive-loop {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


.palum-archive-loop
.elementor-loop-container {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap:
        24px !important;

    align-items:
        stretch !important;
}


/* 每个 Loop Item 等高 */

.palum-archive-loop
.e-loop-item {
    height: 100%;
}


.palum-archive-loop
.e-loop-item
.palum-blog-card {
    height: 100%;
}


/* =========================================================
   08. CARD BODY BALANCE
   保证标题长短不同时按钮尽量对齐
   ========================================================= */

.palum-archive-loop
.palum-blog-card-body {
    flex:
        1 1 auto !important;

    display: flex !important;

    flex-direction:
        column !important;
}


.palum-archive-loop
.palum-blog-card-read {
    margin-top:
        auto !important;

    padding-top:
        24px !important;
}


/* =========================================================
   09. PAGINATION WRAPPER
   ========================================================= */

.palum-archive-loop
.elementor-pagination {
    width: 100%;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex-wrap: wrap !important;

    gap:
        8px !important;

    margin:
        46px 0 0 0 !important;

    padding:
        22px 0 0 0 !important;

    border-top:
        1px solid
        rgba(16, 31, 63, 0.08);
}


/* =========================================================
   10. PAGINATION ITEM
   ========================================================= */

.palum-archive-loop
.elementor-pagination
.page-numbers {
    min-width: 40px;
    height: 40px;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    padding:
        0 12px !important;

    background:
        #ffffff;

    border:
        1px solid
        rgba(16, 31, 63, 0.11);

    border-radius:
        4px;

    color:
        #46515b !important;

    font-size:
        11px !important;

    line-height:
        1 !important;

    font-weight:
        700 !important;

    text-decoration:
        none !important;

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease !important;
}


/* Pagination hover */

.palum-archive-loop
.elementor-pagination
a.page-numbers:hover {
    color:
        #FE6800 !important;

    border-color:
        rgba(254, 104, 0, 0.4);

    transform:
        translateY(-1px);
}


/* Current page */

.palum-archive-loop
.elementor-pagination
.page-numbers.current {
    color:
        #ffffff !important;

    background:
        #FE6800 !important;

    border-color:
        #FE6800 !important;
}


/* Previous / Next */

.palum-archive-loop
.elementor-pagination
.page-numbers.prev,

.palum-archive-loop
.elementor-pagination
.page-numbers.next {
    width:
        auto;

    min-width:
        82px;

    padding:
        0 16px !important;
}


/* =========================================================
   11. FILTER TRANSITION
   Elementor 重新筛选时视觉更自然
   ========================================================= */

.palum-archive-loop
.e-loop-item {
    transition:
        opacity 0.28s ease,
        transform 0.28s ease;
}


/* =========================================================
   12. TABLET
   ========================================================= */

@media
(max-width: 1024px) {

    .palum-archive-articles {
        padding:
            72px 26px 88px !important;
    }


    .palum-archive-filter-wrap {
        margin-bottom:
            30px !important;
    }


    .palum-archive-loop
    .elementor-loop-container {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            20px !important;
    }
}


/* =========================================================
   13. MOBILE
   ========================================================= */

@media
(max-width: 767px) {

    .palum-archive-articles {
        padding:
            56px 20px 72px !important;

        background-size:
            56px 56px,
            56px 56px,
            auto;
    }


    /* Filter */

    .palum-archive-filter-wrap {
        margin-bottom:
            26px !important;

        padding-bottom:
            16px !important;
    }


    .palum-archive-tax-filter
    .e-filter {
        justify-content:
            flex-start !important;

        gap:
            8px !important;
    }


    .palum-archive-tax-filter
    .e-filter-item {
        min-height:
            38px;

        padding:
            0 13px !important;

        font-size:
            10px !important;
    }


    /* Grid */

    .palum-archive-loop
    .elementor-loop-container {
        grid-template-columns:
            1fr !important;

        gap:
            18px !important;
    }


    /* Pagination */

    .palum-archive-loop
    .elementor-pagination {
        margin-top:
            34px !important;

        padding-top:
            20px !important;
    }


    .palum-archive-loop
    .elementor-pagination
    .page-numbers {
        min-width:
            38px;

        height:
            38px;

        font-size:
            10px !important;
    }


    .palum-archive-loop
    .elementor-pagination
    .page-numbers.prev,

    .palum-archive-loop
    .elementor-pagination
    .page-numbers.next {
        min-width:
            72px;
    }
}


/* =========================================================
   14. SMALL MOBILE
   ========================================================= */

@media
(max-width: 480px) {

    .palum-archive-articles {
        padding-left:
            18px !important;

        padding-right:
            18px !important;
    }


    .palum-archive-tax-filter
    .e-filter-item {
        padding:
            0 11px !important;
    }
}


/* =========================================================
   15. REDUCED MOTION
   ========================================================= */

@media
(prefers-reduced-motion: reduce) {

    .palum-archive-tax-filter
    .e-filter-item,

    .palum-archive-loop
    .elementor-pagination
    .page-numbers,

    .palum-archive-loop
    .e-loop-item {

        transition:
            none !important;
    }


    .palum-archive-tax-filter
    .e-filter-item:hover,

    .palum-archive-loop
    .elementor-pagination
    a.page-numbers:hover {

        transform:
            none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e927e55 *//* =========================================================
   PALUM BLOG
   05 FINAL RFQ CTA
   ========================================================= */


/* =========================================================
   01. OUTER SECTION
   ========================================================= */

.palum-blog-final-cta {
    position: relative;
    width: 100%;
    overflow: hidden;

    padding: 105px 28px 110px !important;

    background: #f7f9fb;
}


/* =========================================================
   02. MAIN CTA CARD
   palum-blog-final-cta-inner 直接承担卡片
   ========================================================= */

.palum-blog-final-cta-inner {
    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 1480px !important;

    min-height: 410px;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        360px;

    align-items: center !important;

    gap: 40px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding:
        66px 66px 64px !important;

    overflow: hidden;

    border-radius:
        12px !important;

    background:
        radial-gradient(
            circle at 93% 5%,
            rgba(254, 104, 0, 0.16) 0%,
            rgba(254, 104, 0, 0) 27%
        ),
        linear-gradient(
            145deg,
            #0d151d 0%,
            #111b24 52%,
            #17242e 100%
        ) !important;

    box-shadow:
        0 32px 80px
        rgba(16, 31, 63, 0.13);
}


/* =========================================================
   03. BACKGROUND INDUSTRIAL GRID
   ========================================================= */

.palum-blog-final-cta-inner::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: -2;

    background:
        linear-gradient(
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        );

    background-size:
        68px 68px;

    pointer-events: none;
}


/* =========================================================
   04. SUBTLE SIDE GLOW
   ========================================================= */

.palum-blog-final-cta-inner::after {
    content: "";

    position: absolute;

    width: 480px;
    height: 480px;

    right: -250px;
    bottom: -310px;

    z-index: -1;

    border:
        1px solid
        rgba(254, 104, 0, 0.20);

    border-radius: 50%;

    box-shadow:
        0 0 0 90px
        rgba(254, 104, 0, 0.015);

    pointer-events: none;
}


/* =========================================================
   05. CONTENT AREA
   ========================================================= */

.palum-blog-final-cta-content {
    position: relative;
    z-index: 3;

    width: 100%;
    max-width: 820px;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   06. EYEBROW
   ========================================================= */

.palum-blog-final-cta-eyebrow {
    position: relative;

    width: auto !important;

    margin:
        0 0 20px 0 !important;

    padding:
        0 0 0 44px !important;
}


.palum-blog-final-cta-eyebrow::before {
    content: "";

    position: absolute;

    width: 30px;
    height: 2px;

    left: 0;
    top: 50%;

    transform:
        translateY(-50%);

    background:
        #FE6800;
}


.palum-blog-final-cta-eyebrow
.elementor-heading-title {
    margin: 0 !important;

    color:
        #FE6800 !important;

    font-size:
        10px !important;

    line-height:
        1.2 !important;

    font-weight:
        800 !important;

    letter-spacing:
        1.65px !important;

    text-transform:
        uppercase;
}


/* =========================================================
   07. H2
   ========================================================= */

.palum-blog-final-cta-title {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


.palum-blog-final-cta-title
.elementor-heading-title {
    max-width: 780px;

    margin: 0 !important;

    color:
        #ffffff !important;

    font-size:
        50px !important;

    line-height:
        1.04 !important;

    font-weight:
        700 !important;

    letter-spacing:
        -2px !important;
}


.palum-blog-final-cta-title
.elementor-heading-title span {
    color:
        #FE6800 !important;
}


/* =========================================================
   08. DESCRIPTION
   ========================================================= */

.palum-blog-final-cta-desc {
    width: 100%;
    max-width: 720px;

    margin:
        22px 0 0 0 !important;

    padding: 0 !important;
}


.palum-blog-final-cta-desc p {
    margin: 0 !important;

    color:
        rgba(255, 255, 255, 0.61) !important;

    font-size:
        15px !important;

    line-height:
        1.78 !important;

    font-weight:
        400 !important;
}


/* =========================================================
   09. BUTTON WRAPPER
   ========================================================= */

.palum-blog-final-cta-actions {
    width: 100%;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    flex-wrap: wrap !important;

    gap:
        14px !important;

    margin:
        32px 0 0 0 !important;

    padding: 0 !important;
}


/* =========================================================
   10. PRIMARY BUTTON
   ========================================================= */

.palum-blog-final-cta-primary {
    width: auto !important;

    margin: 0 !important;
}


.palum-blog-final-cta-primary
.elementor-button {
    min-height:
        52px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap:
        10px !important;

    padding:
        0 22px !important;

    background:
        #FE6800 !important;

    border:
        1px solid
        #FE6800 !important;

    border-radius:
        5px !important;

    color:
        #ffffff !important;

    font-size:
        11px !important;

    line-height:
        1 !important;

    font-weight:
        800 !important;

    box-shadow:
        0 15px 32px
        rgba(254, 104, 0, 0.20);

    transition:
        transform 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}


.palum-blog-final-cta-primary
.elementor-button:hover {
    background:
        #e95f00 !important;

    border-color:
        #e95f00 !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 20px 38px
        rgba(254, 104, 0, 0.26);
}


/* Primary icon */

.palum-blog-final-cta-primary
.elementor-button-icon {
    transition:
        transform 0.25s ease !important;
}


.palum-blog-final-cta-primary
.elementor-button:hover
.elementor-button-icon {
    transform:
        translateX(4px);
}


/* =========================================================
   11. SECONDARY BUTTON
   ========================================================= */

.palum-blog-final-cta-secondary {
    width:
        auto !important;

    margin: 0 !important;
}


.palum-blog-final-cta-secondary
.elementor-button {
    min-height:
        52px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        10px !important;

    padding:
        0 22px !important;

    background:
        rgba(255, 255, 255, 0.055) !important;

    border:
        1px solid
        rgba(255, 255, 255, 0.17) !important;

    border-radius:
        5px !important;

    color:
        #ffffff !important;

    font-size:
        11px !important;

    line-height:
        1 !important;

    font-weight:
        750 !important;

    box-shadow:
        none !important;

    backdrop-filter:
        blur(8px);

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease !important;
}


.palum-blog-final-cta-secondary
.elementor-button:hover {
    color:
        #ffffff !important;

    background:
        rgba(255, 255, 255, 0.09) !important;

    border-color:
        rgba(254, 104, 0, 0.55) !important;

    transform:
        translateY(-2px);
}


/* Secondary arrow */

.palum-blog-final-cta-secondary
.elementor-button-icon {
    color:
        #FE6800 !important;

    transition:
        transform 0.25s ease !important;
}


.palum-blog-final-cta-secondary
.elementor-button-icon svg {
    fill:
        #FE6800 !important;
}


.palum-blog-final-cta-secondary
.elementor-button:hover
.elementor-button-icon {
    transform:
        translate(3px, -2px);
}


/* =========================================================
   12. RIGHT DECOR AREA
   ========================================================= */

.palum-blog-final-cta-decor {
    position: relative;

    width: 100%;
    height: 280px;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none;
}


/* 大圆弧 */

.palum-blog-final-cta-decor::before {
    content: "";

    position: absolute;

    width: 330px;
    height: 330px;

    right: -22px;
    top: -22px;

    border:
        1px solid
        rgba(254, 104, 0, 0.25);

    border-radius:
        50%;
}


/* 内部小圆 + 十字结构 */

.palum-blog-final-cta-decor::after {
    content: "";

    position: absolute;

    width: 88px;
    height: 88px;

    right: 98px;
    top: 98px;

    border:
        1px solid
        rgba(255, 255, 255, 0.14);

    border-radius:
        50%;

    box-shadow:
        0 0 0 42px
        rgba(255, 255, 255, 0.018);
}


/* =========================================================
   13. DECOR GEOMETRY
   使用空 Container 本身画额外线条
   ========================================================= */

.palum-blog-final-cta-decor {
    background:

        linear-gradient(
            90deg,
            transparent 0%,
            transparent 49.8%,
            rgba(255, 255, 255, 0.08) 50%,
            transparent 50.2%,
            transparent 100%
        ),

        linear-gradient(
            180deg,
            transparent 0%,
            transparent 49.8%,
            rgba(255, 255, 255, 0.08) 50%,
            transparent 50.2%,
            transparent 100%
        );

    background-size:
        100% 100%;

    opacity:
        0.88;
}


/* =========================================================
   14. SMALL DESKTOP
   ========================================================= */

@media
(max-width: 1200px) {

    .palum-blog-final-cta {
        padding:
            92px 28px 98px !important;
    }


    .palum-blog-final-cta-inner {
        grid-template-columns:
            minmax(0, 1fr)
            300px;

        gap:
            28px !important;

        min-height:
            390px;

        padding:
            58px 54px 56px !important;
    }


    .palum-blog-final-cta-title
    .elementor-heading-title {
        font-size:
            46px !important;
    }


    .palum-blog-final-cta-decor {
        height:
            250px;
    }


    .palum-blog-final-cta-decor::before {
        width:
            285px;

        height:
            285px;

        right:
            -18px;

        top:
            -15px;
    }


    .palum-blog-final-cta-decor::after {
        right:
            80px;

        top:
            80px;
    }
}


/* =========================================================
   15. TABLET
   ========================================================= */

@media
(max-width: 1024px) {

    .palum-blog-final-cta {
        padding:
            82px 26px 86px !important;
    }


    .palum-blog-final-cta-inner {
        grid-template-columns:
            minmax(0, 1fr)
            235px;

        gap:
            20px !important;

        padding:
            50px 44px 48px !important;
    }


    .palum-blog-final-cta-title
    .elementor-heading-title {
        font-size:
            42px !important;

        letter-spacing:
            -1.6px !important;
    }


    .palum-blog-final-cta-desc p {
        font-size:
            14px !important;
    }


    .palum-blog-final-cta-decor {
        height:
            220px;
    }


    .palum-blog-final-cta-decor::before {
        width:
            240px;

        height:
            240px;
    }


    .palum-blog-final-cta-decor::after {
        width:
            70px;

        height:
            70px;

        right:
            67px;

        top:
            73px;
    }
}


/* =========================================================
   16. MOBILE
   ========================================================= */

@media
(max-width: 767px) {

    .palum-blog-final-cta {
        padding:
            68px 20px 72px !important;
    }


    .palum-blog-final-cta-inner {
        display: block !important;

        min-height:
            auto;

        padding:
            38px 26px 36px !important;

        border-radius:
            9px !important;
    }


    .palum-blog-final-cta-content {
        max-width:
            none;
    }


    /* Eyebrow */

    .palum-blog-final-cta-eyebrow {
        margin-bottom:
            16px !important;

        padding-left:
            38px !important;
    }


    .palum-blog-final-cta-eyebrow::before {
        width:
            25px;
    }


    .palum-blog-final-cta-eyebrow
    .elementor-heading-title {
        font-size:
            9px !important;

        letter-spacing:
            1.4px !important;
    }


    /* H2 */

    .palum-blog-final-cta-title
    .elementor-heading-title {
        font-size:
            36px !important;

        line-height:
            1.07 !important;

        letter-spacing:
            -1.35px !important;
    }


    /* Description */

    .palum-blog-final-cta-desc {
        margin-top:
            18px !important;
    }


    .palum-blog-final-cta-desc p {
        font-size:
            14px !important;

        line-height:
            1.72 !important;
    }


    /* Buttons */

    .palum-blog-final-cta-actions {
        flex-direction:
            column !important;

        align-items:
            stretch !important;

        gap:
            10px !important;

        margin-top:
            27px !important;
    }


    .palum-blog-final-cta-primary,
    .palum-blog-final-cta-secondary {
        width:
            100% !important;
    }


    .palum-blog-final-cta-primary
    .elementor-button,
    .palum-blog-final-cta-secondary
    .elementor-button {
        width:
            100% !important;

        min-height:
            50px !important;
    }


    /* Mobile 不需要占据页面高度的大装饰 */

    .palum-blog-final-cta-decor {
        position: absolute !important;

        width:
            190px;

        height:
            190px;

        right:
            -75px;

        top:
            -60px;

        opacity:
            0.42;
    }


    .palum-blog-final-cta-decor::before {
        width:
            190px;

        height:
            190px;

        right:
            0;

        top:
            0;
    }


    .palum-blog-final-cta-decor::after {
        width:
            52px;

        height:
            52px;

        right:
            68px;

        top:
            68px;

        box-shadow:
            0 0 0 28px
            rgba(255, 255, 255, 0.018);
    }
}


/* =========================================================
   17. SMALL MOBILE
   ========================================================= */

@media
(max-width: 480px) {

    .palum-blog-final-cta {
        padding-left:
            18px !important;

        padding-right:
            18px !important;
    }


    .palum-blog-final-cta-inner {
        padding:
            34px 21px 32px !important;
    }


    .palum-blog-final-cta-title
    .elementor-heading-title {
        font-size:
            33px !important;
    }
}


/* =========================================================
   18. REDUCED MOTION
   ========================================================= */

@media
(prefers-reduced-motion: reduce) {

    .palum-blog-final-cta-primary
    .elementor-button,

    .palum-blog-final-cta-secondary
    .elementor-button,

    .palum-blog-final-cta-primary
    .elementor-button-icon,

    .palum-blog-final-cta-secondary
    .elementor-button-icon {

        transition:
            none !important;
    }


    .palum-blog-final-cta-primary
    .elementor-button:hover,

    .palum-blog-final-cta-secondary
    .elementor-button:hover,

    .palum-blog-final-cta-primary
    .elementor-button:hover
    .elementor-button-icon,

    .palum-blog-final-cta-secondary
    .elementor-button:hover
    .elementor-button-icon {

        transform:
            none !important;
    }
}/* End custom CSS */