.elementor-394 .elementor-element.elementor-element-b1f0308{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-2f67556{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-362f722{--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-394 .elementor-element.elementor-element-1c26afe{--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-394 .elementor-element.elementor-element-54f22fb{--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-394 .elementor-element.elementor-element-0964637 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-394 .elementor-element.elementor-element-06d6a53{--display:flex;}.elementor-394 .elementor-element.elementor-element-97359e3{--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-394 .elementor-element.elementor-element-0a0be95{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-2addb46{--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-around;--align-items:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-394 .elementor-element.elementor-element-2f121de .elementor-icon-wrapper{text-align:center;}.elementor-394 .elementor-element.elementor-element-2f121de .elementor-icon{font-size:20px;}.elementor-394 .elementor-element.elementor-element-2f121de .elementor-icon svg{height:20px;}.elementor-394 .elementor-element.elementor-element-f55fa06{--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-around;--align-items:center;}.elementor-394 .elementor-element.elementor-element-b16491c .elementor-icon-wrapper{text-align:center;}.elementor-394 .elementor-element.elementor-element-b16491c .elementor-icon{font-size:20px;}.elementor-394 .elementor-element.elementor-element-b16491c .elementor-icon svg{height:20px;}.elementor-394 .elementor-element.elementor-element-ae3bc90{--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-around;--align-items:center;}.elementor-394 .elementor-element.elementor-element-fdf7e0b .elementor-icon-wrapper{text-align:center;}.elementor-394 .elementor-element.elementor-element-fdf7e0b .elementor-icon{font-size:20px;}.elementor-394 .elementor-element.elementor-element-fdf7e0b .elementor-icon svg{height:20px;}.elementor-394 .elementor-element.elementor-element-178dd02{--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-around;--align-items:center;}.elementor-394 .elementor-element.elementor-element-5f350a9 .elementor-icon-wrapper{text-align:center;}.elementor-394 .elementor-element.elementor-element-5f350a9 .elementor-icon{font-size:20px;}.elementor-394 .elementor-element.elementor-element-5f350a9 .elementor-icon svg{height:20px;}.elementor-394 .elementor-element.elementor-element-552a4f2{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-b82565b{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-0e33dda{--display:flex;}.elementor-394 .elementor-element.elementor-element-289732a{--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-394 .elementor-element.elementor-element-9d38d55{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-394 .elementor-element.elementor-element-3631af9{--display:flex;}.elementor-394 .elementor-element.elementor-element-4534cef{--display:flex;}.elementor-394 .elementor-element.elementor-element-76f8738{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-98801f6{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-484db8f{--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;}.elementor-394 .elementor-element.elementor-element-38ace37{--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;}.elementor-394 .elementor-element.elementor-element-e97b0aa{--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;}.elementor-394 .elementor-element.elementor-element-e49c414 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-394 .elementor-element.elementor-element-a4a7737{--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;}.elementor-394 .elementor-element.elementor-element-d339c5f{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-7dc9951{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-fd5996a{--display:flex;}.elementor-394 .elementor-element.elementor-element-b619251{--display:flex;}.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-394 .elementor-element.elementor-element-7762252{--grid-columns:3;}.elementor-394 .elementor-element.elementor-element-7762252 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-394 .elementor-element.elementor-element-7762252 .e-loop-item > .elementor-section, .elementor-394 .elementor-element.elementor-element-7762252 .e-loop-item > .elementor-section > .elementor-container, .elementor-394 .elementor-element.elementor-element-7762252 .e-loop-item > .e-con, .elementor-394 .elementor-element.elementor-element-7762252 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-394 .elementor-element.elementor-element-d6fd6ba{--display:flex;}.elementor-394 .elementor-element.elementor-element-2469d75.elementor-element{--align-self:center;}.elementor-394 .elementor-element.elementor-element-2469d75 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-394 .elementor-element.elementor-element-0fa87fe{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-d4fee2e{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-4d88345{--display:flex;}.elementor-394 .elementor-element.elementor-element-aa5c725{--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-394 .elementor-element.elementor-element-24ac030{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-a842858{--display:flex;}.elementor-394 .elementor-element.elementor-element-1383f87 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-394 .elementor-element.elementor-element-38fb333{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-8927f28{--display:flex;}.elementor-394 .elementor-element.elementor-element-130b13e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-394 .elementor-element.elementor-element-3eeaf81{--display:flex;}.elementor-394 .elementor-element.elementor-element-e8c6ada{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-1532c2c{--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-394 .elementor-element.elementor-element-845c6dd{--display:flex;}.elementor-394 .elementor-element.elementor-element-d110d8a{--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-394 .elementor-element.elementor-element-560214a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-394 .elementor-element.elementor-element-3861566 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-394 .elementor-element.elementor-element-7e01efe{--display:flex;}@media(max-width:1024px){.elementor-394 .elementor-element.elementor-element-7762252{--grid-columns:2;}}@media(max-width:767px){.elementor-394 .elementor-element.elementor-element-7762252{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-b1f0308 *//* =========================================================
   PALUM BLOG
   01 BLOG HERO
   ========================================================= */


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

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

    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(254, 104, 0, 0.075) 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;

    padding: 105px 28px 100px !important;
}


/* 左上角大圆弧装饰 */

.palum-blog-hero::before {
    content: "";
    position: absolute;

    width: 560px;
    height: 560px;

    left: -350px;
    top: -315px;

    border: 1px solid rgba(254, 104, 0, 0.14);
    border-radius: 50%;

    pointer-events: none;
}


/* 右侧橙色短线装饰 */

.palum-blog-hero::after {
    content: "";
    position: absolute;

    width: 88px;
    height: 1px;

    right: 0;
    top: 122px;

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

    pointer-events: none;
}


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

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

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

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

    padding: 0 !important;
}


/* =========================================================
   03. MAIN TWO-COLUMN LAYOUT
   ========================================================= */

.palum-blog-hero-main {
    width: 100%;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(430px, 0.72fr);

    gap: 78px !important;

    align-items: center !important;

    padding: 0 !important;
}


/* =========================================================
   04. LEFT CONTENT
   ========================================================= */

.palum-blog-hero-left {
    width: 100%;
    max-width: 830px;

    padding: 0 !important;
}


/* =========================================================
   05. EYEBROW
   ========================================================= */

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

    width: auto !important;

    margin: 0 0 25px 0 !important;
    padding: 0 0 0 48px !important;
}


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

    position: absolute;

    width: 32px;
    height: 2px;

    left: 0;
    top: 50%;

    transform: translateY(-50%);

    background: #FE6800;
}


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

    color: #FE6800 !important;

    font-size: 11px !important;
    line-height: 1.2 !important;

    font-weight: 800 !important;

    letter-spacing: 1.7px !important;

    text-transform: uppercase;
}


/* =========================================================
   06. H1
   ========================================================= */

.palum-blog-hero-title {
    margin: 0 !important;
    padding: 0 !important;
}


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

    max-width: 820px;

    color: #101822 !important;

    font-size: clamp(54px, 4.55vw, 78px) !important;
    line-height: 0.99 !important;

    font-weight: 750 !important;

    letter-spacing: -3.2px !important;
}


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


/* =========================================================
   07. DESCRIPTION
   ========================================================= */

.palum-blog-hero-desc {
    margin: 28px 0 0 0 !important;
    padding: 0 !important;

    max-width: 720px;
}


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

    color: #65717c !important;

    font-size: 16px !important;
    line-height: 1.82 !important;

    font-weight: 400 !important;
}


/* =========================================================
   08. BUTTON WRAPPER
   ========================================================= */

.palum-blog-hero-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-top: 34px !important;
    padding: 0 !important;
}


/* =========================================================
   09. PRIMARY BUTTON
   ========================================================= */

.palum-blog-hero-btn-primary {
    width: auto !important;
    margin: 0 !important;
}


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

    display: inline-flex !important;

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

    gap: 10px;

    padding: 0 22px !important;

    background: #FE6800 !important;

    border: 1px solid #FE6800 !important;
    border-radius: 5px !important;

    color: #ffffff !important;

    font-size: 12px !important;
    line-height: 1 !important;

    font-weight: 700 !important;

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

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


.palum-blog-hero-btn-primary .elementor-button:hover {
    background: #e95f00 !important;
    border-color: #e95f00 !important;

    transform: translateY(-2px);

    box-shadow:
        0 19px 38px
        rgba(254, 104, 0, 0.22);
}


/* =========================================================
   10. SECONDARY BUTTON
   ========================================================= */

.palum-blog-hero-btn-secondary {
    width: auto !important;
    margin: 0 !important;
}


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

    display: inline-flex !important;

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

    gap: 10px;

    padding: 0 22px !important;

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

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

    border-radius: 5px !important;

    color: #17212b !important;

    font-size: 12px !important;
    line-height: 1 !important;

    font-weight: 700 !important;

    box-shadow: none !important;

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


.palum-blog-hero-btn-secondary .elementor-button:hover {
    color: #FE6800 !important;

    background: #ffffff !important;

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

    transform: translateY(-2px);
}


/* =========================================================
   11. RIGHT KNOWLEDGE INDEX
   ========================================================= */

.palum-blog-hero-index {
    position: relative;

    width: 100%;

    min-height: 470px;

    overflow: hidden;

    padding: 34px 34px 27px !important;

    border-radius: 10px !important;

    background:
        radial-gradient(
            circle at 94% 0%,
            rgba(254, 104, 0, 0.16) 0%,
            rgba(254, 104, 0, 0) 30%
        ),
        linear-gradient(
            145deg,
            #0d151d 0%,
            #111b24 54%,
            #17222d 100%
        ) !important;

    box-shadow:
        0 30px 75px
        rgba(16, 31, 63, 0.14);

    isolation: isolate;
}


/* 网格 */

.palum-blog-hero-index::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:
        66px 66px;

    pointer-events: none;
}


/* 右下圆弧 */

.palum-blog-hero-index::after {
    content: "";

    position: absolute;

    width: 390px;
    height: 390px;

    right: -150px;
    bottom: -215px;

    z-index: -1;

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

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   12. INDEX HEADER
   ========================================================= */

.palum-blog-index-head {
    width: 100%;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content:
        space-between !important;

    gap: 20px !important;

    margin: 0 0 26px 0 !important;

    padding:
        0 0 24px 0 !important;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.10);
}


/* 左标签 */

.palum-blog-index-label {
    width: auto !important;
    margin: 0 !important;
}


.palum-blog-index-label
.elementor-heading-title {
    margin: 0 !important;

    color: #FE6800 !important;

    font-size: 9px !important;
    line-height: 1.2 !important;

    font-weight: 800 !important;

    letter-spacing: 1.35px !important;

    text-transform: uppercase;
}


/* 右标签 */

.palum-blog-index-code {
    width: auto !important;
    margin: 0 !important;
}


.palum-blog-index-code
.elementor-heading-title {
    margin: 0 !important;

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

    font-size: 9px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    letter-spacing: 1.1px !important;

    text-transform: uppercase;
}


/* =========================================================
   13. INDEX TITLE
   ========================================================= */

.palum-blog-index-title {
    margin: 0 !important;
    padding: 0 !important;

    max-width: 410px;
}


.palum-blog-index-title
.elementor-heading-title {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 27px !important;
    line-height: 1.12 !important;

    font-weight: 700 !important;

    letter-spacing: -0.75px !important;
}


/* =========================================================
   14. INDEX DESCRIPTION
   ========================================================= */

.palum-blog-index-desc {
    margin:
        13px 0 0 0 !important;

    padding: 0 !important;

    max-width: 430px;
}


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

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

    font-size: 12px !important;
    line-height: 1.7 !important;

    font-weight: 400 !important;
}


/* =========================================================
   15. INDEX LIST
   ========================================================= */

.palum-blog-index-list {
    width: 100%;

    display: flex !important;

    flex-direction: column !important;

    gap: 0 !important;

    margin-top: 26px !important;

    padding: 0 !important;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.09);
}


/* =========================================================
   16. INDEX ITEM
   ========================================================= */

.palum-blog-index-item {
    position: relative;

    width: 100%;

    min-height: 57px;

    display: grid !important;

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

    align-items: center !important;

    gap: 0 !important;

    margin: 0 !important;

    padding:
        0 4px 0 0 !important;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.075);

    transition:
        background-color 0.25s ease,
        padding-left 0.25s ease !important;
}


.palum-blog-index-item:hover {
    padding-left: 8px !important;

    background:
        rgba(255, 255, 255, 0.025);
}


/* =========================================================
   17. ITEM NUMBER
   ========================================================= */

.palum-blog-index-no {
    width: auto !important;
    margin: 0 !important;
}


.palum-blog-index-no
.elementor-heading-title {
    margin: 0 !important;

    color: #FE6800 !important;

    font-size: 9px !important;
    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: 0.65px !important;
}


/* =========================================================
   18. ITEM NAME
   ========================================================= */

.palum-blog-index-name {
    width: auto !important;
    margin: 0 !important;
}


.palum-blog-index-name
.elementor-heading-title {
    margin: 0 !important;

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

    font-size: 12px !important;
    line-height: 1.3 !important;

    font-weight: 650 !important;

    transition:
        color 0.25s ease !important;
}


.palum-blog-index-item:hover
.palum-blog-index-name
.elementor-heading-title {
    color: #ffffff !important;
}


/* =========================================================
   19. ITEM ARROW
   ========================================================= */

.palum-blog-index-arrow {
    width: auto !important;

    margin: 0 !important;

    display: flex !important;

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

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

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


/* 如果是 Elementor Icon */

.palum-blog-index-arrow
.elementor-icon {
    color:
        rgba(255, 255, 255, 0.30) !important;

    font-size: 14px !important;
}


.palum-blog-index-arrow
.elementor-icon svg {
    fill:
        rgba(255, 255, 255, 0.30) !important;

    width: 14px !important;
    height: 14px !important;
}


/* 如果你用 Heading/Text 输入箭头 */

.palum-blog-index-arrow
.elementor-heading-title,
.palum-blog-index-arrow p {
    margin: 0 !important;

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

    font-size: 15px !important;
    line-height: 1 !important;
}


.palum-blog-index-item:hover
.palum-blog-index-arrow {
    color: #FE6800 !important;

    transform:
        translateX(4px);
}


.palum-blog-index-item:hover
.palum-blog-index-arrow
.elementor-icon {
    color: #FE6800 !important;
}


.palum-blog-index-item:hover
.palum-blog-index-arrow
.elementor-icon svg {
    fill: #FE6800 !important;
}


.palum-blog-index-item:hover
.palum-blog-index-arrow
.elementor-heading-title,
.palum-blog-index-item:hover
.palum-blog-index-arrow p {
    color: #FE6800 !important;
}


/* =========================================================
   20. TABLET
   ========================================================= */

@media
(max-width: 1200px) {

    .palum-blog-hero {
        padding:
            90px 28px 86px !important;
    }

    .palum-blog-hero-main {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(390px, 0.82fr);

        gap: 52px !important;
    }

    .palum-blog-hero-title
    .elementor-heading-title {
        font-size:
            clamp(
                48px,
                5.2vw,
                66px
            ) !important;

        letter-spacing:
            -2.5px !important;
    }

    .palum-blog-hero-index {
        padding:
            31px 30px 25px !important;
    }
}


/* =========================================================
   21. TABLET PORTRAIT
   ========================================================= */

@media
(max-width: 1024px) {

    .palum-blog-hero {
        padding:
            82px 26px 72px !important;
    }

    .palum-blog-hero-main {
        grid-template-columns:
            1fr !important;

        gap: 48px !important;
    }

    .palum-blog-hero-left {
        max-width: 820px;
    }

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

        font-size:
            clamp(
                50px,
                7vw,
                68px
            ) !important;
    }

    .palum-blog-hero-index {
        max-width: 820px;

        min-height: 0;
    }
}


/* =========================================================
   22. MOBILE
   ========================================================= */

@media
(max-width: 767px) {

    .palum-blog-hero {
        padding:
            64px 20px 56px !important;

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


    .palum-blog-hero::before {
        width: 360px;
        height: 360px;

        left: -250px;
        top: -210px;
    }


    .palum-blog-hero::after {
        width: 52px;
        top: 74px;
    }


    .palum-blog-hero-main {
        gap: 38px !important;
    }


    /* Eyebrow */

    .palum-blog-hero-eyebrow {
        margin-bottom:
            20px !important;

        padding-left:
            40px !important;
    }


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


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

        letter-spacing:
            1.45px !important;
    }


    /* H1 */

    .palum-blog-hero-title
    .elementor-heading-title {
        font-size:
            43px !important;

        line-height:
            1.01 !important;

        letter-spacing:
            -1.8px !important;
    }


    /* Description */

    .palum-blog-hero-desc {
        margin-top:
            22px !important;
    }


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

        line-height:
            1.72 !important;
    }


    /* Buttons */

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

        align-items:
            stretch !important;

        gap: 10px !important;

        margin-top:
            28px !important;
    }


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


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

        min-height:
            50px !important;
    }


    /* Right Card */

    .palum-blog-hero-index {
        padding:
            27px 22px 22px !important;

        border-radius:
            8px !important;

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


    .palum-blog-index-head {
        margin-bottom:
            22px !important;

        padding-bottom:
            19px !important;
    }


    .palum-blog-index-code
    .elementor-heading-title {
        font-size:
            8px !important;
    }


    .palum-blog-index-title
    .elementor-heading-title {
        font-size:
            24px !important;

        line-height:
            1.15 !important;

        letter-spacing:
            -0.5px !important;
    }


    .palum-blog-index-desc {
        margin-top:
            11px !important;
    }


    .palum-blog-index-desc p {
        font-size:
            11px !important;

        line-height:
            1.65 !important;
    }


    .palum-blog-index-list {
        margin-top:
            22px !important;
    }


    .palum-blog-index-item {
        min-height:
            54px;

        grid-template-columns:
            36px
            minmax(0, 1fr)
            22px;
    }


    .palum-blog-index-name
    .elementor-heading-title {
        font-size:
            11px !important;
    }
}


/* =========================================================
   23. SMALL MOBILE
   ========================================================= */

@media
(max-width: 480px) {

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

        padding-right:
            18px !important;
    }


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

        letter-spacing:
            -1.5px !important;
    }


    .palum-blog-hero-index {
        padding-left:
            19px !important;

        padding-right:
            19px !important;
    }


    .palum-blog-index-title
    .elementor-heading-title {
        font-size:
            22px !important;
    }
}


/* =========================================================
   24. REDUCED MOTION
   ========================================================= */

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

    .palum-blog-hero-btn-primary
    .elementor-button,

    .palum-blog-hero-btn-secondary
    .elementor-button,

    .palum-blog-index-item,

    .palum-blog-index-arrow,

    .palum-blog-index-name
    .elementor-heading-title {

        transition:
            none !important;
    }


    .palum-blog-hero-btn-primary
    .elementor-button:hover,

    .palum-blog-hero-btn-secondary
    .elementor-button:hover,

    .palum-blog-index-item:hover,

    .palum-blog-index-item:hover
    .palum-blog-index-arrow {

        transform:
            none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-552a4f2 *//* =========================================================
   PALUM BLOG
   02 FEATURED INSIGHT
   ========================================================= */


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

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

    padding: 105px 28px 110px !important;

    background: #ffffff;
}


/* 右上非常轻的工业装饰 */

.palum-blog-featured::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    right: -280px;
    top: -230px;

    border: 1px solid rgba(254, 104, 0, 0.08);
    border-radius: 50%;

    pointer-events: none;
}


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

.palum-blog-featured-inner {
    position: relative;
    z-index: 2;

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

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

    padding: 0 !important;
}


/* =========================================================
   03. SECTION HEADER
   ========================================================= */

.palum-blog-featured-head {
    width: 100%;
    max-width: 860px !important;

    display: flex !important;

    flex-direction: column !important;

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

    margin: 0 auto 46px !important;
    padding: 0 !important;

    text-align: center !important;
}


/* =========================================================
   04. EYEBROW
   左右装饰线完全对称
   ========================================================= */

.palum-blog-featured-eyebrow {
    position: relative;

    width: auto !important;

    display: inline-flex !important;

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

    gap: 14px;

    margin: 0 0 17px 0 !important;
    padding: 0 48px !important;
}


/* 左线 */

.palum-blog-featured-eyebrow::before {
    content: "";

    position: absolute;

    width: 32px;
    height: 2px;

    left: 0;
    top: 50%;

    transform: translateY(-50%);

    background: #FE6800;
}


/* 右线 */

.palum-blog-featured-eyebrow::after {
    content: "";

    position: absolute;

    width: 32px;
    height: 2px;

    right: 0;
    top: 50%;

    transform: translateY(-50%);

    background: #FE6800;
}


.palum-blog-featured-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;
}


/* =========================================================
   05. SECTION TITLE
   ========================================================= */

.palum-blog-featured-title {
    width: 100%;

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


.palum-blog-featured-title
.elementor-heading-title {
    margin: 0 auto !important;

    max-width: 820px;

    color: #111922 !important;

    font-size: 48px !important;
    line-height: 1.07 !important;

    font-weight: 700 !important;

    letter-spacing: -2px !important;

    text-align: center !important;
}


/* =========================================================
   06. SECTION DESCRIPTION
   ========================================================= */

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

    margin: 18px auto 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


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

    color: #6a757e !important;

    font-size: 15px !important;
    line-height: 1.78 !important;

    font-weight: 400 !important;

    text-align: center !important;
}


/* =========================================================
   07. FEATURED CARD
   ========================================================= */

.palum-blog-featured-card {
    position: relative;

    width: 100%;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(420px, 0.82fr);

    gap: 0 !important;

    align-items: stretch !important;

    min-height: 535px;

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

    overflow: hidden;

    background: #fbfcfd;

    border:
        1px solid
        #dfe4e7;

    border-radius: 10px !important;

    box-shadow:
        0 24px 60px
        rgba(16, 31, 63, 0.075);
}


/* =========================================================
   08. LEFT VISUAL AREA
   ========================================================= */

.palum-blog-featured-visual {
    position: relative;

    width: 100%;
    min-width: 0;

    min-height: 535px;

    overflow: hidden;

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

    background: #101820;

    isolation: isolate;
}


/* =========================================================
   09. IMAGE WIDGET
   ========================================================= */

.palum-blog-featured-image {
    position: absolute !important;

    inset: 0;

    width: 100% !important;
    height: 100% !important;

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

    z-index: 0;
}


.palum-blog-featured-image
.elementor-widget-container {
    width: 100%;
    height: 100%;
}


.palum-blog-featured-image
img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;

    object-position: center center;

    filter:
        saturate(0.93)
        contrast(1.04)
        brightness(0.88);

    transform: scale(1.001);

    transition:
        transform 0.8s ease,
        filter 0.5s ease;
}


/* 非常轻微的图片 Hover */

.palum-blog-featured-card:hover
.palum-blog-featured-image
img {
    transform: scale(1.025);

    filter:
        saturate(0.98)
        contrast(1.03)
        brightness(0.91);
}


/* =========================================================
   10. VISUAL GRADIENT
   ========================================================= */

.palum-blog-featured-visual::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            180deg,
            rgba(7, 12, 17, 0.45) 0%,
            rgba(7, 12, 17, 0.12) 30%,
            rgba(7, 12, 17, 0.10) 43%,
            rgba(7, 12, 17, 0.38) 68%,
            rgba(7, 12, 17, 0.86) 100%
        );

    pointer-events: none;
}


/* 轻微侧向暗角 */

.palum-blog-featured-visual::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(6, 10, 15, 0.18) 0%,
            rgba(6, 10, 15, 0) 38%,
            rgba(6, 10, 15, 0.08) 100%
        );

    pointer-events: none;
}


/* =========================================================
   11. VISUAL CONTENT OVERLAY
   ========================================================= */

.palum-blog-featured-visual-content {
    position: absolute !important;

    inset: 0;

    z-index: 3;

    width: 100%;
    height: 100%;

    display: flex !important;

    flex-direction: column !important;

    justify-content:
        space-between !important;

    align-items:
        flex-start !important;

    margin: 0 !important;

    padding:
        30px 32px 31px !important;

    pointer-events: none;
}


/* =========================================================
   12. IMAGE TOP LABEL
   ========================================================= */

.palum-blog-featured-image-label {
    width: auto !important;

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


.palum-blog-featured-image-label
.elementor-heading-title {
    margin: 0 !important;

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

    font-size: 9px !important;
    line-height: 1.2 !important;

    font-weight: 800 !important;

    letter-spacing: 1.35px !important;

    text-transform: uppercase;

    text-shadow:
        0 2px 10px
        rgba(0, 0, 0, 0.25);
}


.palum-blog-featured-image-label
.elementor-heading-title
span {
    color: #FE6800 !important;
}


/* =========================================================
   13. IMAGE BOTTOM COPY
   ========================================================= */

.palum-blog-featured-image-copy {
    width: 100%;
    max-width: 470px;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: 0 !important;

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


/* Topic */

.palum-blog-featured-image-topic {
    width: auto !important;

    margin: 0 0 11px 0 !important;
}


.palum-blog-featured-image-topic
.elementor-heading-title {
    margin: 0 !important;

    color: #FE6800 !important;

    font-size: 9px !important;
    line-height: 1.2 !important;

    font-weight: 800 !important;

    letter-spacing: 1.2px !important;

    text-transform: uppercase;
}


/* Main image copy */

.palum-blog-featured-image-title {
    margin: 0 !important;
    padding: 0 !important;
}


.palum-blog-featured-image-title
.elementor-heading-title {
    margin: 0 !important;

    max-width: 460px;

    color: #ffffff !important;

    font-size: 27px !important;
    line-height: 1.12 !important;

    font-weight: 700 !important;

    letter-spacing: -0.7px !important;

    text-shadow:
        0 2px 14px
        rgba(0, 0, 0, 0.28);
}


/* Small description */

.palum-blog-featured-image-desc {
    max-width: 420px;

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


.palum-blog-featured-image-desc p {
    margin: 0 !important;

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

    font-size: 11px !important;
    line-height: 1.6 !important;

    font-weight: 400 !important;
}


/* =========================================================
   14. RIGHT CONTENT AREA
   ========================================================= */

.palum-blog-featured-content {
    position: relative;

    width: 100%;

    display: flex !important;

    flex-direction: column !important;

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

    gap: 0 !important;

    margin: 0 !important;

    padding:
        53px 54px 45px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfcfd 100%
        );
}


/* =========================================================
   15. CATEGORY
   ========================================================= */

.palum-blog-featured-category {
    position: relative;

    width: auto !important;

    margin: 0 0 18px 0 !important;

    padding-left: 36px !important;
}


.palum-blog-featured-category::before {
    content: "";

    position: absolute;

    width: 25px;
    height: 1px;

    left: 0;
    top: 50%;

    transform: translateY(-50%);

    background: #FE6800;
}


.palum-blog-featured-category
.elementor-heading-title {
    margin: 0 !important;

    color: #FE6800 !important;

    font-size: 9px !important;
    line-height: 1.2 !important;

    font-weight: 800 !important;

    letter-spacing: 1.3px !important;

    text-transform: uppercase;
}


/* =========================================================
   16. ARTICLE TITLE
   ========================================================= */

.palum-blog-featured-article-title {
    width: 100%;

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


.palum-blog-featured-article-title
.elementor-heading-title {
    margin: 0 !important;

    max-width: 470px;

    color: #111922 !important;

    font-size: 38px !important;
    line-height: 1.08 !important;

    font-weight: 700 !important;

    letter-spacing: -1.35px !important;
}


/* =========================================================
   17. EXCERPT
   ========================================================= */

.palum-blog-featured-excerpt {
    width: 100%;
    max-width: 490px;

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


.palum-blog-featured-excerpt p {
    margin: 0 !important;

    color: #69747d !important;

    font-size: 14px !important;
    line-height: 1.78 !important;

    font-weight: 400 !important;
}


/* =========================================================
   18. POINTS WRAPPER
   ========================================================= */

.palum-blog-featured-points {
    width: 100%;

    display: flex !important;

    flex-direction: column !important;

    gap: 0 !important;

    margin:
        28px 0 0 0 !important;

    padding: 0 !important;

    border-top:
        1px solid #dfe4e7;
}


/* =========================================================
   19. EACH POINT
   ========================================================= */

.palum-blog-featured-point {
    width: 100%;

    display: grid !important;

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

    align-items: center !important;

    gap: 6px !important;

    min-height: 48px;

    margin: 0 !important;

    padding:
        13px 0 !important;

    border-bottom:
        1px solid #e4e8eb;

    transition:
        padding-left 0.25s ease,
        background-color 0.25s ease;
}


.palum-blog-featured-point:hover {
    padding-left: 6px !important;

    background:
        rgba(16, 31, 63, 0.018);
}


/* Number */

.palum-blog-featured-point-no {
    width: auto !important;

    margin: 0 !important;
}


.palum-blog-featured-point-no
.elementor-heading-title {
    margin: 0 !important;

    color: #FE6800 !important;

    font-size: 9px !important;
    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: 0.8px !important;
}


/* Point text */

.palum-blog-featured-point-text {
    width: auto !important;

    margin: 0 !important;
}


.palum-blog-featured-point-text
.elementor-heading-title {
    margin: 0 !important;

    color: #3d4852 !important;

    font-size: 11px !important;
    line-height: 1.35 !important;

    font-weight: 700 !important;
}


/* =========================================================
   20. BUTTON
   ========================================================= */

.palum-blog-featured-btn {
    width: auto !important;

    margin:
        28px 0 0 0 !important;
}


.palum-blog-featured-btn
.elementor-button {
    min-height: 48px !important;

    display: inline-flex !important;

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

    gap: 10px;

    padding:
        0 19px !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: 750 !important;

    box-shadow:
        0 14px 29px
        rgba(254, 104, 0, 0.17);

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


.palum-blog-featured-btn
.elementor-button:hover {
    background:
        #e95f00 !important;

    border-color:
        #e95f00 !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 18px 34px
        rgba(254, 104, 0, 0.22);
}


/* =========================================================
   21. BOTTOM META
   ========================================================= */

.palum-blog-featured-meta {
    width: 100%;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content:
        space-between !important;

    gap: 20px !important;

    margin:
        22px 0 0 0 !important;

    padding:
        17px 0 0 0 !important;

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


/* Left */

.palum-blog-featured-meta-left {
    width: auto !important;
    margin: 0 !important;
}


.palum-blog-featured-meta-left
.elementor-heading-title {
    margin: 0 !important;

    color: #9aa3aa !important;

    font-size: 8px !important;
    line-height: 1.2 !important;

    font-weight: 650 !important;

    letter-spacing: 0.9px !important;

    text-transform: uppercase;
}


/* Right */

.palum-blog-featured-meta-right {
    width: auto !important;
    margin: 0 !important;
}


.palum-blog-featured-meta-right
.elementor-heading-title {
    margin: 0 !important;

    color: #717c85 !important;

    font-size: 8px !important;
    line-height: 1.2 !important;

    font-weight: 750 !important;

    letter-spacing: 1px !important;

    text-transform: uppercase;
}


/* =========================================================
   22. DESKTOP / SMALL LAPTOP
   ========================================================= */

@media
(max-width: 1200px) {

    .palum-blog-featured {
        padding:
            90px 28px 94px !important;
    }


    .palum-blog-featured-card {
        grid-template-columns:
            minmax(0, 1.08fr)
            minmax(390px, 0.92fr);

        min-height: 520px;
    }


    .palum-blog-featured-visual {
        min-height: 520px;
    }


    .palum-blog-featured-content {
        padding:
            46px 42px 40px !important;
    }


    .palum-blog-featured-article-title
    .elementor-heading-title {
        font-size:
            35px !important;
    }
}


/* =========================================================
   23. TABLET
   ========================================================= */

@media
(max-width: 1024px) {

    .palum-blog-featured {
        padding:
            82px 26px 84px !important;
    }


    .palum-blog-featured-head {
        margin-bottom:
            38px !important;
    }


    .palum-blog-featured-title
    .elementor-heading-title {
        font-size:
            44px !important;

        letter-spacing:
            -1.7px !important;
    }


    .palum-blog-featured-card {
        grid-template-columns:
            1fr !important;

        min-height: 0;
    }


    .palum-blog-featured-visual {
        min-height: 470px;
    }


    .palum-blog-featured-content {
        padding:
            46px 44px 42px !important;
    }


    .palum-blog-featured-excerpt {
        max-width: 680px;
    }


    .palum-blog-featured-article-title
    .elementor-heading-title {
        max-width: 650px;
    }
}


/* =========================================================
   24. MOBILE
   ========================================================= */

@media
(max-width: 767px) {

    .palum-blog-featured {
        padding:
            68px 20px 70px !important;
    }


    /* Header */

    .palum-blog-featured-head {
        margin-bottom:
            30px !important;
    }


    .palum-blog-featured-eyebrow {
        padding:
            0 40px !important;

        margin-bottom:
            14px !important;
    }


    .palum-blog-featured-eyebrow::before,
    .palum-blog-featured-eyebrow::after {
        width: 25px;
    }


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

        letter-spacing:
            1.4px !important;
    }


    .palum-blog-featured-title
    .elementor-heading-title {
        font-size:
            37px !important;

        line-height:
            1.08 !important;

        letter-spacing:
            -1.35px !important;
    }


    .palum-blog-featured-desc {
        margin-top:
            15px !important;
    }


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

        line-height:
            1.72 !important;
    }


    /* Card */

    .palum-blog-featured-card {
        border-radius:
            8px !important;

        box-shadow:
            0 18px 44px
            rgba(16, 31, 63, 0.07);
    }


    /* Image */

    .palum-blog-featured-visual {
        min-height:
            390px;
    }


    .palum-blog-featured-visual-content {
        padding:
            24px 22px 25px !important;
    }


    .palum-blog-featured-image-label
    .elementor-heading-title {
        font-size:
            8px !important;
    }


    .palum-blog-featured-image-title
    .elementor-heading-title {
        font-size:
            23px !important;

        line-height:
            1.14 !important;
    }


    .palum-blog-featured-image-desc p {
        font-size:
            10px !important;
    }


    /* Right content */

    .palum-blog-featured-content {
        padding:
            34px 24px 30px !important;
    }


    .palum-blog-featured-category {
        margin-bottom:
            15px !important;
    }


    .palum-blog-featured-article-title
    .elementor-heading-title {
        font-size:
            31px !important;

        line-height:
            1.1 !important;

        letter-spacing:
            -1px !important;
    }


    .palum-blog-featured-excerpt {
        margin-top:
            17px !important;
    }


    .palum-blog-featured-excerpt p {
        font-size:
            13px !important;

        line-height:
            1.72 !important;
    }


    .palum-blog-featured-points {
        margin-top:
            23px !important;
    }


    .palum-blog-featured-point {
        min-height:
            47px;

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


    .palum-blog-featured-btn {
        width:
            100% !important;

        margin-top:
            24px !important;
    }


    .palum-blog-featured-btn
    .elementor-button {
        width:
            100% !important;

        min-height:
            49px !important;
    }


    .palum-blog-featured-meta {
        margin-top:
            20px !important;
    }
}


/* =========================================================
   25. SMALL MOBILE
   ========================================================= */

@media
(max-width: 480px) {

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

        padding-right:
            18px !important;
    }


    .palum-blog-featured-title
    .elementor-heading-title {
        font-size:
            34px !important;
    }


    .palum-blog-featured-visual {
        min-height:
            360px;
    }


    .palum-blog-featured-content {
        padding:
            31px 20px 27px !important;
    }


    .palum-blog-featured-meta {
        align-items:
            flex-start !important;

        flex-direction:
            column !important;

        gap: 7px !important;
    }
}


/* =========================================================
   26. REDUCED MOTION
   ========================================================= */

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

    .palum-blog-featured-image img,

    .palum-blog-featured-point,

    .palum-blog-featured-btn
    .elementor-button {

        transition:
            none !important;
    }


    .palum-blog-featured-card:hover
    .palum-blog-featured-image img {
        transform:
            none !important;
    }


    .palum-blog-featured-point:hover {
        padding-left:
            0 !important;
    }


    .palum-blog-featured-btn
    .elementor-button:hover {
        transform:
            none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d339c5f *//* =========================================================
   PALUM BLOG
   03 LATEST INSIGHTS
   SECTION + LOOP GRID
   ========================================================= */


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

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

    padding: 105px 28px 110px !important;

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

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


/* 左下角轻圆弧装饰 */

.palum-blog-latest::before {
    content: "";

    position: absolute;

    width: 430px;
    height: 430px;

    left: -280px;
    bottom: -255px;

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

    border-radius: 50%;

    pointer-events: none;
}


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

.palum-blog-latest-inner {
    position: relative;
    z-index: 2;

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

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

    padding: 0 !important;
}


/* =========================================================
   03. HEADER
   ========================================================= */

.palum-blog-latest-head {
    width: 100%;
    max-width: 850px !important;

    display: flex !important;

    flex-direction: column !important;

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

    margin:
        0 auto 46px !important;

    padding: 0 !important;

    text-align: center !important;
}


/* =========================================================
   04. EYEBROW
   左右完全对称装饰线
   ========================================================= */

.palum-blog-latest-eyebrow {
    position: relative;

    width: auto !important;

    display: inline-flex !important;

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

    margin:
        0 0 16px 0 !important;

    padding:
        0 48px !important;
}


.palum-blog-latest-eyebrow::before,
.palum-blog-latest-eyebrow::after {
    content: "";

    position: absolute;

    top: 50%;

    width: 32px;
    height: 2px;

    transform:
        translateY(-50%);

    background: #FE6800;
}


.palum-blog-latest-eyebrow::before {
    left: 0;
}


.palum-blog-latest-eyebrow::after {
    right: 0;
}


.palum-blog-latest-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.6px !important;

    text-transform:
        uppercase;
}


/* =========================================================
   05. SECTION TITLE
   ========================================================= */

.palum-blog-latest-title {
    width: 100%;

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


.palum-blog-latest-title
.elementor-heading-title {
    max-width: 820px;

    margin:
        0 auto !important;

    color:
        #111922 !important;

    font-size:
        48px !important;

    line-height:
        1.06 !important;

    font-weight:
        700 !important;

    letter-spacing:
        -2px !important;

    text-align:
        center !important;
}


/* =========================================================
   06. DESCRIPTION
   ========================================================= */

.palum-blog-latest-desc {
    width: 100%;
    max-width: 710px;

    margin:
        18px auto 0 !important;

    padding: 0 !important;

    text-align:
        center !important;
}


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

    color:
        #68747e !important;

    font-size:
        15px !important;

    line-height:
        1.75 !important;

    font-weight:
        400 !important;

    text-align:
        center !important;
}


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

.palum-blog-latest-grid {
    width: 100%;

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


/* Elementor Loop Container */

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

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

    gap:
        22px !important;

    align-items:
        stretch !important;
}


/* 每个 Loop Item wrapper 高度统一 */

.palum-blog-latest-grid
.e-loop-item {
    height: 100%;
}


/* 内部卡片跟随高度 */

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


/* =========================================================
   08. CARD BODY HEIGHT BALANCE
   解决现在三篇标题长短不同的问题
   ========================================================= */

/*
   你现在：
   第一篇标题约3行
   第二篇约2行
   第三篇约4行

   这里不给标题硬锁高度，
   而是让 Body 自动撑满，
   Read Article 自动靠近卡片底部。
*/

.palum-blog-latest-grid
.palum-blog-card-body {
    flex: 1 1 auto !important;

    min-height: 0;

    display: flex !important;
    flex-direction: column !important;
}


/* Read Article 尽量统一到底部 */

.palum-blog-latest-grid
.palum-blog-card-read {
    margin-top:
        auto !important;

    padding-top:
        24px !important;
}


/* =========================================================
   09. FOOTER
   ========================================================= */

.palum-blog-latest-footer {
    width: 100%;

    display: flex !important;

    flex-direction: row !important;

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

    margin:
        36px 0 0 0 !important;

    padding: 0 !important;
}


/* =========================================================
   10. VIEW ALL ARTICLES BUTTON
   ========================================================= */

.palum-blog-latest-all {
    width:
        auto !important;

    margin: 0 !important;
}


.palum-blog-latest-all
.elementor-button {
    min-height:
        48px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        10px !important;

    padding:
        0 20px !important;

    background:
        #ffffff !important;

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

    border-radius:
        5px !important;

    color:
        #17212b !important;

    font-size:
        11px !important;

    line-height:
        1 !important;

    font-weight:
        750 !important;

    box-shadow:
        0 10px 24px
        rgba(16, 31, 63, 0.035);

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


.palum-blog-latest-all
.elementor-button:hover {
    color:
        #FE6800 !important;

    background:
        #ffffff !important;

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

    transform:
        translateY(-2px);

    box-shadow:
        0 14px 30px
        rgba(16, 31, 63, 0.07);
}


/* 按钮箭头 */

.palum-blog-latest-all
.elementor-button-icon {
    color:
        #FE6800 !important;

    transition:
        transform 0.25s ease !important;
}


.palum-blog-latest-all
.elementor-button-icon svg {
    width:
        13px !important;

    height:
        13px !important;

    fill:
        #FE6800 !important;
}


.palum-blog-latest-all
.elementor-button:hover
.elementor-button-icon {
    transform:
        translateX(4px);
}


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

@media
(max-width: 1024px) {

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


    .palum-blog-latest-head {
        margin-bottom:
            38px !important;
    }


    .palum-blog-latest-title
    .elementor-heading-title {
        font-size:
            44px !important;

        letter-spacing:
            -1.7px !important;
    }


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

        gap:
            20px !important;
    }
}


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

@media
(max-width: 767px) {

    .palum-blog-latest {
        padding:
            68px 20px 72px !important;

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


    .palum-blog-latest-head {
        margin-bottom:
            30px !important;
    }


    .palum-blog-latest-eyebrow {
        padding:
            0 40px !important;

        margin-bottom:
            14px !important;
    }


    .palum-blog-latest-eyebrow::before,
    .palum-blog-latest-eyebrow::after {
        width:
            25px;
    }


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

        letter-spacing:
            1.4px !important;
    }


    .palum-blog-latest-title
    .elementor-heading-title {
        font-size:
            37px !important;

        line-height:
            1.08 !important;

        letter-spacing:
            -1.35px !important;
    }


    .palum-blog-latest-desc {
        margin-top:
            15px !important;
    }


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

        line-height:
            1.72 !important;
    }


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

        gap:
            18px !important;
    }


    .palum-blog-latest-footer {
        margin-top:
            28px !important;
    }


    .palum-blog-latest-all {
        width:
            100% !important;
    }


    .palum-blog-latest-all
    .elementor-button {
        width:
            100% !important;
    }
}


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

@media
(max-width: 480px) {

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

        padding-right:
            18px !important;
    }


    .palum-blog-latest-title
    .elementor-heading-title {
        font-size:
            34px !important;
    }
}


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

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

    .palum-blog-latest-all
    .elementor-button,

    .palum-blog-latest-all
    .elementor-button-icon {

        transition:
            none !important;
    }


    .palum-blog-latest-all
    .elementor-button:hover,

    .palum-blog-latest-all
    .elementor-button:hover
    .elementor-button-icon {

        transform:
            none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0fa87fe *//* =========================================================
   PALUM BLOG
   04 FROM INSIGHT TO MANUFACTURING
   ========================================================= */


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

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

    padding: 108px 28px 114px !important;

    background: #ffffff;
}


/* 右上大圆弧装饰 */

.palum-blog-capabilities::before {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    right: -330px;
    top: -280px;

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

    border-radius: 50%;

    pointer-events: none;
}


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

.palum-blog-capabilities-inner {
    position: relative;
    z-index: 2;

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

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

    padding: 0 !important;
}


/* =========================================================
   03. HEADER
   ========================================================= */

.palum-blog-capabilities-head {
    width: 100%;
    max-width: 880px !important;

    display: flex !important;

    flex-direction: column !important;

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

    margin:
        0 auto 48px !important;

    padding: 0 !important;

    text-align: center !important;
}


/* =========================================================
   04. EYEBROW
   左右对称装饰线
   ========================================================= */

.palum-blog-capabilities-eyebrow {
    position: relative;

    width: auto !important;

    display: inline-flex !important;

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

    margin:
        0 0 16px 0 !important;

    padding:
        0 48px !important;
}


.palum-blog-capabilities-eyebrow::before,
.palum-blog-capabilities-eyebrow::after {
    content: "";

    position: absolute;

    top: 50%;

    width: 32px;
    height: 2px;

    transform:
        translateY(-50%);

    background: #FE6800;
}


.palum-blog-capabilities-eyebrow::before {
    left: 0;
}


.palum-blog-capabilities-eyebrow::after {
    right: 0;
}


.palum-blog-capabilities-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.6px !important;

    text-transform:
        uppercase;
}


/* =========================================================
   05. SECTION TITLE
   ========================================================= */

.palum-blog-capabilities-title {
    width: 100%;

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


.palum-blog-capabilities-title
.elementor-heading-title {
    max-width: 830px;

    margin:
        0 auto !important;

    color:
        #111922 !important;

    font-size:
        48px !important;

    line-height:
        1.06 !important;

    font-weight:
        700 !important;

    letter-spacing:
        -2px !important;

    text-align:
        center !important;
}


/* =========================================================
   06. SECTION DESCRIPTION
   ========================================================= */

.palum-blog-capabilities-desc {
    width: 100%;
    max-width: 760px;

    margin:
        18px auto 0 !important;

    padding: 0 !important;

    text-align:
        center !important;
}


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

    color:
        #68747e !important;

    font-size:
        15px !important;

    line-height:
        1.75 !important;

    font-weight:
        400 !important;

    text-align:
        center !important;
}


/* =========================================================
   07. TWO-CARD GRID
   ========================================================= */

.palum-blog-capabilities-grid {
    width: 100%;

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        24px !important;

    align-items:
        stretch !important;

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


/* =========================================================
   08. CAPABILITY CARD
   ========================================================= */

.palum-blog-cap-card {
    position: relative;

    width: 100%;
    min-width: 0;

    min-height: 530px;

    overflow: hidden;

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

    border-radius:
        10px !important;

    background:
        #101820;

    box-shadow:
        0 24px 60px
        rgba(16, 31, 63, 0.09);

    isolation: isolate;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease !important;
}


/* Card hover */

.palum-blog-cap-card:hover {
    transform:
        translateY(-5px);

    box-shadow:
        0 30px 72px
        rgba(16, 31, 63, 0.14);
}


/* =========================================================
   09. CARD IMAGE
   ========================================================= */

.palum-blog-cap-image {
    position: absolute !important;

    inset: 0;

    width: 100% !important;
    height: 100% !important;

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

    z-index: 0;
}


.palum-blog-cap-image
.elementor-widget-container {
    width: 100%;
    height: 100%;
}


.palum-blog-cap-image
a {
    display: block;

    width: 100%;
    height: 100%;
}


.palum-blog-cap-image
img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit:
        cover !important;

    object-position:
        center center;

    filter:
        saturate(0.92)
        contrast(1.03)
        brightness(0.88);

    transform:
        scale(1.001);

    transition:
        transform 0.8s ease,
        filter 0.5s ease !important;
}


/* Hover 图片轻微放大 */

.palum-blog-cap-card:hover
.palum-blog-cap-image
img {
    transform:
        scale(1.035);

    filter:
        saturate(0.98)
        contrast(1.03)
        brightness(0.92);
}


/* =========================================================
   10. DARK GRADIENT OVERLAY
   保留图片细节，同时保证底部文字可读
   ========================================================= */

.palum-blog-cap-card::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            180deg,
            rgba(5, 9, 13, 0.08) 0%,
            rgba(5, 9, 13, 0.03) 28%,
            rgba(5, 9, 13, 0.10) 46%,
            rgba(5, 9, 13, 0.36) 66%,
            rgba(5, 9, 13, 0.84) 100%
        );

    pointer-events: none;
}


/* 轻微侧向暗角 */

.palum-blog-cap-card::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(5, 9, 13, 0.13) 0%,
            rgba(5, 9, 13, 0) 38%,
            rgba(5, 9, 13, 0.04) 100%
        );

    pointer-events: none;
}


