.elementor-391 .elementor-element.elementor-element-b3cface{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-0ac5cba{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-ec9956a{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.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-391 .elementor-element.elementor-element-218a827{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.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-391 .elementor-element.elementor-element-85da59f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-391 .elementor-element.elementor-element-1ba6a6a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-391 .elementor-element.elementor-element-875c650{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-2414bcd{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-a5fc786{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-a5fc786:not(.elementor-motion-effects-element-type-background), .elementor-391 .elementor-element.elementor-element-a5fc786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://palummold.com/wp-content/uploads/2026/09/高精度进口机台设备-2-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-391 .elementor-element.elementor-element-3ed2459{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-3ed2459:not(.elementor-motion-effects-element-type-background), .elementor-391 .elementor-element.elementor-element-3ed2459 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://palummold.com/wp-content/uploads/2026/09/12-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-391 .elementor-element.elementor-element-4acfcca{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-4acfcca:not(.elementor-motion-effects-element-type-background), .elementor-391 .elementor-element.elementor-element-4acfcca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://palummold.com/wp-content/uploads/2026/09/注塑生产，放注塑机照片-3-三选一-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-391 .elementor-element.elementor-element-5aaf26b{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-305322b{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-d5ff0fe{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-66936f8{--display:flex;}.elementor-391 .elementor-element.elementor-element-af0fcbf{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-b681843{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-587788a{--display:flex;}.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-391 .elementor-element.elementor-element-c6410e2{--display:flex;}.elementor-391 .elementor-element.elementor-element-2fce308{--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-391 .elementor-element.elementor-element-9f4bcd0{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-1d1f2c3{--display:flex;}.elementor-391 .elementor-element.elementor-element-148d933{--display:flex;}.elementor-391 .elementor-element.elementor-element-b98c823{--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-391 .elementor-element.elementor-element-49a6f0f{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-8cb68bc{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-28962db{--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-391 .elementor-element.elementor-element-19b3345{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-159f36e{--display:flex;}.elementor-391 .elementor-element.elementor-element-159f36e:not(.elementor-motion-effects-element-type-background), .elementor-391 .elementor-element.elementor-element-159f36e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://palummold.com/wp-content/uploads/2026/09/高精度进口机台设备-1-加工照片-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-391 .elementor-element.elementor-element-7525a9a{--display:flex;}.elementor-391 .elementor-element.elementor-element-7525a9a:not(.elementor-motion-effects-element-type-background), .elementor-391 .elementor-element.elementor-element-7525a9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://palummold.com/wp-content/uploads/2026/09/trial-1-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-391 .elementor-element.elementor-element-80679dc{--display:flex;}.elementor-391 .elementor-element.elementor-element-8484e43{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-817e6c1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-6888e27{--display:flex;}.elementor-391 .elementor-element.elementor-element-ccf2944{--display:flex;}.elementor-391 .elementor-element.elementor-element-96e241b{--display:flex;}.elementor-391 .elementor-element.elementor-element-9d4f3cf{--display:flex;}.elementor-391 .elementor-element.elementor-element-ab954b5{--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-391 .elementor-element.elementor-element-c5b86e9 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-391 .elementor-element.elementor-element-49bb00b{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-7666bc0{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-3d860bd{--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-391 .elementor-element.elementor-element-6586ccb{--display:flex;}.elementor-391 .elementor-element.elementor-element-7080b57{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-13d6997{--display:flex;}.elementor-391 .elementor-element.elementor-element-9ec8aff{--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-391 .elementor-element.elementor-element-f6b7812{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-bc3a933{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-bd35172{--display:flex;}.elementor-391 .elementor-element.elementor-element-ded2b28{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-5cd2d98{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-44020f3{--display:flex;}.elementor-391 .elementor-element.elementor-element-3e8735c{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-32c6f68{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-abf73e0{--display:flex;}.elementor-391 .elementor-element.elementor-element-f72003e{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-b5318d2{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-b514ddc{--display:flex;}.elementor-391 .elementor-element.elementor-element-e316d59{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-207fc5e{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-3a0ea2f{--display:flex;}.elementor-391 .elementor-element.elementor-element-c95f9e7{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-efbc9b4{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-3f68a01{--display:flex;}.elementor-391 .elementor-element.elementor-element-4992af8{--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-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-391 .elementor-element.elementor-element-3db8727 .elementor-icon-wrapper{text-align:center;}.elementor-391 .elementor-element.elementor-element-0c0f63d{--display:flex;}.elementor-391 .elementor-element.elementor-element-556587f{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-09db693{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-0b49749{--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-391 .elementor-element.elementor-element-8350eb2{--display:flex;}.elementor-391 .elementor-element.elementor-element-f637232{--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-391 .elementor-element.elementor-element-505a675{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-396659b{--display:flex;}.elementor-391 .elementor-element.elementor-element-396659b:not(.elementor-motion-effects-element-type-background), .elementor-391 .elementor-element.elementor-element-396659b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://palummold.com/wp-content/uploads/2026/09/equip-4-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-391 .elementor-element.elementor-element-c0fd095{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-6b3a221{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-bead02d{--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-391 .elementor-element.elementor-element-a1da21c{--display:flex;}.elementor-391 .elementor-element.elementor-element-0498204{--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-391 .elementor-element.elementor-element-8e058a0{--display:flex;}.elementor-391 .elementor-element.elementor-element-2ce0670{--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-391 .elementor-element.elementor-element-96cf1bb{--display:flex;}.elementor-391 .elementor-element.elementor-element-f5595dd{--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-391 .elementor-element.elementor-element-6d52605{--display:flex;}.elementor-391 .elementor-element.elementor-element-eb1dd43{--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-391 .elementor-element.elementor-element-b1e2dea{--display:flex;}.elementor-391 .elementor-element.elementor-element-69f5db5{--display:flex;}.elementor-391 .elementor-element.elementor-element-f9f05a3{--display:flex;}.elementor-391 .elementor-element.elementor-element-346a1e1{--display:flex;}.elementor-391 .elementor-element.elementor-element-4b300c0{--display:flex;}.elementor-391 .elementor-element.elementor-element-f705994{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-fd708d8{--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-391 .elementor-element.elementor-element-973d96d{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-391 .elementor-element.elementor-element-9469b98{--display:flex;}.elementor-391 .elementor-element.elementor-element-b114d03 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-391 .elementor-element.elementor-element-154c0af{--display:flex;}.elementor-391 .elementor-element.elementor-element-057b2e3{--display:flex;}.elementor-391 .elementor-element.elementor-element-b72f010{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-ee0a443{--display:flex;}.elementor-391 .elementor-element.elementor-element-5c006a7{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-25ca687{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-098a964{--display:flex;}.elementor-391 .elementor-element.elementor-element-9478049{--display:flex;}.elementor-391 .elementor-element.elementor-element-54a97d2{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-7f41009{--display:flex;}.elementor-391 .elementor-element.elementor-element-3bb1a3c{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-c2d26e4{--display:flex;}.elementor-391 .elementor-element.elementor-element-cef14ec{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-30b9861{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-391 .elementor-element.elementor-element-5ad07c2{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-3899eb1{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-6f8d01a{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-9bedc20{--display:flex;}.elementor-391 .elementor-element.elementor-element-330ff36{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-391 .elementor-element.elementor-element-3310f1c{--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-391 .elementor-element.elementor-element-0b99bc4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-391 .elementor-element.elementor-element-ac72d4e{--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-391 .elementor-element.elementor-element-592f0c4{--display:flex;}.elementor-391 .elementor-element.elementor-element-f72414e{--display:flex;}.elementor-391 .elementor-element.elementor-element-425e921{--display:flex;}/* Start custom CSS for container, class: .elementor-element-b3cface *//* ========================================================= PALUM CAPABILITIES PAGE SECTION 01 — HERO CLEAN FINAL VERSION Brand Color: #FE6800 ========================================================= */ /* ========================================================= 01. HERO BASE ========================================================= */ .palum-cap-hero { --palum-orange: #FE6800; --palum-orange-hover: #FF7A1A; --palum-dark: #0B1118; --palum-white: #FFFFFF; position: relative; width: 100% !important; min-height: 720px; overflow: hidden; display: flex !important; align-items: center !important; padding: 90px 36px !important; background: radial-gradient( circle at 9% 38%, rgba(254, 104, 0, 0.13) 0%, rgba(254, 104, 0, 0.045) 22%, rgba(254, 104, 0, 0) 44% ), radial-gradient( circle at 92% 16%, rgba(254, 104, 0, 0.08) 0%, rgba(254, 104, 0, 0) 30% ), linear-gradient( 125deg, #090F16 0%, #0E1721 55%, #0A1017 100% ) !important; isolation: isolate; } /* ========================================================= 02. ENGINEERING GRID ========================================================= */ .palum-cap-hero::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0.28; background-image: 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: 46px 46px; } /* decorative technical circle */ .palum-cap-hero::after { content: ""; position: absolute; width: 520px; height: 520px; right: -260px; top: -240px; z-index: 0; border: 1px solid rgba(254, 104, 0, 0.15); border-radius: 50%; pointer-events: none; } /* ========================================================= 03. INNER ========================================================= */ .palum-cap-hero .palum-cap-hero-inner { position: relative; z-index: 3; width: 100% !important; max-width: 1680px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr) !important; gap: 76px !important; align-items: center !important; } /* ========================================================= 04. LEFT CONTENT ========================================================= */ .palum-cap-hero .palum-cap-hero-content { width: 100% !important; max-width: 720px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; } /* ========================================================= 05. EYEBROW ========================================================= */ .palum-cap-hero .palum-cap-eyebrow { position: relative; width: auto !important; margin: 0 0 22px !important; padding-left: 38px !important; } .palum-cap-hero .palum-cap-eyebrow::before { content: ""; position: absolute; left: 0; top: 50%; width: 26px; height: 2px; background: var(--palum-orange); transform: translateY(-50%); } .palum-cap-hero .palum-cap-eyebrow .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: 1.8px !important; text-transform: uppercase !important; } /* ========================================================= 06. H1 ========================================================= */ .palum-cap-hero .palum-cap-title { width: 100% !important; max-width: 680px !important; margin: 0 0 26px !important; } .palum-cap-hero .palum-cap-title .elementor-heading-title { margin: 0 !important; color: #FFFFFF !important; font-size: clamp(50px, 4.5vw, 76px) !important; line-height: 0.98 !important; font-weight: 700 !important; letter-spacing: -3px !important; } .palum-cap-hero .palum-cap-title .elementor-heading-title span { color: var(--palum-orange) !important; } /* ========================================================= 07. DESCRIPTION ========================================================= */ .palum-cap-hero .palum-cap-text { width: 100% !important; max-width: 650px !important; margin: 0 0 34px !important; } .palum-cap-hero .palum-cap-text, .palum-cap-hero .palum-cap-text p, .palum-cap-hero .palum-cap-text span { color: rgba(255, 255, 255, 0.67) !important; font-size: 17px !important; line-height: 1.72 !important; font-weight: 400 !important; } .palum-cap-hero .palum-cap-text p { margin: 0 !important; } /* ========================================================= 08. BUTTON AREA ========================================================= */ .palum-cap-hero .palum-cap-actions { width: auto !important; margin: 0 0 44px !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 14px !important; flex-wrap: wrap !important; } /* ========================================================= 09. PRIMARY BUTTON ========================================================= */ .palum-cap-hero .palum-cap-primary .elementor-button { min-height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 15px 26px !important; background: var(--palum-orange) !important; border: 1px solid var(--palum-orange) !important; border-radius: 5px !important; box-shadow: 0 10px 28px rgba(254, 104, 0, 0.18) !important; color: #FFFFFF !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 700 !important; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important; } .palum-cap-hero .palum-cap-primary .elementor-button:hover { background: var(--palum-orange-hover) !important; border-color: var(--palum-orange-hover) !important; transform: translateY(-2px); box-shadow: 0 14px 34px rgba(254, 104, 0, 0.26) !important; } /* ========================================================= 10. SECONDARY BUTTON ========================================================= */ .palum-cap-hero .palum-cap-secondary .elementor-button { min-height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 15px 26px !important; background: rgba(255, 255, 255, 0.025) !important; border: 1px solid rgba(255, 255, 255, 0.26) !important; border-radius: 5px !important; box-shadow: none !important; color: #FFFFFF !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 700 !important; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease !important; } .palum-cap-hero .palum-cap-secondary .elementor-button:hover { background: rgba(255, 255, 255, 0.055) !important; border-color: var(--palum-orange) !important; transform: translateY(-2px); } /* button text */ .palum-cap-hero .palum-cap-actions .elementor-button-text { color: #FFFFFF !important; } /* icons */ .palum-cap-hero .palum-cap-actions .elementor-button-icon { margin: 0 !important; transition: transform 0.25s ease !important; } .palum-cap-hero .palum-cap-actions .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } /* ========================================================= 11. TAGS ========================================================= */ .palum-cap-hero .palum-cap-tags { width: auto !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 0 !important; flex-wrap: wrap !important; } .palum-cap-hero .palum-cap-tag { position: relative; width: auto !important; padding: 0 20px !important; } .palum-cap-hero .palum-cap-tag:first-child { padding-left: 0 !important; } .palum-cap-hero .palum-cap-tag:not(:last-child)::after { content: ""; position: absolute; width: 3px; height: 3px; right: -1px; top: 50%; border-radius: 50%; background: var(--palum-orange); transform: translateY(-50%); } .palum-cap-hero .palum-cap-tag, .palum-cap-hero .palum-cap-tag p, .palum-cap-hero .palum-cap-tag span { color: rgba(255, 255, 255, 0.52) !important; font-size: 12px !important; line-height: 1.4 !important; font-weight: 600 !important; letter-spacing: 0.3px !important; } .palum-cap-hero .palum-cap-tag p { margin: 0 !important; } /* ========================================================= 12. VISUAL AREA ========================================================= */ .palum-cap-hero .palum-cap-visual { position: relative !important; width: 100% !important; height: 560px !important; min-width: 0 !important; overflow: visible !important; } /* orange technical corner */ .palum-cap-hero .palum-cap-visual::before { content: ""; position: absolute; left: -32px; top: 51px; width: 125px; height: 125px; border-left: 1px solid rgba(254, 104, 0, 0.48); border-top: 1px solid rgba(254, 104, 0, 0.48); z-index: 0; pointer-events: none; } /* ========================================================= 13. MAIN IMAGE ========================================================= */ .palum-cap-hero .palum-cap-main-image { position: absolute !important; right: 0; top: 0; width: 78% !important; height: 430px !important; min-height: 0 !important; overflow: hidden !important; display: flex !important; align-items: flex-end !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; border-radius: 4px !important; box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28); z-index: 1; } /* dark image overlay */ .palum-cap-hero .palum-cap-main-image::before, .palum-cap-hero .palum-cap-small-left::before, .palum-cap-hero .palum-cap-small-right::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 180deg, rgba(7, 12, 18, 0.02) 0%, rgba(7, 12, 18, 0.08) 55%, rgba(7, 12, 18, 0.58) 100% ); } /* orange bottom line */ .palum-cap-hero .palum-cap-main-image::after { content: ""; position: absolute; left: 0; bottom: 0; width: 38%; height: 3px; background: var(--palum-orange); z-index: 2; } /* ========================================================= 14. LEFT SMALL IMAGE ========================================================= */ .palum-cap-hero .palum-cap-small-left { position: absolute !important; left: 0; bottom: 0; width: 38% !important; height: 240px !important; min-height: 0 !important; overflow: hidden !important; display: flex !important; align-items: flex-end !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; border: 6px solid #0D151E !important; border-radius: 4px !important; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.30); z-index: 4; } /* ========================================================= 15. RIGHT SMALL IMAGE ========================================================= */ .palum-cap-hero .palum-cap-small-right { position: absolute !important; right: 5%; bottom: 15px; width: 31% !important; height: 180px !important; min-height: 0 !important; overflow: hidden !important; display: flex !important; align-items: flex-end !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; border: 6px solid #0D151E !important; border-radius: 4px !important; box-shadow: 0 18px 46px rgba(0, 0, 0, 0.30); z-index: 5; } /* ========================================================= 16. IMAGE LABEL ========================================================= */ .palum-cap-hero .palum-cap-image-label { position: relative; z-index: 3; width: auto !important; margin: 0 !important; padding: 0 0 17px 18px !important; } .palum-cap-hero .palum-cap-main-image .palum-cap-image-label { padding: 0 0 21px 24px !important; } .palum-cap-hero .palum-cap-image-label::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--palum-orange); } .palum-cap-hero .palum-cap-image-label .elementor-heading-title { display: inline !important; margin: 0 !important; color: #FFFFFF !important; font-size: 12px !important; line-height: 1.4 !important; font-weight: 700 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; } /* ========================================================= 17. FLOATING ENGINEERING CARD ========================================================= */ .palum-cap-hero .palum-cap-engineering-card { position: absolute !important; left: 31%; top: 355px; z-index: 8; width: 220px !important; min-height: auto !important; padding: 19px 20px !important; background: rgba(14, 22, 31, 0.92) !important; border: 1px solid rgba(255, 255, 255, 0.10) !important; border-left: 3px solid var(--palum-orange) !important; border-radius: 0 !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28); display: flex !important; flex-direction: column !important; gap: 5px !important; } /* ========================================================= 18. FLOATING CARD TITLE ========================================================= */ .palum-cap-hero .palum-cap-engineering-title { margin: 0 !important; } .palum-cap-hero .palum-cap-engineering-title .elementor-heading-title { margin: 0 !important; color: #FFFFFF !important; font-size: 15px !important; line-height: 1.35 !important; font-weight: 700 !important; } /* ========================================================= 19. FLOATING CARD TEXT ========================================================= */ .palum-cap-hero .palum-cap-engineering-text { margin: 0 !important; } .palum-cap-hero .palum-cap-engineering-text, .palum-cap-hero .palum-cap-engineering-text p, .palum-cap-hero .palum-cap-engineering-text span { color: rgba(255, 255, 255, 0.52) !important; font-size: 12px !important; line-height: 1.5 !important; font-weight: 400 !important; } .palum-cap-hero .palum-cap-engineering-text p { margin: 0 !important; } /* ========================================================= 20. IMAGE HOVER ========================================================= */ .palum-cap-hero .palum-cap-main-image, .palum-cap-hero .palum-cap-small-left, .palum-cap-hero .palum-cap-small-right { transition: transform 0.45s ease, box-shadow 0.45s ease !important; } .palum-cap-hero .palum-cap-main-image:hover, .palum-cap-hero .palum-cap-small-left:hover, .palum-cap-hero .palum-cap-small-right:hover { transform: translateY(-4px); box-shadow: 0 28px 65px rgba(0, 0, 0, 0.34); } /* ========================================================= 21. ELEMENTOR CLEANUP ========================================================= */ .palum-cap-hero .elementor-widget { margin-bottom: 0 !important; } .palum-cap-hero .elementor-widget-container { margin-bottom: 0 !important; } /* ========================================================= 22. LARGE DESKTOP ========================================================= */ @media (min-width: 1600px) { .palum-cap-hero { min-height: 760px; padding: 96px 56px !important; } .palum-cap-hero .palum-cap-hero-inner { max-width: 1580px !important; } .palum-cap-hero .palum-cap-visual { height: 590px !important; } .palum-cap-hero .palum-cap-main-image { height: 450px !important; } .palum-cap-hero .palum-cap-small-left { height: 250px !important; } .palum-cap-hero .palum-cap-small-right { height: 190px !important; } .palum-cap-hero .palum-cap-engineering-card { top: 372px; width: 230px !important; } } /* ========================================================= 23. SMALL DESKTOP ========================================================= */ @media (min-width: 1025px) and (max-width: 1280px) { .palum-cap-hero { min-height: 680px; padding: 78px 28px !important; } .palum-cap-hero .palum-cap-hero-inner { grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr) !important; gap: 44px !important; } .palum-cap-hero .palum-cap-title .elementor-heading-title { font-size: clamp(46px, 4.8vw, 62px) !important; } .palum-cap-hero .palum-cap-visual { height: 500px !important; } .palum-cap-hero .palum-cap-main-image { height: 385px !important; } .palum-cap-hero .palum-cap-small-left { height: 205px !important; } .palum-cap-hero .palum-cap-small-right { height: 160px !important; } .palum-cap-hero .palum-cap-engineering-card { top: 315px; left: 28%; width: 205px !important; padding: 16px 17px !important; } } /* ========================================================= 24. TABLET ========================================================= */ @media (max-width: 1024px) { .palum-cap-hero { min-height: auto; padding: 82px 30px 88px !important; } .palum-cap-hero .palum-cap-hero-inner { grid-template-columns: 1fr !important; gap: 58px !important; } .palum-cap-hero .palum-cap-hero-content { max-width: 800px !important; } .palum-cap-hero .palum-cap-title { max-width: 760px !important; } .palum-cap-hero .palum-cap-title .elementor-heading-title { font-size: 58px !important; } .palum-cap-hero .palum-cap-visual { width: 100% !important; max-width: 850px !important; height: 560px !important; margin: 0 auto !important; } } /* ========================================================= 25. MOBILE ========================================================= */ @media (max-width: 767px) { .palum-cap-hero { min-height: auto; padding: 66px 20px 70px !important; } .palum-cap-hero .palum-cap-hero-inner { gap: 45px !important; } /* eyebrow */ .palum-cap-hero .palum-cap-eyebrow { margin-bottom: 18px !important; padding-left: 32px !important; } .palum-cap-hero .palum-cap-eyebrow::before { width: 21px; } .palum-cap-hero .palum-cap-eyebrow .elementor-heading-title { font-size: 11px !important; letter-spacing: 1.25px !important; } /* title */ .palum-cap-hero .palum-cap-title { margin-bottom: 21px !important; } .palum-cap-hero .palum-cap-title .elementor-heading-title { font-size: clamp(40px, 12vw, 54px) !important; line-height: 1.02 !important; letter-spacing: -1.8px !important; } /* text */ .palum-cap-hero .palum-cap-text { margin-bottom: 29px !important; } .palum-cap-hero .palum-cap-text, .palum-cap-hero .palum-cap-text p { font-size: 15.5px !important; line-height: 1.65 !important; } /* buttons */ .palum-cap-hero .palum-cap-actions { width: 100% !important; flex-direction: column !important; gap: 11px !important; margin-bottom: 31px !important; } .palum-cap-hero .palum-cap-primary, .palum-cap-hero .palum-cap-secondary { width: 100% !important; } .palum-cap-hero .palum-cap-primary .elementor-button, .palum-cap-hero .palum-cap-secondary .elementor-button { width: 100% !important; } /* tags */ .palum-cap-hero .palum-cap-tags { gap: 9px 0 !important; } .palum-cap-hero .palum-cap-tag { padding: 0 12px !important; } .palum-cap-hero .palum-cap-tag:first-child { padding-left: 0 !important; } .palum-cap-hero .palum-cap-tag, .palum-cap-hero .palum-cap-tag p { font-size: 11px !important; } /* visual */ .palum-cap-hero .palum-cap-visual { height: 430px !important; } .palum-cap-hero .palum-cap-visual::before { left: -12px; top: 35px; width: 88px; height: 88px; } .palum-cap-hero .palum-cap-main-image { width: 88% !important; height: 305px !important; } .palum-cap-hero .palum-cap-small-left { width: 47% !important; height: 185px !important; border-width: 5px !important; } .palum-cap-hero .palum-cap-small-right { width: 38% !important; height: 145px !important; right: 0; bottom: 5px; border-width: 5px !important; } .palum-cap-hero .palum-cap-engineering-card { left: 36%; top: 275px; width: 190px !important; padding: 15px !important; } .palum-cap-hero .palum-cap-image-label { padding: 0 0 13px 13px !important; } .palum-cap-hero .palum-cap-main-image .palum-cap-image-label { padding: 0 0 17px 17px !important; } .palum-cap-hero .palum-cap-image-label .elementor-heading-title { font-size: 10px !important; letter-spacing: 0.5px !important; } } /* ========================================================= 26. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .palum-cap-hero { padding: 58px 18px 62px !important; } .palum-cap-hero .palum-cap-title .elementor-heading-title { font-size: 40px !important; } .palum-cap-hero .palum-cap-visual { height: 390px !important; } .palum-cap-hero .palum-cap-main-image { height: 275px !important; } .palum-cap-hero .palum-cap-small-left { height: 165px !important; } .palum-cap-hero .palum-cap-small-right { height: 132px !important; } .palum-cap-hero .palum-cap-engineering-card { left: 31%; top: 246px; width: 185px !important; } } /* ========================================================= 27. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .palum-cap-hero *, .palum-cap-hero *::before, .palum-cap-hero *::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-305322b *//* ========================================================= PALUM — CAPABILITIES SECTION 02 — CORE CAPABILITIES ========================================================= */ /* ========================================================= 01. SECTION ========================================================= */ .palum-cap-02 { --palum-orange: #FE6800; --palum-navy: #101F3F; --palum-ink: #111722; --palum-text: #68737D; --palum-muted: #98A2AA; --palum-line: #DDE3E8; position: relative; overflow: hidden; isolation: isolate; width: 100%; padding: 108px 42px 112px !important; background: radial-gradient( circle at 9% 8%, rgba(254,104,0,.045), transparent 23% ), linear-gradient( rgba(16,31,63,.014) 1px, transparent 1px ), linear-gradient( 90deg, rgba(16,31,63,.014) 1px, transparent 1px ), #FFFFFF; background-size: auto, 84px 84px, 84px 84px, auto; } /* ========================================================= 02. INNER ========================================================= */ .palum-cap-02 .palum-cap-02-inner { position: relative; z-index: 2; width: 100%; max-width: 1480px !important; margin: 0 auto !important; } /* ========================================================= 03. HEADER ========================================================= */ .palum-cap-02 .palum-cap-02-head { display: flex !important; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 930px; margin: 0 auto 46px !important; text-align: center; } /* ========================================================= EYEBROW ========================================================= */ .palum-cap-02 .palum-cap-02-eyebrow { width: auto !important; margin: 0 0 20px !important; } .palum-cap-02 .palum-cap-02-eyebrow .elementor-heading-title { display: inline-flex; align-items: center; justify-content: center; gap: 18px; margin: 0 !important; color: var(--palum-orange) !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 1.7px; text-transform: uppercase; } .palum-cap-02 .palum-cap-02-eyebrow .elementor-heading-title::before, .palum-cap-02 .palum-cap-02-eyebrow .elementor-heading-title::after { content: ""; display: block; width: 58px; height: 2px; flex: 0 0 58px; background: var(--palum-orange); } /* ========================================================= 04. MAIN TITLE ========================================================= */ .palum-cap-02 .palum-cap-02-title { width: 100%; margin: 0 !important; text-align: center; } .palum-cap-02 .palum-cap-02-title .elementor-heading-title { margin: 0 !important; color: var(--palum-ink) !important; font-size: clamp(44px, 3.9vw, 62px) !important; line-height: 1.035 !important; font-weight: 700 !important; letter-spacing: -2px; text-align: center; } .palum-cap-02 .palum-cap-02-title .elementor-heading-title span { color: var(--palum-orange) !important; } /* ========================================================= 05. INTRO ========================================================= */ .palum-cap-02 .palum-cap-02-intro { width: 100%; max-width: 820px; margin: 20px auto 0 !important; text-align: center; } .palum-cap-02 .palum-cap-02-intro .elementor-widget-container { margin: 0 !important; } .palum-cap-02 .palum-cap-02-intro p { margin: 0 !important; color: var(--palum-text) !important; font-size: 15px !important; line-height: 1.76 !important; font-weight: 400; } /* ========================================================= 06. CORE CAPABILITIES GRID ========================================================= */ .palum-cap-02 .palum-cap-02-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px !important; width: 100%; margin: 0 !important; } /* ========================================================= 07. CARD ========================================================= */ .palum-cap-02 .palum-cap-02-card { position: relative; display: flex !important; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid rgba(16,31,63,.11); border-radius: 8px; background: #FFFFFF; box-shadow: 0 16px 44px rgba(16,31,63,.065); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; } .palum-cap-02 .palum-cap-02-card:hover { transform: translateY(-5px); border-color: rgba(254,104,0,.36); box-shadow: 0 26px 64px rgba(16,31,63,.12); } /* subtle orange bottom line */ .palum-cap-02 .palum-cap-02-card::after { content: ""; position: absolute; left: 0; bottom: 0; z-index: 4; width: 0; height: 3px; background: var(--palum-orange); transition: width .34s ease; } .palum-cap-02 .palum-cap-02-card:hover::after { width: 100%; } /* ========================================================= 08. MEDIA AREA ========================================================= */ .palum-cap-02 .palum-cap-02-media { position: relative; width: 100%; height: 360px; min-height: 360px; overflow: hidden; background: #E8ECEF; } /* subtle image overlay */ .palum-cap-02 .palum-cap-02-media::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient( 180deg, rgba(11,18,28,0) 42%, rgba(11,18,28,.04) 67%, rgba(11,18,28,.22) 100% ); } /* ========================================================= 09. MEDIA IMAGE ========================================================= */ .palum-cap-02 .palum-cap-02-media .elementor-widget-image { position: absolute; inset: 0; z-index: 1; width: 100% !important; height: 100% !important; margin: 0 !important; } .palum-cap-02 .palum-cap-02-media .elementor-widget-image .elementor-widget-container { width: 100%; height: 100%; margin: 0 !important; } .palum-cap-02 .palum-cap-02-media .elementor-widget-image a { display: block; width: 100%; height: 100%; } .palum-cap-02 .palum-cap-02-media img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: center; transition: transform .6s ease; } .palum-cap-02 .palum-cap-02-card:hover .palum-cap-02-media img { transform: scale(1.035); } /* ========================================================= 10. CARD NUMBER ========================================================= */ .palum-cap-02 .palum-cap-02-index { position: absolute; top: 18px; right: 18px; z-index: 3; width: 50px !important; height: 50px; margin: 0 !important; } .palum-cap-02 .palum-cap-02-index .elementor-widget-container { width: 100%; height: 100%; } .palum-cap-02 .palum-cap-02-index .elementor-heading-title { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0 !important; border: 1px solid rgba(255,255,255,.36); background: rgba(16,31,63,.72); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #FFFFFF !important; font-size: 11px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .8px; } /* ========================================================= 11. CARD BODY ========================================================= */ .palum-cap-02 .palum-cap-02-body { position: relative; display: flex !important; flex-direction: column; flex: 1; min-width: 0; padding: 30px 30px 28px !important; background: #FFFFFF; } /* orange accent */ .palum-cap-02 .palum-cap-02-body::before { content: ""; position: absolute; left: 30px; top: 0; width: 46px; height: 3px; background: var(--palum-orange); } /* ========================================================= 12. CARD LABEL ========================================================= */ .palum-cap-02 .palum-cap-02-label { width: auto !important; margin: 0 0 12px !important; } .palum-cap-02 .palum-cap-02-label .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 9px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 1.15px; text-transform: uppercase; } /* ========================================================= 13. CARD TITLE ========================================================= */ .palum-cap-02 .palum-cap-02-card-title { width: 100%; margin: 0 0 13px !important; } .palum-cap-02 .palum-cap-02-card-title .elementor-heading-title { margin: 0 !important; color: var(--palum-ink) !important; font-size: 31px !important; line-height: 1.08 !important; font-weight: 700 !important; letter-spacing: -.8px; } /* ========================================================= 14. CARD TEXT ========================================================= */ .palum-cap-02 .palum-cap-02-card-text { width: 100%; margin: 0 !important; } .palum-cap-02 .palum-cap-02-card-text .elementor-widget-container { margin: 0 !important; } .palum-cap-02 .palum-cap-02-card-text p { margin: 0 !important; color: var(--palum-text) !important; font-size: 13.5px !important; line-height: 1.72 !important; font-weight: 400; } /* ========================================================= 15. TAGS CONTAINER ========================================================= */ .palum-cap-02 .palum-cap-02-tags { display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px !important; width: 100%; margin: 22px 0 0 !important; } /* ========================================================= TAG ========================================================= */ .palum-cap-02 .palum-cap-02-tag { width: auto !important; margin: 0 !important; } .palum-cap-02 .palum-cap-02-tag .elementor-heading-title { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; margin: 0 !important; padding: 0 11px !important; border: 1px solid #E2E7EA; background: #F7F8F9; color: #5D6770 !important; font-size: 8px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: .65px; text-transform: uppercase; white-space: nowrap; transition: border-color .22s ease, background .22s ease, color .22s ease; } .palum-cap-02 .palum-cap-02-card:hover .palum-cap-02-tag .elementor-heading-title { border-color: rgba(254,104,0,.20); } /* ========================================================= 16. LINK / BUTTON ========================================================= */ .palum-cap-02 .palum-cap-02-link { width: auto !important; align-self: flex-start; margin: 26px 0 0 !important; } /* Button widget wrapper */ .palum-cap-02 .palum-cap-02-link .elementor-button-wrapper { display: block; text-align: left; } /* actual Elementor button */ .palum-cap-02 .palum-cap-02-link .elementor-button { position: relative; display: inline-flex !important; align-items: center; justify-content: flex-start; gap: 13px; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--palum-ink) !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: .9px; text-transform: uppercase; text-decoration: none !important; } /* remove Elementor button icon spacing if accidentally enabled */ .palum-cap-02 .palum-cap-02-link .elementor-button-icon { display: none !important; } /* automatic arrow */ .palum-cap-02 .palum-cap-02-link .elementor-button::after { content: "→"; display: inline-block; color: var(--palum-orange); font-size: 18px; line-height: 1; font-weight: 400; transform: translateX(0); transition: transform .22s ease; } .palum-cap-02 .palum-cap-02-card:hover .palum-cap-02-link .elementor-button::after { transform: translateX(4px); } .palum-cap-02 .palum-cap-02-link .elementor-button:hover, .palum-cap-02 .palum-cap-02-link .elementor-button:focus { background: transparent !important; color: var(--palum-orange) !important; } /* ========================================================= 17. BOTTOM ROUTE ========================================================= */ .palum-cap-02 .palum-cap-02-bottom { width: auto !important; margin: 28px auto 0 !important; text-align: center; } .palum-cap-02 .palum-cap-02-bottom .elementor-heading-title { display: inline-flex; align-items: center; justify-content: center; gap: 13px; margin: 0 !important; color: #89939B !important; font-size: 9px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: .9px; text-transform: uppercase; } .palum-cap-02 .palum-cap-02-bottom .elementor-heading-title::before, .palum-cap-02 .palum-cap-02-bottom .elementor-heading-title::after { content: ""; display: block; width: 30px; height: 1px; flex: 0 0 30px; background: rgba(254,104,0,.60); } /* ========================================================= 18. LARGE TABLET ========================================================= */ @media (max-width: 1100px) { .palum-cap-02 { padding: 94px 30px 98px !important; } .palum-cap-02 .palum-cap-02-title .elementor-heading-title { font-size: 48px !important; } .palum-cap-02 .palum-cap-02-media { height: 320px; min-height: 320px; } .palum-cap-02 .palum-cap-02-card-title .elementor-heading-title { font-size: 28px !important; } } /* ========================================================= 19. TABLET ========================================================= */ @media (max-width: 900px) { .palum-cap-02 .palum-cap-02-grid { grid-template-columns: 1fr; } .palum-cap-02 .palum-cap-02-card { max-width: 760px; width: 100%; margin: 0 auto !important; } .palum-cap-02 .palum-cap-02-media { height: 350px; min-height: 350px; } } /* ========================================================= 20. MOBILE ========================================================= */ @media (max-width: 767px) { .palum-cap-02 { padding: 72px 20px 78px !important; } /* header */ .palum-cap-02 .palum-cap-02-head { margin-bottom: 36px !important; } .palum-cap-02 .palum-cap-02-eyebrow { margin-bottom: 17px !important; } .palum-cap-02 .palum-cap-02-eyebrow .elementor-heading-title { gap: 11px; font-size: 8px !important; letter-spacing: 1.2px; } .palum-cap-02 .palum-cap-02-eyebrow .elementor-heading-title::before, .palum-cap-02 .palum-cap-02-eyebrow .elementor-heading-title::after { width: 32px; flex-basis: 32px; } .palum-cap-02 .palum-cap-02-title .elementor-heading-title { font-size: 35px !important; line-height: 1.06 !important; letter-spacing: -1.2px; } .palum-cap-02 .palum-cap-02-intro { margin-top: 16px !important; } .palum-cap-02 .palum-cap-02-intro p { font-size: 14px !important; line-height: 1.7 !important; } /* cards */ .palum-cap-02 .palum-cap-02-grid { gap: 18px !important; } .palum-cap-02 .palum-cap-02-media { height: 245px; min-height: 245px; } .palum-cap-02 .palum-cap-02-index { top: 14px; right: 14px; width: 44px !important; height: 44px; } .palum-cap-02 .palum-cap-02-index .elementor-heading-title { font-size: 10px !important; } .palum-cap-02 .palum-cap-02-body { padding: 27px 22px 24px !important; } .palum-cap-02 .palum-cap-02-body::before { left: 22px; width: 40px; } .palum-cap-02 .palum-cap-02-label .elementor-heading-title { font-size: 8px !important; } .palum-cap-02 .palum-cap-02-card-title .elementor-heading-title { font-size: 26px !important; line-height: 1.1 !important; letter-spacing: -.55px; } .palum-cap-02 .palum-cap-02-card-text p { font-size: 13px !important; line-height: 1.68 !important; } .palum-cap-02 .palum-cap-02-tags { margin-top: 19px !important; gap: 7px !important; } .palum-cap-02 .palum-cap-02-tag .elementor-heading-title { min-height: 30px; padding: 0 9px !important; font-size: 7.5px !important; } .palum-cap-02 .palum-cap-02-link { margin-top: 23px !important; } /* bottom route */ .palum-cap-02 .palum-cap-02-bottom { margin-top: 24px !important; } .palum-cap-02 .palum-cap-02-bottom .elementor-heading-title { gap: 9px; font-size: 7.5px !important; letter-spacing: .65px; } .palum-cap-02 .palum-cap-02-bottom .elementor-heading-title::before, .palum-cap-02 .palum-cap-02-bottom .elementor-heading-title::after { width: 18px; flex-basis: 18px; } } /* ========================================================= 21. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .palum-cap-02 { padding-left: 18px !important; padding-right: 18px !important; } .palum-cap-02 .palum-cap-02-title .elementor-heading-title { font-size: 32px !important; } .palum-cap-02 .palum-cap-02-eyebrow .elementor-heading-title::before, .palum-cap-02 .palum-cap-02-eyebrow .elementor-heading-title::after { width: 22px; flex-basis: 22px; } .palum-cap-02 .palum-cap-02-media { height: 220px; min-height: 220px; } .palum-cap-02 .palum-cap-02-tags { align-items: flex-start; } } /* ========================================================= 22. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .palum-cap-02 .palum-cap-02-card, .palum-cap-02 .palum-cap-02-card::after, .palum-cap-02 .palum-cap-02-media img, .palum-cap-02 .palum-cap-02-link .elementor-button::after, .palum-cap-02 .palum-cap-02-tag .elementor-heading-title { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49a6f0f *//* ========================================================= PALUM CAPABILITIES PAGE SECTION 03 — PRECISION MOLD MANUFACTURING CLEAN CONSOLIDATED VERSION Brand Color: #FE6800 ========================================================= */ /* ========================================================= 01. SECTION ========================================================= */ .palum-mold { --palum-orange: #FE6800; --palum-orange-hover: #FF7918; --palum-heading: #111722; --palum-text: #66717E; --palum-dark: #101823; position: relative; width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; overflow: hidden; padding: 110px 34px 118px !important; background: radial-gradient( circle at 93% 10%, rgba(254, 104, 0, 0.045) 0%, rgba(254, 104, 0, 0) 24% ), #FFFFFF !important; isolation: isolate; } /* decorative circle */ .palum-mold::before { content: ""; position: absolute; width: 440px; height: 440px; right: -260px; top: -245px; border: 1px solid rgba(254, 104, 0, 0.10); border-radius: 50%; pointer-events: none; } /* ========================================================= 02. INNER ========================================================= */ .palum-mold .palum-mold-inner { position: relative; z-index: 2; width: 100% !important; max-width: 1600px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; } /* ========================================================= 03. MAIN LAYOUT ========================================================= */ .palum-mold .palum-mold-main { width: 100% !important; display: grid !important; grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr) !important; gap: 58px !important; align-items: center !important; } /* ========================================================= 04. LEFT VISUAL ========================================================= */ .palum-mold .palum-mold-visual { position: relative !important; width: 100% !important; min-width: 0 !important; min-height: 610px !important; overflow: visible !important; } /* orange technical corner */ .palum-mold .palum-mold-visual::before { content: ""; position: absolute; left: -24px; top: 34px; width: 112px; height: 112px; border-left: 1px solid rgba(254, 104, 0, 0.55); border-top: 1px solid rgba(254, 104, 0, 0.55); z-index: 0; pointer-events: none; } /* ========================================================= 05. MAIN IMAGE ========================================================= */ .palum-mold .palum-mold-image { position: absolute !important; left: 0; top: 0; width: 88% !important; height: 520px !important; min-height: 0 !important; overflow: hidden !important; display: flex !important; align-items: flex-end !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; border-radius: 10px !important; box-shadow: 0 30px 70px rgba(22, 31, 42, 0.13); z-index: 1; transition: transform 0.4s ease, box-shadow 0.4s ease !important; } /* image dark overlay */ .palum-mold .palum-mold-image::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 180deg, rgba(7, 13, 20, 0.01) 0%, rgba(7, 13, 20, 0.04) 52%, rgba(7, 13, 20, 0.60) 100% ); } /* orange bottom line */ .palum-mold .palum-mold-image::after { content: ""; position: absolute; left: 0; bottom: 0; width: 32%; height: 3px; background: var(--palum-orange); z-index: 2; } .palum-mold .palum-mold-image:hover { transform: translateY(-4px); box-shadow: 0 34px 76px rgba(22, 31, 42, 0.17); } /* ========================================================= 06. MAIN IMAGE LABEL ========================================================= */ .palum-mold .palum-mold-image-label { position: relative; z-index: 3; width: auto !important; margin: 0 !important; padding: 0 0 27px 28px !important; } .palum-mold .palum-mold-image-label::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: var(--palum-orange); } .palum-mold .palum-mold-image-label .elementor-heading-title { display: inline !important; margin: 0 !important; color: #FFFFFF !important; font-size: 12px !important; line-height: 1.4 !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; } /* ========================================================= 07. SMALL IMAGE ========================================================= */ .palum-mold .palum-mold-small-image { position: absolute !important; right: 0; bottom: 0; width: 42% !important; height: 250px !important; min-height: 0 !important; overflow: hidden !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; border: 7px solid #FFFFFF !important; border-radius: 10px !important; box-shadow: 0 22px 55px rgba(22, 31, 42, 0.16); z-index: 3; transition: transform 0.4s ease, box-shadow 0.4s ease !important; } .palum-mold .palum-mold-small-image::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient( 180deg, rgba(7, 13, 20, 0.01) 0%, rgba(7, 13, 20, 0.42) 100% ); } .palum-mold .palum-mold-small-image:hover { transform: translateY(-4px); box-shadow: 0 26px 60px rgba(22, 31, 42, 0.20); } /* ========================================================= 08. FLOATING CARD ========================================================= */ .palum-mold .palum-mold-visual-card { position: absolute !important; left: 7%; bottom: 18px; z-index: 5; width: 245px !important; padding: 20px 22px !important; display: flex !important; flex-direction: column !important; gap: 5px !important; background: rgba(15, 23, 32, 0.95) !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; border-left: 3px solid var(--palum-orange) !important; box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .palum-mold .palum-mold-visual-title { margin: 0 !important; } .palum-mold .palum-mold-visual-title .elementor-heading-title { margin: 0 !important; color: #FFFFFF !important; font-size: 15px !important; line-height: 1.3 !important; font-weight: 700 !important; } .palum-mold .palum-mold-visual-text { margin: 0 !important; } .palum-mold .palum-mold-visual-text, .palum-mold .palum-mold-visual-text p, .palum-mold .palum-mold-visual-text span { color: rgba(255, 255, 255, 0.58) !important; font-size: 12px !important; line-height: 1.5 !important; } .palum-mold .palum-mold-visual-text p { margin: 0 !important; } /* ========================================================= 09. RIGHT CONTENT ========================================================= */ .palum-mold .palum-mold-content { width: 100% !important; max-width: none !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; } /* ========================================================= 10. EYEBROW ========================================================= */ .palum-mold .palum-mold-eyebrow { position: relative; width: auto !important; margin: 0 0 18px !important; padding-left: 36px !important; } .palum-mold .palum-mold-eyebrow::before { content: ""; position: absolute; left: 0; top: 50%; width: 24px; height: 2px; background: var(--palum-orange); transform: translateY(-50%); } .palum-mold .palum-mold-eyebrow .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: 1.7px !important; text-transform: uppercase !important; } /* ========================================================= 11. TITLE ========================================================= */ .palum-mold .palum-mold-title { width: 100% !important; max-width: 760px !important; margin: 0 0 22px !important; } .palum-mold .palum-mold-title .elementor-heading-title { margin: 0 !important; color: var(--palum-heading) !important; font-size: clamp(42px, 3.4vw, 58px) !important; line-height: 1.05 !important; font-weight: 700 !important; letter-spacing: -1.7px !important; } /* ========================================================= 12. INTRO ========================================================= */ .palum-mold .palum-mold-text { width: 100% !important; max-width: 720px !important; margin: 0 0 34px !important; } .palum-mold .palum-mold-text, .palum-mold .palum-mold-text p, .palum-mold .palum-mold-text span { color: var(--palum-text) !important; font-size: 16.5px !important; line-height: 1.72 !important; } .palum-mold .palum-mold-text p { margin: 0 !important; } /* ========================================================= 13. CAPABILITIES GRID ========================================================= */ .palum-mold .palum-mold-capabilities { width: 100% !important; max-width: none !important; margin: 0 0 34px !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 1fr !important; gap: 12px !important; } /* ========================================================= 14. CAPABILITY CARD ========================================================= */ .palum-mold .palum-mold-capability { position: relative; width: 100% !important; min-width: 0 !important; min-height: 96px !important; padding: 17px 18px 16px 54px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; background: #F7F8FA !important; border: 1px solid #E7EAEE !important; border-radius: 6px !important; transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease !important; } .palum-mold .palum-mold-capability:hover { transform: translateY(-3px); background: #FFFFFF !important; border-color: rgba(254, 104, 0, 0.28) !important; box-shadow: 0 10px 24px rgba(17, 23, 34, 0.055); } /* number */ .palum-mold .palum-mold-capability-number { position: absolute; left: 17px; top: 18px; width: auto !important; margin: 0 !important; } .palum-mold .palum-mold-capability-number .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 1px !important; } /* title */ .palum-mold .palum-mold-capability-title { width: 100% !important; margin: 0 0 5px !important; } .palum-mold .palum-mold-capability-title .elementor-heading-title { margin: 0 !important; color: var(--palum-heading) !important; font-size: 16px !important; line-height: 1.25 !important; font-weight: 700 !important; } /* text */ .palum-mold .palum-mold-capability-text { width: 100% !important; margin: 0 !important; } .palum-mold .palum-mold-capability-text, .palum-mold .palum-mold-capability-text p, .palum-mold .palum-mold-capability-text span { color: var(--palum-text) !important; font-size: 12.5px !important; line-height: 1.5 !important; } .palum-mold .palum-mold-capability-text p { margin: 0 !important; } /* ========================================================= 15. CTA AREA ========================================================= */ .palum-mold .palum-mold-actions { width: auto !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 15px !important; flex-wrap: wrap !important; } /* primary */ .palum-mold .palum-mold-primary .elementor-button { min-height: 52px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 14px 24px !important; background: var(--palum-orange) !important; border: 1px solid var(--palum-orange) !important; border-radius: 5px !important; box-shadow: 0 10px 28px rgba(254, 104, 0, 0.17) !important; color: #FFFFFF !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 700 !important; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important; } .palum-mold .palum-mold-primary .elementor-button:hover { background: var(--palum-orange-hover) !important; border-color: var(--palum-orange-hover) !important; transform: translateY(-2px); box-shadow: 0 14px 32px rgba(254, 104, 0, 0.23) !important; } /* secondary */ .palum-mold .palum-mold-secondary .elementor-button { min-height: 52px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 14px 6px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: var(--palum-heading) !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 700 !important; transition: color 0.25s ease, transform 0.25s ease !important; } .palum-mold .palum-mold-secondary .elementor-button:hover { color: var(--palum-orange) !important; transform: translateX(3px); } .palum-mold .palum-mold-primary .elementor-button-text { color: #FFFFFF !important; } .palum-mold .palum-mold-secondary .elementor-button-text { color: inherit !important; } .palum-mold .palum-mold-actions .elementor-button-icon { margin: 0 !important; transition: transform 0.25s ease !important; } .palum-mold .palum-mold-actions .elementor-button:hover .elementor-button-icon { transform: translateX(3px); } /* ========================================================= 16. PROCESS STRIP ========================================================= */ .palum-mold .palum-mold-process { width: 100% !important; margin: 78px 0 0 !important; padding: 27px 30px !important; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; background: var(--palum-dark) !important; border-radius: 8px !important; box-shadow: 0 20px 46px rgba(17, 23, 34, 0.08); } /* ========================================================= 17. PROCESS ITEM ========================================================= */ .palum-mold .palum-mold-process-item { position: relative; width: 100% !important; padding: 0 20px !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; transition: transform 0.25s ease !important; } .palum-mold .palum-mold-process-item:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 38px; background: rgba(255, 255, 255, 0.10); transform: translateY(-50%); } .palum-mold .palum-mold-process-item:hover { transform: translateY(-3px); } /* process number */ .palum-mold .palum-mold-process-number { width: auto !important; margin: 0 0 8px !important; } .palum-mold .palum-mold-process-number .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 1.2px !important; } /* process title */ .palum-mold .palum-mold-process-title { width: 100% !important; margin: 0 !important; } .palum-mold .palum-mold-process-title .elementor-heading-title { margin: 0 !important; color: rgba(255, 255, 255, 0.88) !important; font-size: 13px !important; line-height: 1.35 !important; font-weight: 600 !important; } .palum-mold .palum-mold-process-item:hover .palum-mold-process-title .elementor-heading-title { color: #FFFFFF !important; } /* ========================================================= 18. ELEMENTOR CLEANUP ========================================================= */ .palum-mold .elementor-widget, .palum-mold .elementor-widget-container { margin-bottom: 0 !important; } /* ========================================================= 19. LARGE DESKTOP ========================================================= */ @media (min-width: 1600px) { .palum-mold { padding: 118px 42px 126px !important; } .palum-mold .palum-mold-visual { min-height: 640px !important; } .palum-mold .palum-mold-image { height: 545px !important; } .palum-mold .palum-mold-small-image { height: 260px !important; } } /* ========================================================= 20. SMALL DESKTOP ========================================================= */ @media (min-width: 1025px) and (max-width: 1280px) { .palum-mold { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 90px 28px 100px !important; } .palum-mold .palum-mold-main { grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr) !important; gap: 48px !important; } .palum-mold .palum-mold-visual { min-height: 540px !important; } .palum-mold .palum-mold-image { height: 455px !important; } .palum-mold .palum-mold-small-image { height: 215px !important; } .palum-mold .palum-mold-title .elementor-heading-title { font-size: clamp(38px, 3.5vw, 48px) !important; } .palum-mold .palum-mold-capability { padding: 15px 15px 14px 49px !important; } .palum-mold .palum-mold-capability-number { left: 15px; top: 16px; } } /* ========================================================= 21. TABLET ========================================================= */ @media (max-width: 1024px) { .palum-mold { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 90px 30px 98px !important; } .palum-mold .palum-mold-main { grid-template-columns: 1fr !important; gap: 60px !important; } .palum-mold .palum-mold-visual { width: 100% !important; max-width: 850px !important; min-height: 610px !important; margin: 0 auto !important; } .palum-mold .palum-mold-content { max-width: 850px !important; } .palum-mold .palum-mold-title, .palum-mold .palum-mold-text { max-width: 760px !important; } .palum-mold .palum-mold-process { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; row-gap: 30px !important; } .palum-mold .palum-mold-process-item:nth-child(3)::after { display: none; } } /* ========================================================= 22. MOBILE ========================================================= */ @media (max-width: 767px) { .palum-mold { padding: 68px 20px 74px !important; } .palum-mold .palum-mold-main { gap: 44px !important; } /* visual */ .palum-mold .palum-mold-visual { min-height: 430px !important; } .palum-mold .palum-mold-visual::before { left: -10px; top: 24px; width: 82px; height: 82px; } .palum-mold .palum-mold-image { width: 92% !important; height: 350px !important; } .palum-mold .palum-mold-small-image { width: 48% !important; height: 175px !important; border-width: 5px !important; } .palum-mold .palum-mold-visual-card { left: 3%; bottom: 7px; width: 205px !important; padding: 16px 17px !important; } .palum-mold .palum-mold-image-label { padding: 0 0 20px 20px !important; } .palum-mold .palum-mold-image-label .elementor-heading-title { font-size: 10px !important; letter-spacing: 0.7px !important; } /* eyebrow */ .palum-mold .palum-mold-eyebrow { margin-bottom: 15px !important; padding-left: 31px !important; } .palum-mold .palum-mold-eyebrow::before { width: 20px; } .palum-mold .palum-mold-eyebrow .elementor-heading-title { font-size: 11px !important; letter-spacing: 1.25px !important; } /* title */ .palum-mold .palum-mold-title .elementor-heading-title { font-size: 36px !important; line-height: 1.08 !important; letter-spacing: -1px !important; } /* text */ .palum-mold .palum-mold-text, .palum-mold .palum-mold-text p { font-size: 15.5px !important; line-height: 1.65 !important; } /* capabilities */ .palum-mold .palum-mold-capabilities { grid-template-columns: 1fr !important; gap: 10px !important; } .palum-mold .palum-mold-capability { min-height: 90px !important; } /* buttons */ .palum-mold .palum-mold-actions { width: 100% !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; } .palum-mold .palum-mold-primary, .palum-mold .palum-mold-secondary, .palum-mold .palum-mold-primary .elementor-button, .palum-mold .palum-mold-secondary .elementor-button { width: 100% !important; } /* process */ .palum-mold .palum-mold-process { margin-top: 54px !important; padding: 12px 22px !important; grid-template-columns: 1fr !important; gap: 0 !important; } .palum-mold .palum-mold-process-item { padding: 17px 0 !important; align-items: flex-start !important; text-align: left !important; } .palum-mold .palum-mold-process-item:not(:last-child)::after { display: block !important; left: 0; right: auto; top: auto; bottom: 0; width: 100%; height: 1px; transform: none; } } /* ========================================================= 23. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .palum-mold { padding-left: 18px !important; padding-right: 18px !important; } .palum-mold .palum-mold-visual { min-height: 400px !important; } .palum-mold .palum-mold-image { height: 320px !important; } .palum-mold .palum-mold-small-image { height: 160px !important; } .palum-mold .palum-mold-visual-card { width: 190px !important; padding: 14px 15px !important; } .palum-mold .palum-mold-title .elementor-heading-title { font-size: 33px !important; } } /* ========================================================= 24. ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .palum-mold *, .palum-mold *::before, .palum-mold *::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49bb00b *//* ========================================================= PALUM CAPABILITIES PAGE SECTION 08 — FROM DRAWING TO PRODUCTION Brand Color: #FE6800 ========================================================= */ /* ========================================================= 01. SECTION BASE ========================================================= */ .palum-workflow { --palum-orange: #FE6800; --palum-orange-hover: #FF7918; --palum-heading: #111722; --palum-text: #66717E; --palum-light: #F7F8FA; --palum-border: #E5E9ED; --palum-dark: #101823; position: relative; width: 100% !important; overflow: hidden; padding: 112px 42px 118px !important; background: radial-gradient( circle at 4% 10%, rgba(254, 104, 0, 0.045) 0%, rgba(254, 104, 0, 0) 25% ), #FFFFFF !important; isolation: isolate; } /* decorative circle */ .palum-workflow::before { content: ""; position: absolute; width: 440px; height: 440px; right: -275px; bottom: -270px; border: 1px solid rgba(254, 104, 0, 0.10); border-radius: 50%; pointer-events: none; z-index: 0; } /* subtle upper technical detail */ .palum-workflow::after { content: ""; position: absolute; left: 5%; top: 78px; width: 100px; height: 100px; border-left: 1px solid rgba(17, 23, 34, 0.055); border-top: 1px solid rgba(17, 23, 34, 0.055); pointer-events: none; z-index: 0; } /* ========================================================= 02. INNER ========================================================= */ .palum-workflow .palum-workflow-inner { position: relative; z-index: 2; width: 100% !important; max-width: 1600px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; } /* ========================================================= 03. HEADER ========================================================= */ .palum-workflow .palum-workflow-head { width: 100% !important; margin: 0 0 86px !important; display: grid !important; grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) !important; gap: 72px !important; align-items: end !important; } /* ========================================================= 04. HEADER LEFT ========================================================= */ .palum-workflow .palum-workflow-head-left { width: 100% !important; max-width: 840px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; } /* ========================================================= 05. EYEBROW ========================================================= */ .palum-workflow .palum-workflow-eyebrow { position: relative; width: auto !important; margin: 0 0 18px !important; padding-left: 36px !important; } .palum-workflow .palum-workflow-eyebrow::before { content: ""; position: absolute; left: 0; top: 50%; width: 24px; height: 2px; background: var(--palum-orange); transform: translateY(-50%); } .palum-workflow .palum-workflow-eyebrow .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 12px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: 1.8px !important; text-transform: uppercase !important; } /* ========================================================= 06. TITLE ========================================================= */ .palum-workflow .palum-workflow-title { width: 100% !important; margin: 0 !important; } .palum-workflow .palum-workflow-title .elementor-heading-title { margin: 0 !important; color: var(--palum-heading) !important; font-size: clamp(44px, 3.6vw, 60px) !important; line-height: 1.04 !important; font-weight: 700 !important; letter-spacing: -1.8px !important; } /* ========================================================= 07. INTRO ========================================================= */ .palum-workflow .palum-workflow-intro { width: 100% !important; max-width: 620px !important; margin: 0 !important; padding-bottom: 4px !important; } .palum-workflow .palum-workflow-intro, .palum-workflow .palum-workflow-intro p, .palum-workflow .palum-workflow-intro span { color: var(--palum-text) !important; font-size: 16.5px !important; line-height: 1.72 !important; font-weight: 400 !important; } .palum-workflow .palum-workflow-intro p { margin: 0 !important; } /* ========================================================= 08. TIMELINE AREA ========================================================= */ .palum-workflow .palum-workflow-timeline { position: relative !important; width: 100% !important; min-height: 520px !important; padding: 10px 0 !important; } /* ========================================================= 09. CENTER LINE ========================================================= */ .palum-workflow .palum-workflow-line { position: absolute !important; left: 3% !important; right: 3% !important; top: 50% !important; width: auto !important; height: 2px !important; min-height: 0 !important; background: linear-gradient( 90deg, rgba(254, 104, 0, 0.18) 0%, #FE6800 15%, #FE6800 85%, rgba(254, 104, 0, 0.18) 100% ) !important; transform: translateY(-50%); z-index: 1; } /* light beam on line */ .palum-workflow .palum-workflow-line::after { content: ""; position: absolute; left: 10%; top: 50%; width: 120px; height: 10px; border-radius: 999px; background: radial-gradient( ellipse, rgba(254, 104, 0, 0.30) 0%, rgba(254, 104, 0, 0) 72% ); transform: translateY(-50%); pointer-events: none; } /* ========================================================= 10. TIMELINE GRID ========================================================= */ .palum-workflow .palum-workflow-grid { position: relative; z-index: 2; width: 100% !important; min-height: 500px !important; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 18px !important; } /* ========================================================= 11. STEP BASE ========================================================= */ .palum-workflow .palum-workflow-step { position: relative !important; width: 100% !important; min-width: 0 !important; min-height: 500px !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; overflow: visible !important; } /* ========================================================= 12. EXPLICIT STEP POSITIONING 01 / 03 / 05 = TOP 02 / 04 / 06 = BOTTOM ========================================================= */ .palum-workflow .palum-workflow-step-01, .palum-workflow .palum-workflow-step-03, .palum-workflow .palum-workflow-step-05 { justify-content: flex-start !important; } .palum-workflow .palum-workflow-step-02, .palum-workflow .palum-workflow-step-04, .palum-workflow .palum-workflow-step-06 { justify-content: flex-end !important; } /* ========================================================= 13. CARD ========================================================= */ .palum-workflow .palum-workflow-card { position: relative; z-index: 3; width: 100% !important; height: 190px !important; min-height: 190px !important; padding: 24px 22px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; background: #F7F8FA !important; border: 1px solid var(--palum-border) !important; border-radius: 8px !important; overflow: hidden !important; box-shadow: 0 8px 24px rgba(17, 23, 34, 0.025); transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important; } /* orange top accent */ .palum-workflow .palum-workflow-card::before { content: ""; position: absolute; left: 22px; top: 0; width: 42px; height: 2px; background: var(--palum-orange); transition: width 0.3s ease; } .palum-workflow .palum-workflow-card:hover { transform: translateY(-4px); background: #FFFFFF !important; border-color: rgba(254, 104, 0, 0.30) !important; box-shadow: 0 18px 40px rgba(17, 23, 34, 0.08); } .palum-workflow .palum-workflow-card:hover::before { width: calc(100% - 44px); } /* ========================================================= 14. CARD NUMBER ========================================================= */ .palum-workflow .palum-workflow-card-number { width: auto !important; margin: 0 0 15px !important; } .palum-workflow .palum-workflow-card-number .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 11px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 1.2px !important; } /* ========================================================= 15. CARD TITLE ========================================================= */ .palum-workflow .palum-workflow-card-title { width: 100% !important; margin: 0 0 9px !important; } .palum-workflow .palum-workflow-card-title .elementor-heading-title { margin: 0 !important; color: var(--palum-heading) !important; font-size: 17px !important; line-height: 1.25 !important; font-weight: 700 !important; } /* ========================================================= 16. CARD TEXT ========================================================= */ .palum-workflow .palum-workflow-card-text { width: 100% !important; margin: 0 !important; } .palum-workflow .palum-workflow-card-text, .palum-workflow .palum-workflow-card-text p, .palum-workflow .palum-workflow-card-text span { color: var(--palum-text) !important; font-size: 13px !important; line-height: 1.58 !important; font-weight: 400 !important; } .palum-workflow .palum-workflow-card-text p { margin: 0 !important; } /* ========================================================= 17. NODE ========================================================= */ .palum-workflow .palum-workflow-node { position: absolute !important; left: 50% !important; top: 50% !important; z-index: 6; width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; padding: 0 !important; margin: 0 !important; border: 2px solid var(--palum-orange) !important; border-radius: 50% !important; /* * 不再使用 ::before 生成圆点 * 直接使用 radial-gradient， * 确保中心圆点永远精确居中 */ background: radial-gradient( circle at center, var(--palum-orange) 0, var(--palum-orange) 4px, #FFFFFF 4.5px, #FFFFFF 100% ) !important; box-shadow: 0 0 0 7px rgba(254, 104, 0, 0.08); transform: translate(-50%, -50%) !important; overflow: visible !important; } /* 禁止 Elementor / 原CSS 的伪元素干扰圆点 */ .palum-workflow .palum-workflow-node::before, .palum-workflow .palum-workflow-node::after { content: none !important; display: none !important; } /* ========================================================= 18. CONNECTOR LINES Explicit classes — no nth-child ========================================================= */ .palum-workflow .palum-workflow-step::after { content: ""; position: absolute; left: 50%; z-index: 1; width: 1px; background: rgba(254, 104, 0, 0.42); transform: translateX(-50%); } /* top cards → connector goes downward */ .palum-workflow .palum-workflow-step-01::after, .palum-workflow .palum-workflow-step-03::after, .palum-workflow .palum-workflow-step-05::after { top: 190px; height: calc(50% - 190px); } /* bottom cards → connector goes upward */ .palum-workflow .palum-workflow-step-02::after, .palum-workflow .palum-workflow-step-04::after, .palum-workflow .palum-workflow-step-06::after { bottom: 190px; height: calc(50% - 190px); } /* ========================================================= 19. SUMMARY ========================================================= */ .palum-workflow .palum-workflow-summary { width: 100% !important; margin: 68px 0 0 !important; padding: 26px 32px !important; display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; gap: 22px !important; align-items: center !important; background: var(--palum-dark) !important; border-radius: 8px !important; box-shadow: 0 20px 46px rgba(17, 23, 34, 0.08); } /* ========================================================= 20. SUMMARY ICON ========================================================= */ .palum-workflow .palum-workflow-summary-icon { width: 44px !important; height: 44px !important; min-height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: rgba(254, 104, 0, 0.12) !important; color: var(--palum-orange) !important; } .palum-workflow .palum-workflow-summary-icon .elementor-icon { width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--palum-orange) !important; fill: currentColor !important; background: transparent !important; } .palum-workflow .palum-workflow-summary-icon svg { width: 17px !important; height: 17px !important; fill: currentColor !important; } .palum-workflow .palum-workflow-summary-icon svg path { fill: currentColor !important; stroke: currentColor; } /* ========================================================= 21. SUMMARY COPY ========================================================= */ .palum-workflow .palum-workflow-summary-copy { width: 100% !important; display: flex !important; flex-direction: column !important; gap: 5px !important; } /* ========================================================= 22. SUMMARY TITLE ========================================================= */ .palum-workflow .palum-workflow-summary-title { width: 100% !important; margin: 0 !important; } .palum-workflow .palum-workflow-summary-title .elementor-heading-title { margin: 0 !important; color: #FFFFFF !important; font-size: 15px !important; line-height: 1.3 !important; font-weight: 700 !important; } /* ========================================================= 23. SUMMARY TEXT ========================================================= */ .palum-workflow .palum-workflow-summary-text { width: 100% !important; margin: 0 !important; } .palum-workflow .palum-workflow-summary-text, .palum-workflow .palum-workflow-summary-text p, .palum-workflow .palum-workflow-summary-text span { color: rgba(255, 255, 255, 0.58) !important; font-size: 13px !important; line-height: 1.55 !important; font-weight: 400 !important; } .palum-workflow .palum-workflow-summary-text p { margin: 0 !important; } /* ========================================================= 24. ELEMENTOR CLEANUP ========================================================= */ .palum-workflow .elementor-widget, .palum-workflow .elementor-widget-container { margin-bottom: 0 !important; } /* ========================================================= 25. LARGE DESKTOP ========================================================= */ @media (min-width: 1600px) { .palum-workflow { padding: 120px 52px 126px !important; } .palum-workflow .palum-workflow-inner { max-width: 1600px !important; } .palum-workflow .palum-workflow-grid { gap: 20px !important; min-height: 520px !important; } .palum-workflow .palum-workflow-step { min-height: 520px !important; } .palum-workflow .palum-workflow-card { height: 190px !important; min-height: 190px !important; padding: 25px 23px !important; } } /* ========================================================= 26. MEDIUM DESKTOP ========================================================= */ @media (min-width: 1181px) and (max-width: 1400px) { .palum-workflow { padding: 96px 28px 104px !important; } .palum-workflow .palum-workflow-head { gap: 50px !important; margin-bottom: 68px !important; } .palum-workflow .palum-workflow-title .elementor-heading-title { font-size: clamp(40px, 3.5vw, 50px) !important; } .palum-workflow .palum-workflow-grid { gap: 12px !important; } .palum-workflow .palum-workflow-card { padding: 21px 17px !important; } .palum-workflow .palum-workflow-card-title .elementor-heading-title { font-size: 15.5px !important; } .palum-workflow .palum-workflow-card-text, .palum-workflow .palum-workflow-card-text p { font-size: 12px !important; line-height: 1.5 !important; } } /* ========================================================= 27. TABLET / NARROW DESKTOP Timeline becomes clean 3-column grid ========================================================= */ @media (max-width: 1180px) { .palum-workflow { padding: 90px 30px 98px !important; } .palum-workflow .palum-workflow-head { grid-template-columns: 1fr !important; gap: 24px !important; margin-bottom: 54px !important; } .palum-workflow .palum-workflow-intro { max-width: 760px !important; } .palum-workflow .palum-workflow-timeline { min-height: 0 !important; padding: 0 !important; } .palum-workflow .palum-workflow-line { display: none !important; } .palum-workflow .palum-workflow-grid { min-height: 0 !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; } .palum-workflow .palum-workflow-step, .palum-workflow .palum-workflow-step-01, .palum-workflow .palum-workflow-step-02, .palum-workflow .palum-workflow-step-03, .palum-workflow .palum-workflow-step-04, .palum-workflow .palum-workflow-step-05, .palum-workflow .palum-workflow-step-06 { min-height: 0 !important; display: block !important; } .palum-workflow .palum-workflow-step::after { display: none !important; } .palum-workflow .palum-workflow-node { display: none !important; } .palum-workflow .palum-workflow-card { height: 100% !important; min-height: 180px !important; } .palum-workflow .palum-workflow-summary { margin-top: 48px !important; } } /* ========================================================= 28. MOBILE ========================================================= */ @media (max-width: 767px) { .palum-workflow { padding: 68px 20px 74px !important; } .palum-workflow::after { display: none; } /* header */ .palum-workflow .palum-workflow-head { gap: 19px !important; margin-bottom: 42px !important; } .palum-workflow .palum-workflow-eyebrow { margin-bottom: 15px !important; padding-left: 31px !important; } .palum-workflow .palum-workflow-eyebrow::before { width: 20px; } .palum-workflow .palum-workflow-eyebrow .elementor-heading-title { font-size: 11px !important; letter-spacing: 1.2px !important; } .palum-workflow .palum-workflow-title .elementor-heading-title { font-size: 35px !important; line-height: 1.08 !important; letter-spacing: -1px !important; } .palum-workflow .palum-workflow-intro, .palum-workflow .palum-workflow-intro p { font-size: 15.5px !important; line-height: 1.65 !important; } /* steps */ .palum-workflow .palum-workflow-grid { grid-template-columns: 1fr !important; gap: 10px !important; } .palum-workflow .palum-workflow-card { min-height: auto !important; padding: 21px 20px !important; } .palum-workflow .palum-workflow-card::before { left: 20px; width: 38px; } .palum-workflow .palum-workflow-card:hover::before { width: calc(100% - 40px); } .palum-workflow .palum-workflow-card-title .elementor-heading-title { font-size: 16px !important; } .palum-workflow .palum-workflow-card-text, .palum-workflow .palum-workflow-card-text p { font-size: 12.5px !important; line-height: 1.55 !important; } /* summary */ .palum-workflow .palum-workflow-summary { margin-top: 42px !important; padding: 22px !important; grid-template-columns: 38px minmax(0, 1fr) !important; gap: 15px !important; } .palum-workflow .palum-workflow-summary-icon, .palum-workflow .palum-workflow-summary-icon .elementor-icon { width: 38px !important; height: 38px !important; min-height: 38px !important; } .palum-workflow .palum-workflow-summary-title .elementor-heading-title { font-size: 14px !important; } .palum-workflow .palum-workflow-summary-text, .palum-workflow .palum-workflow-summary-text p { font-size: 12px !important; } } /* ========================================================= 29. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .palum-workflow { padding-left: 18px !important; padding-right: 18px !important; } .palum-workflow .palum-workflow-title .elementor-heading-title { font-size: 32px !important; } .palum-workflow .palum-workflow-summary { padding: 19px !important; } } /* ========================================================= 30. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .palum-workflow *, .palum-workflow *::before, .palum-workflow *::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-556587f *//* ========================================================= PALUM CAPABILITIES PAGE SECTION 07 — EQUIPMENT & PROCESS CONTROL Brand Color: #FE6800 ========================================================= */ /* ========================================================= 01. SECTION BASE ========================================================= */ .palum-equipment-control { --palum-orange: #FE6800; --palum-orange-hover: #FF7918; --palum-heading: #111722; --palum-text: #66717E; --palum-light: #F7F8FA; --palum-border: #E4E8EC; --palum-dark: #101823; position: relative; width: 100% !important; overflow: hidden; padding: 112px 42px 118px !important; background: radial-gradient( circle at 6% 12%, rgba(254, 104, 0, 0.055) 0%, rgba(254, 104, 0, 0) 26% ), #F7F8FA !important; isolation: isolate; } /* technical grid */ .palum-equipment-control::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.32; background-image: linear-gradient( rgba(17, 23, 34, 0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(17, 23, 34, 0.035) 1px, transparent 1px ); background-size: 82px 82px; z-index: 0; } /* decorative orange circle */ .palum-equipment-control::after { content: ""; position: absolute; width: 440px; height: 440px; right: -275px; top: -250px; border: 1px solid rgba(254, 104, 0, 0.10); border-radius: 50%; pointer-events: none; z-index: 0; } /* ========================================================= 02. INNER ========================================================= */ .palum-equipment-control .palum-equipment-control-inner { position: relative; z-index: 2; width: 100% !important; max-width: 1680px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; } /* ========================================================= 03. HEADER ========================================================= */ .palum-equipment-control .palum-equipment-control-head { width: 100% !important; margin: 0 0 60px !important; display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important; gap: 70px !important; align-items: end !important; } /* ========================================================= 04. HEADER LEFT ========================================================= */ .palum-equipment-control .palum-equipment-control-head-left { width: 100% !important; max-width: 840px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; } /* ========================================================= 05. EYEBROW ========================================================= */ .palum-equipment-control .palum-equipment-control-eyebrow { position: relative; width: auto !important; margin: 0 0 17px !important; padding-left: 36px !important; } .palum-equipment-control .palum-equipment-control-eyebrow::before { content: ""; position: absolute; left: 0; top: 50%; width: 24px; height: 2px; background: var(--palum-orange); transform: translateY(-50%); } .palum-equipment-control .palum-equipment-control-eyebrow .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 12px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: 1.8px !important; text-transform: uppercase !important; } /* ========================================================= 06. TITLE ========================================================= */ .palum-equipment-control .palum-equipment-control-title { width: 100% !important; margin: 0 !important; } .palum-equipment-control .palum-equipment-control-title .elementor-heading-title { margin: 0 !important; color: var(--palum-heading) !important; font-size: clamp(44px, 3.6vw, 60px) !important; line-height: 1.04 !important; font-weight: 700 !important; letter-spacing: -1.8px !important; } /* ========================================================= 07. INTRO ========================================================= */ .palum-equipment-control .palum-equipment-control-intro { width: 100% !important; max-width: 620px !important; margin: 0 !important; padding-bottom: 4px !important; } .palum-equipment-control .palum-equipment-control-intro, .palum-equipment-control .palum-equipment-control-intro p, .palum-equipment-control .palum-equipment-control-intro span { color: var(--palum-text) !important; font-size: 16.5px !important; line-height: 1.72 !important; font-weight: 400 !important; } .palum-equipment-control .palum-equipment-control-intro p { margin: 0 !important; } /* ========================================================= 08. MAIN GRID ========================================================= */ .palum-equipment-control .palum-equipment-control-main { width: 100% !important; display: grid !important; grid-template-columns: minmax(0, 1.03fr) minmax(0, 0.97fr) !important; gap: 72px !important; align-items: stretch !important; } /* ========================================================= 09. LEFT VISUAL ========================================================= */ .palum-equipment-control .palum-equipment-control-visual { position: relative !important; width: 100% !important; min-width: 0 !important; min-height: 630px !important; overflow: visible !important; } /* orange technical corner */ .palum-equipment-control .palum-equipment-control-visual::before { content: ""; position: absolute; left: -24px; top: 30px; width: 112px; height: 112px; border-left: 1px solid rgba(254, 104, 0, 0.45); border-top: 1px solid rgba(254, 104, 0, 0.45); z-index: 0; pointer-events: none; } /* ========================================================= 10. IMAGE ========================================================= */ .palum-equipment-control .palum-equipment-control-image { position: absolute !important; left: 0; top: 0; width: 94% !important; height: 570px !important; min-height: 0 !important; overflow: hidden !important; display: flex !important; align-items: flex-end !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; border-radius: 10px !important; box-shadow: 0 32px 76px rgba(17, 23, 34, 0.15); z-index: 1; transition: transform 0.4s ease, box-shadow 0.4s ease !important; } /* image overlay */ .palum-equipment-control .palum-equipment-control-image::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 180deg, rgba(10, 16, 22, 0.02) 0%, rgba(10, 16, 22, 0.04) 52%, rgba(10, 16, 22, 0.56) 100% ); } /* orange bottom accent */ .palum-equipment-control .palum-equipment-control-image::after { content: ""; position: absolute; left: 0; bottom: 0; width: 28%; height: 3px; background: var(--palum-orange); z-index: 2; } .palum-equipment-control .palum-equipment-control-image:hover { transform: translateY(-4px); box-shadow: 0 38px 84px rgba(17, 23, 34, 0.19); } /* ========================================================= 11. IMAGE LABEL ========================================================= */ .palum-equipment-control .palum-equipment-control-image-label { position: relative; z-index: 3; width: auto !important; margin: 0 !important; padding: 0 0 28px 28px !important; } .palum-equipment-control .palum-equipment-control-image-label::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: var(--palum-orange); } .palum-equipment-control .palum-equipment-control-image-label .elementor-heading-title { display: inline !important; margin: 0 !important; color: #FFFFFF !important; font-size: 12px !important; line-height: 1.4 !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; } /* ========================================================= 12. PROOF CARD ========================================================= */ .palum-equipment-control .palum-equipment-control-proof { position: absolute !important; right: 0; bottom: 0; z-index: 4; width: 285px !important; padding: 22px 24px !important; display: flex !important; flex-direction: column !important; background: rgba(255, 255, 255, 0.96) !important; border: 1px solid rgba(17, 23, 34, 0.08) !important; border-left: 3px solid var(--palum-orange) !important; box-shadow: 0 22px 55px rgba(17, 23, 34, 0.14); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } /* ========================================================= 13. PROOF LABEL ========================================================= */ .palum-equipment-control .palum-equipment-control-proof-label { width: auto !important; margin: 0 0 8px !important; } .palum-equipment-control .palum-equipment-control-proof-label .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 1.25px !important; text-transform: uppercase !important; } /* ========================================================= 14. PROOF TITLE ========================================================= */ .palum-equipment-control .palum-equipment-control-proof-title { width: 100% !important; margin: 0 0 7px !important; } .palum-equipment-control .palum-equipment-control-proof-title .elementor-heading-title { margin: 0 !important; color: var(--palum-heading) !important; font-size: 18px !important; line-height: 1.25 !important; font-weight: 700 !important; } /* ========================================================= 15. PROOF TEXT ========================================================= */ .palum-equipment-control .palum-equipment-control-proof-text { width: 100% !important; margin: 0 !important; } .palum-equipment-control .palum-equipment-control-proof-text, .palum-equipment-control .palum-equipment-control-proof-text p, .palum-equipment-control .palum-equipment-control-proof-text span { color: var(--palum-text) !important; font-size: 12.5px !important; line-height: 1.55 !important; font-weight: 400 !important; } .palum-equipment-control .palum-equipment-control-proof-text p { margin: 0 !important; } /* ========================================================= 16. RIGHT LIST ========================================================= */ .palum-equipment-control .palum-equipment-control-list { width: 100% !important; display: flex !important; flex-direction: column !important; background: rgba(255, 255, 255, 0.72) !important; border: 1px solid rgba(17, 23, 34, 0.07) !important; border-radius: 9px !important; overflow: hidden !important; box-shadow: 0 20px 50px rgba(17, 23, 34, 0.05); } /* ========================================================= 17. CONTROL ITEM ========================================================= */ .palum-equipment-control .palum-equipment-control-item { position: relative; width: 100% !important; min-height: 145px !important; padding: 28px !important; display: grid !important; grid-template-columns: 54px minmax(0, 1fr) !important; gap: 19px !important; align-items: start !important; background: transparent !important; border-bottom: 1px solid var(--palum-border) !important; transition: background 0.25s ease, padding-left 0.25s ease !important; } .palum-equipment-control .palum-equipment-control-item:last-child { border-bottom: 0 !important; } /* orange hover line */ .palum-equipment-control .palum-equipment-control-item::before { content: ""; position: absolute; left: 0; top: 0; width: 3px; height: 0; background: var(--palum-orange); transition: height 0.30s ease; } .palum-equipment-control .palum-equipment-control-item:hover { padding-left: 36px !important; background: #FFFFFF !important; } .palum-equipment-control .palum-equipment-control-item:hover::before { height: 100%; } /* ========================================================= 18. CONTROL NUMBER ========================================================= */ .palum-equipment-control .palum-equipment-control-number { width: auto !important; margin: 0 !important; padding-top: 4px !important; } .palum-equipment-control .palum-equipment-control-number .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 11px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 1px !important; } /* ========================================================= 19. CONTROL COPY ========================================================= */ .palum-equipment-control .palum-equipment-control-copy { width: 100% !important; max-width: 560px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } /* ========================================================= 20. ITEM TITLE ========================================================= */ .palum-equipment-control .palum-equipment-control-item-title { width: 100% !important; margin: 0 !important; } .palum-equipment-control .palum-equipment-control-item-title .elementor-heading-title { margin: 0 !important; color: var(--palum-heading) !important; font-size: 18px !important; line-height: 1.25 !important; font-weight: 700 !important; } /* ========================================================= 21. ITEM TEXT ========================================================= */ .palum-equipment-control .palum-equipment-control-item-text { width: 100% !important; margin: 0 !important; } .palum-equipment-control .palum-equipment-control-item-text, .palum-equipment-control .palum-equipment-control-item-text p, .palum-equipment-control .palum-equipment-control-item-text span { color: var(--palum-text) !important; font-size: 13.5px !important; line-height: 1.60 !important; font-weight: 400 !important; } .palum-equipment-control .palum-equipment-control-item-text p { margin: 0 !important; } /* ========================================================= 22. PROCESS STRIP ========================================================= */ .palum-equipment-control .palum-equipment-control-process { width: 100% !important; margin: 72px 0 0 !important; padding: 25px 30px !important; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; background: var(--palum-dark) !important; border-radius: 8px !important; box-shadow: 0 22px 50px rgba(17, 23, 34, 0.09); } /* ========================================================= 23. PROCESS ITEM ========================================================= */ .palum-equipment-control .palum-equipment-control-process-item { position: relative; width: 100% !important; padding: 0 20px !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; transition: transform 0.25s ease !important; } .palum-equipment-control .palum-equipment-control-process-item:not(:last-child)::after { content: "→"; position: absolute; right: -7px; top: 50%; color: rgba(255, 255, 255, 0.23); font-size: 16px; line-height: 1; transform: translateY(-50%); } .palum-equipment-control .palum-equipment-control-process-item:hover { transform: translateY(-3px); } /* ========================================================= 24. PROCESS NUMBER ========================================================= */ .palum-equipment-control .palum-equipment-control-process-number { width: auto !important; margin: 0 0 7px !important; } .palum-equipment-control .palum-equipment-control-process-number .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 1px !important; } /* ========================================================= 25. PROCESS TITLE ========================================================= */ .palum-equipment-control .palum-equipment-control-process-title { width: 100% !important; margin: 0 !important; } .palum-equipment-control .palum-equipment-control-process-title .elementor-heading-title { margin: 0 !important; color: rgba(255, 255, 255, 0.88) !important; font-size: 13px !important; line-height: 1.35 !important; font-weight: 600 !important; } .palum-equipment-control .palum-equipment-control-process-item:hover .palum-equipment-control-process-title .elementor-heading-title { color: #FFFFFF !important; } /* ========================================================= 26. ELEMENTOR CLEANUP ========================================================= */ .palum-equipment-control .elementor-widget, .palum-equipment-control .elementor-widget-container { margin-bottom: 0 !important; } /* ========================================================= 27. LARGE DESKTOP ========================================================= */ @media (min-width: 1600px) { .palum-equipment-control { padding: 120px 52px 126px !important; } .palum-equipment-control .palum-equipment-control-inner { max-width: 1600px !important; } .palum-equipment-control .palum-equipment-control-main { gap: 82px !important; } .palum-equipment-control .palum-equipment-control-visual { min-height: 660px !important; } .palum-equipment-control .palum-equipment-control-image { height: 600px !important; } .palum-equipment-control .palum-equipment-control-item { min-height: 150px !important; padding: 30px !important; } } /* ========================================================= 28. SMALL DESKTOP ========================================================= */ @media (min-width: 1025px) and (max-width: 1280px) { .palum-equipment-control { padding: 92px 28px 100px !important; } .palum-equipment-control .palum-equipment-control-head { gap: 48px !important; margin-bottom: 50px !important; } .palum-equipment-control .palum-equipment-control-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 50px !important; } .palum-equipment-control .palum-equipment-control-title .elementor-heading-title { font-size: clamp(38px, 3.5vw, 48px) !important; } .palum-equipment-control .palum-equipment-control-visual { min-height: 555px !important; } .palum-equipment-control .palum-equipment-control-image { height: 500px !important; } .palum-equipment-control .palum-equipment-control-proof { width: 260px !important; padding: 19px 21px !important; } .palum-equipment-control .palum-equipment-control-item { min-height: 126px !important; padding: 24px !important; } .palum-equipment-control .palum-equipment-control-item:hover { padding-left: 30px !important; } } /* ========================================================= 29. TABLET ========================================================= */ @media (max-width: 1024px) { .palum-equipment-control { padding: 90px 30px 98px !important; } .palum-equipment-control .palum-equipment-control-head { grid-template-columns: 1fr !important; gap: 24px !important; margin-bottom: 50px !important; } .palum-equipment-control .palum-equipment-control-intro { max-width: 760px !important; } .palum-equipment-control .palum-equipment-control-main { grid-template-columns: 1fr !important; gap: 62px !important; } .palum-equipment-control .palum-equipment-control-visual { width: 100% !important; max-width: 850px !important; min-height: 630px !important; margin: 0 auto !important; } .palum-equipment-control .palum-equipment-control-list { width: 100% !important; max-width: 850px !important; margin: 0 auto !important; } .palum-equipment-control .palum-equipment-control-process { margin-top: 60px !important; } } /* ========================================================= 30. MOBILE ========================================================= */ @media (max-width: 767px) { .palum-equipment-control { padding: 68px 20px 74px !important; } /* header */ .palum-equipment-control .palum-equipment-control-head { gap: 19px !important; margin-bottom: 40px !important; } .palum-equipment-control .palum-equipment-control-eyebrow { margin-bottom: 15px !important; padding-left: 31px !important; } .palum-equipment-control .palum-equipment-control-eyebrow::before { width: 20px; } .palum-equipment-control .palum-equipment-control-eyebrow .elementor-heading-title { font-size: 11px !important; letter-spacing: 1.2px !important; } .palum-equipment-control .palum-equipment-control-title .elementor-heading-title { font-size: 35px !important; line-height: 1.08 !important; letter-spacing: -1px !important; } .palum-equipment-control .palum-equipment-control-intro, .palum-equipment-control .palum-equipment-control-intro p { font-size: 15.5px !important; line-height: 1.65 !important; } /* main */ .palum-equipment-control .palum-equipment-control-main { gap: 46px !important; } /* visual */ .palum-equipment-control .palum-equipment-control-visual { min-height: 455px !important; } .palum-equipment-control .palum-equipment-control-visual::before { left: -8px; top: 22px; width: 80px; height: 80px; } .palum-equipment-control .palum-equipment-control-image { width: 94% !important; height: 385px !important; } .palum-equipment-control .palum-equipment-control-image-label { padding: 0 0 21px 20px !important; } .palum-equipment-control .palum-equipment-control-image-label .elementor-heading-title { font-size: 10px !important; letter-spacing: 0.7px !important; } /* proof */ .palum-equipment-control .palum-equipment-control-proof { width: 235px !important; padding: 18px 19px !important; } .palum-equipment-control .palum-equipment-control-proof-title .elementor-heading-title { font-size: 16px !important; } /* control items */ .palum-equipment-control .palum-equipment-control-item { min-height: auto !important; padding: 22px 18px !important; grid-template-columns: 40px minmax(0, 1fr) !important; gap: 12px !important; } .palum-equipment-control .palum-equipment-control-item:hover { padding-left: 22px !important; } .palum-equipment-control .palum-equipment-control-item-title .elementor-heading-title { font-size: 16px !important; } .palum-equipment-control .palum-equipment-control-item-text, .palum-equipment-control .palum-equipment-control-item-text p { font-size: 12.5px !important; line-height: 1.55 !important; } /* process */ .palum-equipment-control .palum-equipment-control-process { grid-template-columns: 1fr !important; padding: 10px 22px !important; margin-top: 54px !important; } .palum-equipment-control .palum-equipment-control-process-item { padding: 17px 0 !important; align-items: flex-start !important; text-align: left !important; } .palum-equipment-control .palum-equipment-control-process-item:not(:last-child)::after { content: "" !important; left: 0; right: auto; top: auto; bottom: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.10); transform: none; } } /* ========================================================= 31. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .palum-equipment-control { padding-left: 18px !important; padding-right: 18px !important; } .palum-equipment-control .palum-equipment-control-title .elementor-heading-title { font-size: 32px !important; } .palum-equipment-control .palum-equipment-control-visual { min-height: 420px !important; } .palum-equipment-control .palum-equipment-control-image { height: 350px !important; } .palum-equipment-control .palum-equipment-control-proof { width: 215px !important; padding: 16px 17px !important; } .palum-equipment-control .palum-equipment-control-proof-title .elementor-heading-title { font-size: 15px !important; } } /* ========================================================= 32. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .palum-equipment-control *, .palum-equipment-control *::before, .palum-equipment-control *::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f705994 *//* ========================================================= PALUM CAPABILITIES PAGE SECTION 09 — MANUFACTURING FAQ Brand Color: #FE6800 ========================================================= */ /* ========================================================= 01. SECTION BASE ========================================================= */ .palum-faq { --palum-orange: #FE6800; --palum-orange-hover: #FF7918; --palum-heading: #111722; --palum-text: #66717E; --palum-light: #F7F8FA; --palum-border: #E5E9ED; --palum-dark: #101823; position: relative; width: 100% !important; overflow: hidden; padding: 112px 42px 118px !important; background: radial-gradient( circle at 94% 12%, rgba(254, 104, 0, 0.045) 0%, rgba(254, 104, 0, 0) 24% ), #F7F8FA !important; isolation: isolate; } /* decorative circle */ .palum-faq::before { content: ""; position: absolute; width: 440px; height: 440px; left: -280px; bottom: -275px; border: 1px solid rgba(254, 104, 0, 0.10); border-radius: 50%; pointer-events: none; z-index: 0; } /* subtle technical corner */ .palum-faq::after { content: ""; position: absolute; right: 5%; top: 72px; width: 100px; height: 100px; border-top: 1px solid rgba(17, 23, 34, 0.055); border-right: 1px solid rgba(17, 23, 34, 0.055); pointer-events: none; z-index: 0; } /* ========================================================= 02. INNER ========================================================= */ .palum-faq .palum-faq-inner { position: relative; z-index: 2; width: 100% !important; max-width: 1600px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: minmax(0, 0.80fr) minmax(0, 1.20fr) !important; gap: 96px !important; align-items: start !important; } /* ========================================================= 03. LEFT CONTENT ========================================================= */ .palum-faq .palum-faq-content { position: sticky !important; top: 100px; width: 100% !important; max-width: 590px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; } /* ========================================================= 04. EYEBROW ========================================================= */ .palum-faq .palum-faq-eyebrow { position: relative; width: auto !important; margin: 0 0 18px !important; padding-left: 36px !important; } .palum-faq .palum-faq-eyebrow::before { content: ""; position: absolute; left: 0; top: 50%; width: 24px; height: 2px; background: var(--palum-orange); transform: translateY(-50%); } .palum-faq .palum-faq-eyebrow .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 12px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: 1.8px !important; text-transform: uppercase !important; } /* ========================================================= 05. TITLE ========================================================= */ .palum-faq .palum-faq-title { width: 100% !important; margin: 0 0 24px !important; } .palum-faq .palum-faq-title .elementor-heading-title { margin: 0 !important; color: var(--palum-heading) !important; font-size: clamp(44px, 3.6vw, 58px) !important; line-height: 1.05 !important; font-weight: 700 !important; letter-spacing: -1.8px !important; } /* ========================================================= 06. INTRO ========================================================= */ .palum-faq .palum-faq-text { width: 100% !important; max-width: 560px !important; margin: 0 0 38px !important; } .palum-faq .palum-faq-text, .palum-faq .palum-faq-text p, .palum-faq .palum-faq-text span { color: var(--palum-text) !important; font-size: 16.5px !important; line-height: 1.72 !important; font-weight: 400 !important; } .palum-faq .palum-faq-text p { margin: 0 !important; } /* ========================================================= 07. CONTACT CARD ========================================================= */ .palum-faq .palum-faq-contact { position: relative; width: 100% !important; padding: 26px 28px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; overflow: hidden; background: #FFFFFF !important; border: 1px solid var(--palum-border) !important; border-radius: 8px !important; box-shadow: 0 18px 44px rgba(17, 23, 34, 0.055); } /* orange left accent */ .palum-faq .palum-faq-contact::before { content: ""; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: var(--palum-orange); } /* ========================================================= 08. CONTACT LABEL ========================================================= */ .palum-faq .palum-faq-contact-label { width: auto !important; margin: 0 0 8px !important; } .palum-faq .palum-faq-contact-label .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 1.3px !important; text-transform: uppercase !important; } /* ========================================================= 09. CONTACT TITLE ========================================================= */ .palum-faq .palum-faq-contact-title { width: 100% !important; margin: 0 0 9px !important; } .palum-faq .palum-faq-contact-title .elementor-heading-title { margin: 0 !important; color: var(--palum-heading) !important; font-size: 18px !important; line-height: 1.3 !important; font-weight: 700 !important; } /* ========================================================= 10. CONTACT TEXT ========================================================= */ .palum-faq .palum-faq-contact-text { width: 100% !important; margin: 0 0 18px !important; } .palum-faq .palum-faq-contact-text, .palum-faq .palum-faq-contact-text p, .palum-faq .palum-faq-contact-text span { color: var(--palum-text) !important; font-size: 13px !important; line-height: 1.60 !important; font-weight: 400 !important; } .palum-faq .palum-faq-contact-text p { margin: 0 !important; } /* ========================================================= 11. CONTACT LINK BUTTON ========================================================= */ .palum-faq .palum-faq-contact-link .elementor-button { min-height: 38px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: var(--palum-heading) !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 700 !important; transition: color 0.25s ease !important; } .palum-faq .palum-faq-contact-link .elementor-button:hover { color: var(--palum-orange) !important; } .palum-faq .palum-faq-contact-link .elementor-button-icon { margin: 0 !important; transition: transform 0.25s ease !important; } .palum-faq .palum-faq-contact-link .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } /* ========================================================= 12. FAQ RIGHT ========================================================= */ .palum-faq .palum-faq-list { width: 100% !important; min-width: 0 !important; } /* ========================================================= 13. ACCORDION ROOT ========================================================= */ .palum-faq .palum-faq-accordion { width: 100% !important; counter-reset: palum-faq-counter; } /* remove Elementor default outer borders */ .palum-faq .palum-faq-accordion .elementor-accordion { border: 0 !important; } /* ========================================================= 14. LEGACY / STANDARD ELEMENTOR ACCORDION ITEM ========================================================= */ .palum-faq .palum-faq-accordion .elementor-accordion-item { position: relative; counter-increment: palum-faq-counter; overflow: hidden; margin: 0 0 12px !important; background: #FFFFFF !important; border: 1px solid var(--palum-border) !important; border-radius: 8px !important; transition: border-color 0.25s ease, box-shadow 0.25s ease !important; } .palum-faq .palum-faq-accordion .elementor-accordion-item:last-child { margin-bottom: 0 !important; } /* active orange top accent */ .palum-faq .palum-faq-accordion .elementor-accordion-item::before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 2px; z-index: 5; background: var(--palum-orange); transition: width 0.30s ease; } .palum-faq .palum-faq-accordion .elementor-accordion-item:has(.elementor-active)::before { width: 100%; } .palum-faq .palum-faq-accordion .elementor-accordion-item:has(.elementor-active) { border-color: rgba(254, 104, 0, 0.25) !important; box-shadow: 0 16px 38px rgba(17, 23, 34, 0.055); } .palum-faq .palum-faq-accordion .elementor-accordion-item:hover { border-color: rgba(254, 104, 0, 0.22) !important; } /* ========================================================= 15. ACCORDION TITLE ROW ========================================================= */ .palum-faq .palum-faq-accordion .elementor-tab-title { position: relative; min-height: 88px !important; padding: 22px 72px 22px 90px !important; display: flex !important; align-items: center !important; background: transparent !important; border: 0 !important; cursor: pointer; } /* FAQ number */ .palum-faq .palum-faq-accordion .elementor-tab-title::before { content: counter(palum-faq-counter, decimal-leading-zero); position: absolute; left: 26px; top: 50%; transform: translateY(-50%); color: var(--palum-orange); font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: 1px; } /* question text */ .palum-faq .palum-faq-accordion .elementor-accordion-title { display: block !important; width: 100% !important; padding: 0 !important; color: var(--palum-heading) !important; font-size: 17px !important; line-height: 1.38 !important; font-weight: 700 !important; text-decoration: none !important; } /* ========================================================= 16. ACCORDION ICON CIRCLE ========================================================= */ .palum-faq .palum-faq-accordion .elementor-accordion-icon { position: absolute !important; right: 24px; top: 50%; width: 36px !important; height: 36px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; float: none !important; border-radius: 50%; background: #F5F6F8; color: var(--palum-heading) !important; transform: translateY(-50%); transition: background 0.25s ease, color 0.25s ease !important; } .palum-faq .palum-faq-accordion .elementor-tab-title:hover .elementor-accordion-icon { background: rgba(254, 104, 0, 0.08); color: var(--palum-orange) !important; } .palum-faq .palum-faq-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon { background: rgba(254, 104, 0, 0.10); color: var(--palum-orange) !important; } /* Elementor icons */ .palum-faq .palum-faq-accordion .elementor-accordion-icon i { color: inherit !important; font-size: 13px !important; line-height: 1 !important; } .palum-faq .palum-faq-accordion .elementor-accordion-icon svg { width: 13px !important; height: 13px !important; fill: currentColor !important; } .palum-faq .palum-faq-accordion .elementor-accordion-icon svg path { fill: currentColor !important; stroke: currentColor; } /* ========================================================= 17. ANSWER ========================================================= */ .palum-faq .palum-faq-accordion .elementor-tab-content { padding: 0 72px 26px 90px !important; background: transparent !important; border: 0 !important; color: var(--palum-text) !important; font-size: 14px !important; line-height: 1.70 !important; } .palum-faq .palum-faq-accordion .elementor-tab-content p { margin: 0 !important; color: inherit !important; font-size: inherit !important; line-height: inherit !important; } /* ========================================================= 18. NEW ELEMENTOR NESTED ACCORDION COMPATIBILITY 如果当前版本使用新版Accordion，同一套视觉继续生效 ========================================================= */ .palum-faq .palum-faq-accordion .e-n-accordion { counter-reset: palum-faq-new-counter; display: flex; flex-direction: column; gap: 12px; } .palum-faq .palum-faq-accordion .e-n-accordion-item { position: relative; counter-increment: palum-faq-new-counter; overflow: hidden; background: #FFFFFF !important; border: 1px solid var(--palum-border) !important; border-radius: 8px !important; transition: border-color 0.25s ease, box-shadow 0.25s ease !important; } .palum-faq .palum-faq-accordion .e-n-accordion-item::before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 2px; z-index: 4; background: var(--palum-orange); transition: width 0.30s ease; } .palum-faq .palum-faq-accordion .e-n-accordion-item[open]::before { width: 100%; } .palum-faq .palum-faq-accordion .e-n-accordion-item[open] { border-color: rgba(254, 104, 0, 0.25) !important; box-shadow: 0 16px 38px rgba(17, 23, 34, 0.055); } .palum-faq .palum-faq-accordion .e-n-accordion-item-title { position: relative; min-height: 88px; padding: 22px 72px 22px 90px !important; display: flex; align-items: center; background: transparent !important; } .palum-faq .palum-faq-accordion .e-n-accordion-item-title::before { content: counter(palum-faq-new-counter, decimal-leading-zero); position: absolute; left: 26px; top: 50%; transform: translateY(-50%); color: var(--palum-orange); font-size: 11px; font-weight: 700; letter-spacing: 1px; } .palum-faq .palum-faq-accordion .e-n-accordion-item-title-text { color: var(--palum-heading) !important; font-size: 17px !important; line-height: 1.38 !important; font-weight: 700 !important; } /* nested accordion answer */ .palum-faq .palum-faq-accordion .e-n-accordion-item > .elementor-element { color: var(--palum-text); } /* ========================================================= 19. ELEMENTOR CLEANUP ========================================================= */ .palum-faq .elementor-widget, .palum-faq .elementor-widget-container { margin-bottom: 0 !important; } /* ========================================================= 20. LARGE DESKTOP ========================================================= */ @media (min-width: 1600px) { .palum-faq { padding: 120px 52px 126px !important; } .palum-faq .palum-faq-inner { max-width: 1600px !important; gap: 104px !important; } } /* ========================================================= 21. SMALL / MEDIUM DESKTOP ========================================================= */ @media (min-width: 1025px) and (max-width: 1280px) { .palum-faq { padding: 92px 28px 100px !important; } .palum-faq .palum-faq-inner { grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr) !important; gap: 58px !important; } .palum-faq .palum-faq-title .elementor-heading-title { font-size: clamp(38px, 3.5vw, 48px) !important; } .palum-faq .palum-faq-accordion .elementor-tab-title { padding-left: 78px !important; padding-right: 66px !important; } .palum-faq .palum-faq-accordion .elementor-tab-content { padding-left: 78px !important; padding-right: 56px !important; } .palum-faq .palum-faq-accordion .elementor-tab-title::before { left: 22px; } } /* ========================================================= 22. TABLET ========================================================= */ @media (max-width: 1024px) { .palum-faq { padding: 90px 30px 98px !important; } .palum-faq .palum-faq-inner { grid-template-columns: 1fr !important; gap: 54px !important; } .palum-faq .palum-faq-content { position: static !important; top: auto; width: 100% !important; max-width: 800px !important; } .palum-faq .palum-faq-title { max-width: 720px !important; } .palum-faq .palum-faq-text { max-width: 720px !important; } .palum-faq .palum-faq-contact { max-width: 620px !important; } } /* ========================================================= 23. MOBILE ========================================================= */ @media (max-width: 767px) { .palum-faq { padding: 68px 20px 74px !important; } .palum-faq::after { display: none; } .palum-faq .palum-faq-inner { gap: 40px !important; } /* eyebrow */ .palum-faq .palum-faq-eyebrow { margin-bottom: 15px !important; padding-left: 31px !important; } .palum-faq .palum-faq-eyebrow::before { width: 20px; } .palum-faq .palum-faq-eyebrow .elementor-heading-title { font-size: 11px !important; letter-spacing: 1.2px !important; } /* title */ .palum-faq .palum-faq-title .elementor-heading-title { font-size: 35px !important; line-height: 1.08 !important; letter-spacing: -1px !important; } /* intro */ .palum-faq .palum-faq-text { margin-bottom: 28px !important; } .palum-faq .palum-faq-text, .palum-faq .palum-faq-text p { font-size: 15.5px !important; line-height: 1.65 !important; } /* contact */ .palum-faq .palum-faq-contact { padding: 22px !important; } .palum-faq .palum-faq-contact-title .elementor-heading-title { font-size: 17px !important; } /* legacy accordion title */ .palum-faq .palum-faq-accordion .elementor-tab-title { min-height: 78px !important; padding: 19px 58px 19px 54px !important; } .palum-faq .palum-faq-accordion .elementor-tab-title::before { left: 16px; font-size: 10px; } .palum-faq .palum-faq-accordion .elementor-accordion-title { font-size: 15px !important; line-height: 1.38 !important; } .palum-faq .palum-faq-accordion .elementor-accordion-icon { right: 14px; width: 32px !important; height: 32px !important; } .palum-faq .palum-faq-accordion .elementor-tab-content { padding: 0 16px 21px 54px !important; font-size: 13px !important; line-height: 1.65 !important; } /* new accordion title */ .palum-faq .palum-faq-accordion .e-n-accordion-item-title { min-height: 78px; padding: 19px 58px 19px 54px !important; } .palum-faq .palum-faq-accordion .e-n-accordion-item-title::before { left: 16px; font-size: 10px; } .palum-faq .palum-faq-accordion .e-n-accordion-item-title-text { font-size: 15px !important; } } /* ========================================================= 24. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .palum-faq { padding-left: 18px !important; padding-right: 18px !important; } .palum-faq .palum-faq-title .elementor-heading-title { font-size: 32px !important; } } /* ========================================================= 25. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .palum-faq *, .palum-faq *::before, .palum-faq *::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5ad07c2 *//* ========================================================= PALUM CAPABILITIES PAGE SECTION 10 — FINAL CTA Brand Color: #FE6800 ========================================================= */ /* ========================================================= 01. SECTION BASE ========================================================= */ .palum-final-cta { --palum-orange: #FE6800; --palum-orange-hover: #FF7918; --palum-dark: #0C131C; --palum-dark-2: #111A25; --palum-white: #FFFFFF; --palum-muted: rgba(255, 255, 255, 0.64); --palum-line: rgba(255, 255, 255, 0.09); position: relative; width: 100% !important; overflow: hidden; padding: 116px 42px 94px !important; background: radial-gradient( circle at 50% 0%, rgba(254, 104, 0, 0.13) 0%, rgba(254, 104, 0, 0.055) 18%, rgba(254, 104, 0, 0) 42% ), linear-gradient( 135deg, #0C131C 0%, #111A25 100% ) !important; isolation: isolate; } /* ========================================================= 02. TECHNICAL GRID ========================================================= */ .palum-final-cta::before { content: ""; position: absolute; inset: 0; z-index: 0; background-image: 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: 64px 64px; pointer-events: none; } /* ========================================================= 03. DECORATIVE ORANGE CIRCLE ========================================================= */ .palum-final-cta::after { content: ""; position: absolute; width: 520px; height: 520px; right: -260px; top: -280px; z-index: 0; border: 1px solid rgba(254, 104, 0, 0.12); border-radius: 50%; box-shadow: 0 0 120px rgba(254, 104, 0, 0.055); pointer-events: none; } /* ========================================================= 04. INNER ========================================================= */ .palum-final-cta .palum-final-cta-inner { position: relative; z-index: 2; width: 100% !important; max-width: 1600px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; } /* ========================================================= 05. TOP AREA ========================================================= */ .palum-final-cta .palum-final-cta-top { width: 100% !important; max-width: 1100px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } /* ========================================================= 06. EYEBROW ========================================================= */ .palum-final-cta .palum-final-cta-eyebrow { position: relative; width: auto !important; margin: 0 0 20px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; } /* left line */ .palum-final-cta .palum-final-cta-eyebrow::before { content: ""; width: 28px; height: 1px; flex: 0 0 auto; background: rgba(254, 104, 0, 0.62); } /* right line */ .palum-final-cta .palum-final-cta-eyebrow::after { content: ""; width: 28px; height: 1px; flex: 0 0 auto; background: rgba(254, 104, 0, 0.62); } .palum-final-cta .palum-final-cta-eyebrow .elementor-heading-title { margin: 0 !important; color: var(--palum-orange) !important; font-size: 12px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 1.9px !important; text-transform: uppercase !important; } /* ========================================================= 07. TITLE ========================================================= */ .palum-final-cta .palum-final-cta-title { width: 100% !important; max-width: 980px !important; margin: 0 auto 26px !important; text-align: center !important; } .palum-final-cta .palum-final-cta-title .elementor-heading-title { margin: 0 !important; color: #FFFFFF !important; font-size: clamp(48px, 4.4vw, 72px) !important; line-height: 1.02 !important; font-weight: 700 !important; letter-spacing: -2.2px !important; } /* orange highlighted text */ .palum-final-cta .palum-final-cta-title .elementor-heading-title span { color: var(--palum-orange) !important; } /* ========================================================= 08. MAIN DESCRIPTION ========================================================= */ .palum-final-cta .palum-final-cta-text { width: 100% !important; max-width: 760px !important; margin: 0 auto !important; text-align: center !important; } .palum-final-cta .palum-final-cta-text, .palum-final-cta .palum-final-cta-text p, .palum-final-cta .palum-final-cta-text span { color: rgba(255, 255, 255, 0.64) !important; font-size: 17px !important; line-height: 1.75 !important; font-weight: 400 !important; } .palum-final-cta .palum-final-cta-text p { margin: 0 !important; } /* ========================================================= 09. DIVIDER ========================================================= */ .palum-final-cta .palum-final-cta-divider { width: 100% !important; height: 1px !important; min-height: 1px !important; margin: 62px 0 48px !important; padding: 0 !important; background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.09) 14%, rgba(255, 255, 255, 0.09) 86%, rgba(255, 255, 255, 0) 100% ) !important; } /* ========================================================= 10. BOTTOM AREA ========================================================= */ .palum-final-cta .palum-final-cta-bottom { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; } /* ========================================================= 11. ACTION BUTTON WRAPPER ========================================================= */ .palum-final-cta .palum-final-cta-actions { width: auto !important; margin: 0 0 34px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 14px !important; } /* ========================================================= 12. COMMON BUTTON ========================================================= */ .palum-final-cta .palum-final-cta-primary .elementor-button, .palum-final-cta .palum-final-cta-secondary .elementor-button { min-height: 52px !important; padding: 0 24px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; border-radius: 5px !important; font-size: 14px !important; line-height: 1 !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: none !important; transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease !important; } /* ========================================================= 13. PRIMARY BUTTON ========================================================= */ .palum-final-cta .palum-final-cta-primary .elementor-button { color: #FFFFFF !important; background: var(--palum-orange) !important; border: 1px solid var(--palum-orange) !important; box-shadow: 0 10px 28px rgba(254, 104, 0, 0.15) !important; } .palum-final-cta .palum-final-cta-primary .elementor-button:hover { color: #FFFFFF !important; background: var(--palum-orange-hover) !important; border-color: var(--palum-orange-hover) !important; transform: translateY(-2px); box-shadow: 0 14px 34px rgba(254, 104, 0, 0.22) !important; } /* ========================================================= 14. SECONDARY BUTTON ========================================================= */ .palum-final-cta .palum-final-cta-secondary .elementor-button { color: #FFFFFF !important; background: rgba(255, 255, 255, 0.035) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; } .palum-final-cta .palum-final-cta-secondary .elementor-button:hover { color: #FFFFFF !important; background: rgba(255, 255, 255, 0.08) !important; border-color: rgba(255, 255, 255, 0.32) !important; transform: translateY(-2px); } /* ========================================================= 15. BUTTON ICON ========================================================= */ .palum-final-cta .palum-final-cta-primary .elementor-button-icon, .palum-final-cta .palum-final-cta-secondary .elementor-button-icon { margin: 0 !important; display: flex !important; align-items: center !important; transition: transform 0.25s ease !important; } .palum-final-cta .palum-final-cta-primary .elementor-button:hover .elementor-button-icon, .palum-final-cta .palum-final-cta-secondary .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } .palum-final-cta .elementor-button-icon svg { width: 14px !important; height: 14px !important; fill: currentColor !important; } /* ========================================================= 16. REQUIREMENTS WRAPPER ========================================================= */ .palum-final-cta .palum-final-cta-requirements { width: auto !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 0 !important; } /* ========================================================= 17. REQUIREMENT ITEM ========================================================= */ .palum-final-cta .palum-final-cta-requirement { position: relative; width: auto !important; min-width: 0 !important; padding: 0 28px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 9px !important; } /* orange dot */ .palum-final-cta .palum-final-cta-requirement::before { content: ""; width: 5px; height: 5px; flex: 0 0 auto; border-radius: 50%; background: var(--palum-orange); box-shadow: 0 0 0 4px rgba(254, 104, 0, 0.08); } /* vertical separator */ .palum-final-cta .palum-final-cta-requirement:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 18px; background: rgba(255, 255, 255, 0.10); transform: translateY(-50%); } /* requirement text */ .palum-final-cta .palum-final-cta-requirement .elementor-heading-title, .palum-final-cta .palum-final-cta-requirement p, .palum-final-cta .palum-final-cta-requirement span { margin: 0 !important; color: rgba(255, 255, 255, 0.58) !important; font-size: 12px !important; line-height: 1.4 !important; font-weight: 600 !important; letter-spacing: 0.15px !important; } /* ========================================================= 18. BOTTOM NOTE ========================================================= */ .palum-final-cta .palum-final-cta-note { width: 100% !important; max-width: 760px !important; margin: 28px auto 0 !important; text-align: center !important; } .palum-final-cta .palum-final-cta-note, .palum-final-cta .palum-final-cta-note p, .palum-final-cta .palum-final-cta-note span { color: rgba(255, 255, 255, 0.32) !important; font-size: 11px !important; line-height: 1.5 !important; font-weight: 400 !important; letter-spacing: 0.4px !important; } .palum-final-cta .palum-final-cta-note p { margin: 0 !important; } /* ========================================================= 19. SUBTLE CENTER GLOW ========================================================= */ .palum-final-cta .palum-final-cta-top::before { content: ""; position: absolute; left: 50%; top: -150px; width: 700px; height: 300px; z-index: -1; background: radial-gradient( ellipse at center, rgba(254, 104, 0, 0.07) 0%, rgba(254, 104, 0, 0) 70% ); transform: translateX(-50%); pointer-events: none; } /* ========================================================= 20. ELEMENTOR CLEANUP ========================================================= */ .palum-final-cta .elementor-widget, .palum-final-cta .elementor-widget-container { margin-bottom: 0 !important; } /* prevent Elementor preset gaps */ .palum-final-cta .palum-final-cta-top, .palum-final-cta .palum-final-cta-bottom, .palum-final-cta .palum-final-cta-inner { row-gap: 0 !important; } /* ========================================================= 21. LARGE DESKTOP ========================================================= */ @media (min-width: 1600px) { .palum-final-cta { padding: 124px 52px 100px !important; } .palum-final-cta .palum-final-cta-inner { max-width: 1600px !important; } .palum-final-cta .palum-final-cta-title { max-width: 1020px !important; } } /* ========================================================= 22. MEDIUM DESKTOP ========================================================= */ @media (min-width: 1025px) and (max-width: 1399px) { .palum-final-cta { padding: 104px 30px 88px !important; } .palum-final-cta .palum-final-cta-title .elementor-heading-title { font-size: clamp(46px, 4.8vw, 62px) !important; } .palum-final-cta .palum-final-cta-divider { margin: 54px 0 44px !important; } } /* ========================================================= 23. TABLET ========================================================= */ @media (max-width: 1024px) { .palum-final-cta { padding: 96px 30px 84px !important; } .palum-final-cta .palum-final-cta-title { max-width: 840px !important; } .palum-final-cta .palum-final-cta-title .elementor-heading-title { font-size: clamp(44px, 6vw, 62px) !important; } .palum-final-cta .palum-final-cta-divider { margin: 54px 0 42px !important; } } /* ========================================================= 24. MOBILE ========================================================= */ @media (max-width: 767px) { .palum-final-cta { padding: 74px 20px 68px !important; } /* eyebrow */ .palum-final-cta .palum-final-cta-eyebrow { gap: 9px !important; margin-bottom: 17px !important; } .palum-final-cta .palum-final-cta-eyebrow::before, .palum-final-cta .palum-final-cta-eyebrow::after { width: 20px; } .palum-final-cta .palum-final-cta-eyebrow .elementor-heading-title { font-size: 10.5px !important; letter-spacing: 1.4px !important; } /* title */ .palum-final-cta .palum-final-cta-title { margin-bottom: 21px !important; } .palum-final-cta .palum-final-cta-title .elementor-heading-title { font-size: 37px !important; line-height: 1.07 !important; letter-spacing: -1.2px !important; } /* description */ .palum-final-cta .palum-final-cta-text, .palum-final-cta .palum-final-cta-text p { font-size: 15.5px !important; line-height: 1.68 !important; } /* divider */ .palum-final-cta .palum-final-cta-divider { margin: 42px 0 34px !important; } /* buttons */ .palum-final-cta .palum-final-cta-actions { width: 100% !important; flex-direction: column !important; gap: 10px !important; margin-bottom: 30px !important; } .palum-final-cta .palum-final-cta-primary, .palum-final-cta .palum-final-cta-secondary { width: 100% !important; } .palum-final-cta .palum-final-cta-primary .elementor-button, .palum-final-cta .palum-final-cta-secondary .elementor-button { width: 100% !important; min-height: 50px !important; } /* requirements */ .palum-final-cta .palum-final-cta-requirements { width: 100% !important; max-width: 280px !important; flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; } .palum-final-cta .palum-final-cta-requirement { width: 100% !important; padding: 0 !important; justify-content: flex-start !important; } .palum-final-cta .palum-final-cta-requirement:not(:last-child)::after { display: none !important; } /* note */ .palum-final-cta .palum-final-cta-note { margin-top: 26px !important; max-width: 320px !important; } } /* ========================================================= 25. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .palum-final-cta { padding-left: 18px !important; padding-right: 18px !important; } .palum-final-cta .palum-final-cta-title .elementor-heading-title { font-size: 33px !important; line-height: 1.08 !important; } .palum-final-cta .palum-final-cta-text, .palum-final-cta .palum-final-cta-text p { font-size: 15px !important; } } /* ========================================================= 26. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .palum-final-cta *, .palum-final-cta *::before, .palum-final-cta *::after { transition: none !important; } }/* End custom CSS */