/* =========================================================
   11. CARD CONTENT
   ========================================================= */

.palum-blog-cap-content {
    position: absolute !important;

    z-index: 3;

    left: 30px;
    right: 30px;
    bottom: 30px;

    width: auto !important;
    max-width: 520px;

    display: flex !important;

    flex-direction: column !important;

    align-items:
        flex-start !important;

    justify-content:
        flex-end !important;

    gap: 0 !important;

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


/* =========================================================
   12. KICKER
   ========================================================= */

.palum-blog-cap-kicker {
    position: relative;

    width: auto !important;

    margin:
        0 0 12px 0 !important;

    padding:
        0 0 0 34px !important;
}


.palum-blog-cap-kicker::before {
    content: "";

    position: absolute;

    width: 24px;
    height: 1px;

    left: 0;
    top: 50%;

    transform:
        translateY(-50%);

    background:
        #FE6800;
}


.palum-blog-cap-kicker
.elementor-heading-title {
    margin: 0 !important;

    color:
        #FE6800 !important;

    font-size:
        9px !important;

    line-height:
        1.2 !important;

    font-weight:
        800 !important;

    letter-spacing:
        1.25px !important;

    text-transform:
        uppercase;

    text-shadow:
        0 2px 8px
        rgba(0, 0, 0, 0.2);
}


/* =========================================================
   13. CARD TITLE
   ========================================================= */

.palum-blog-cap-title {
    width: 100%;

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


.palum-blog-cap-title
.elementor-heading-title {
    margin: 0 !important;

    color:
        #ffffff !important;

    font-size:
        34px !important;

    line-height:
        1.08 !important;

    font-weight:
        700 !important;

    letter-spacing:
        -1px !important;

    text-shadow:
        0 2px 14px
        rgba(0, 0, 0, 0.28);
}


/* =========================================================
   14. CARD DESCRIPTION
   ========================================================= */

.palum-blog-cap-desc {
    width: 100%;
    max-width: 500px;

    margin:
        15px 0 0 0 !important;

    padding: 0 !important;
}


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

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

    font-size:
        13px !important;

    line-height:
        1.72 !important;

    font-weight:
        400 !important;

    text-shadow:
        0 2px 10px
        rgba(0, 0, 0, 0.18);
}


/* =========================================================
   15. CAPABILITY LINK
   做成文字型 CTA，不做橙色实心按钮
   ========================================================= */

.palum-blog-cap-link {
    width:
        auto !important;

    margin:
        24px 0 0 0 !important;

    padding: 0 !important;
}


.palum-blog-cap-link
.elementor-button {
    min-height:
        0 !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        10px !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        none !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    color:
        #ffffff !important;

    font-size:
        10px !important;

    line-height:
        1.2 !important;

    font-weight:
        800 !important;

    transition:
        color 0.25s ease !important;
}


.palum-blog-cap-link
.elementor-button:hover {
    color:
        #ffffff !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}


/* Arrow */

.palum-blog-cap-link
.elementor-button-icon {
    color:
        #FE6800 !important;

    transition:
        transform 0.25s ease !important;
}


.palum-blog-cap-link
.elementor-button-icon svg {
    width:
        13px !important;

    height:
        13px !important;

    fill:
        #FE6800 !important;
}


.palum-blog-cap-card:hover
.palum-blog-cap-link
.elementor-button-icon {
    transform:
        translateX(4px);
}


/* =========================================================
   16. CARD-SPECIFIC IMAGE POSITION
   可以分别控制两张图的主体位置
   ========================================================= */

/* Precision Mold Manufacturing */

.palum-blog-cap-card-tooling
.palum-blog-cap-image
img {
    object-position:
        center center;
}


/* Injection Molding */

.palum-blog-cap-card-molding
.palum-blog-cap-image
img {
    object-position:
        center center;
}


/* =========================================================
   17. BOTTOM BRIDGE
   ========================================================= */

.palum-blog-capabilities-bridge {
    width: 100%;

    display: flex !important;

    flex-direction: row !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    margin:
        34px 0 0 0 !important;

    padding: 0 !important;
}


/* =========================================================
   18. BRIDGE TEXT
   ========================================================= */

.palum-blog-capabilities-bridge-text {
    position: relative;

    width:
        auto !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    margin: 0 !important;

    padding:
        0 58px !important;
}


.palum-blog-capabilities-bridge-text::before,
.palum-blog-capabilities-bridge-text::after {
    content: "";

    position: absolute;

    top: 50%;

    width:
        42px;

    height:
        1px;

    transform:
        translateY(-50%);

    background:
        #d9dfe3;
}


.palum-blog-capabilities-bridge-text::before {
    left: 0;
}


.palum-blog-capabilities-bridge-text::after {
    right: 0;
}


.palum-blog-capabilities-bridge-text
.elementor-heading-title {
    margin: 0 !important;

    color:
        #7d8891 !important;

    font-size:
        9px !important;

    line-height:
        1.2 !important;

    font-weight:
        650 !important;

    letter-spacing:
        0.8px !important;

    text-transform:
        uppercase;
}


/* =========================================================
   19. SMALL DESKTOP
   ========================================================= */

@media
(max-width: 1200px) {

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


    .palum-blog-cap-card {
        min-height:
            500px;
    }


    .palum-blog-cap-content {
        left:
            28px;

        right:
            28px;

        bottom:
            28px;
    }


    .palum-blog-cap-title
    .elementor-heading-title {
        font-size:
            31px !important;
    }
}


/* =========================================================
   20. TABLET
   ========================================================= */

@media
(max-width: 1024px) {

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


    .palum-blog-capabilities-head {
        margin-bottom:
            38px !important;
    }


    .palum-blog-capabilities-title
    .elementor-heading-title {
        font-size:
            44px !important;

        letter-spacing:
            -1.7px !important;
    }


    .palum-blog-capabilities-grid {
        grid-template-columns:
            1fr !important;

        gap:
            20px !important;
    }


    .palum-blog-cap-card {
        min-height:
            500px;
    }


    .palum-blog-cap-content {
        max-width:
            560px;
    }
}


/* =========================================================
   21. MOBILE
   ========================================================= */

@media
(max-width: 767px) {

    .palum-blog-capabilities {
        padding:
            68px 20px 74px !important;
    }


    /* Header */

    .palum-blog-capabilities-head {
        margin-bottom:
            31px !important;
    }


    .palum-blog-capabilities-eyebrow {
        padding:
            0 40px !important;

        margin-bottom:
            14px !important;
    }


    .palum-blog-capabilities-eyebrow::before,
    .palum-blog-capabilities-eyebrow::after {
        width:
            25px;
    }


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

        letter-spacing:
            1.35px !important;
    }


    .palum-blog-capabilities-title
    .elementor-heading-title {
        font-size:
            37px !important;

        line-height:
            1.08 !important;

        letter-spacing:
            -1.35px !important;
    }


    .palum-blog-capabilities-desc {
        margin-top:
            15px !important;
    }


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

        line-height:
            1.72 !important;
    }


    /* Cards */

    .palum-blog-capabilities-grid {
        gap:
            18px !important;
    }


    .palum-blog-cap-card {
        min-height:
            450px;

        border-radius:
            8px !important;

        box-shadow:
            0 18px 46px
            rgba(16, 31, 63, 0.08);
    }


    .palum-blog-cap-card:hover {
        transform:
            none;
    }


    .palum-blog-cap-content {
        left:
            22px;

        right:
            22px;

        bottom:
            24px;
    }


    .palum-blog-cap-kicker {
        margin-bottom:
            10px !important;
    }


    .palum-blog-cap-title
    .elementor-heading-title {
        font-size:
            28px !important;

        line-height:
            1.1 !important;
    }


    .palum-blog-cap-desc {
        margin-top:
            13px !important;
    }


    .palum-blog-cap-desc p {
        font-size:
            12px !important;

        line-height:
            1.67 !important;
    }


    .palum-blog-cap-link {
        margin-top:
            20px !important;
    }


    /* Bridge */

    .palum-blog-capabilities-bridge {
        margin-top:
            27px !important;
    }


    .palum-blog-capabilities-bridge-text {
        padding:
            0 45px !important;
    }


    .palum-blog-capabilities-bridge-text::before,
    .palum-blog-capabilities-bridge-text::after {
        width:
            30px;
    }


    .palum-blog-capabilities-bridge-text
    .elementor-heading-title {
        font-size:
            8px !important;
    }
}


/* =========================================================
   22. SMALL MOBILE
   ========================================================= */

@media
(max-width: 480px) {

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

        padding-right:
            18px !important;
    }


    .palum-blog-capabilities-title
    .elementor-heading-title {
        font-size:
            34px !important;
    }


    .palum-blog-cap-card {
        min-height:
            430px;
    }


    .palum-blog-cap-content {
        left:
            20px;

        right:
            20px;

        bottom:
            22px;
    }


    .palum-blog-cap-title
    .elementor-heading-title {
        font-size:
            26px !important;
    }


    .palum-blog-capabilities-bridge-text {
        padding:
            0 38px !important;
    }


    .palum-blog-capabilities-bridge-text::before,
    .palum-blog-capabilities-bridge-text::after {
        width:
            24px;
    }
}


/* =========================================================
   23. REDUCED MOTION
   ========================================================= */

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

    .palum-blog-cap-card,

    .palum-blog-cap-image img,

    .palum-blog-cap-link
    .elementor-button-icon {

        transition:
            none !important;
    }


    .palum-blog-cap-card:hover {
        transform:
            none !important;
    }


    .palum-blog-cap-card:hover
    .palum-blog-cap-image
    img {
        transform:
            none !important;
    }


    .palum-blog-cap-card:hover
    .palum-blog-cap-link
    .elementor-button-icon {
        transform:
            none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8c6ada *//* =========================================================
   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 */