.elementor-9 .elementor-element.elementor-element-bc89831{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-bc89831::before, .elementor-9 .elementor-element.elementor-element-bc89831 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-bc89831 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-bc89831 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-bc89831 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-bc89831 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-74a9643 .elementor-repeater-item-6b2fe9f .swiper-slide-bg{background-color:#000000;background-image:url(https://expcargo-th.com/wp-content/uploads/2026/07/banner-expcargo.webp);background-size:cover;}.elementor-9 .elementor-element.elementor-element-74a9643 .elementor-repeater-item-6b2fe9f .elementor-background-overlay{background-color:#000000AB;}.elementor-9 .elementor-element.elementor-element-74a9643 .elementor-repeater-item-6b2fe9f .swiper-slide-contents{margin-right:auto;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-9 .elementor-element.elementor-element-74a9643 .elementor-repeater-item-6b2fe9f .swiper-slide-inner{align-items:center;text-align:start;}.elementor-9 .elementor-element.elementor-element-74a9643 .swiper-slide{transition-duration:calc(5000ms*1.2);height:600px;}.elementor-9 .elementor-element.elementor-element-74a9643{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;transition:background 0s;}.elementor-9 .elementor-element.elementor-element-74a9643 .swiper-slide-contents{max-width:100%;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-9 .elementor-element.elementor-element-74a9643 .swiper-slide-inner{padding:0% 15% 0% 15%;text-align:center;}.elementor-9 .elementor-element.elementor-element-74a9643 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:0px;}.elementor-9 .elementor-element.elementor-element-74a9643 .elementor-slide-heading{font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-74a9643 .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:0px;}.elementor-9 .elementor-element.elementor-element-74a9643 .elementor-slide-description{font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-74a9643 .elementor-slide-button{font-family:"Kanit", kanit;border-width:0px;border-radius:0px;}.elementor-9 .elementor-element.elementor-element-18ff8e8{--display:flex;--gap:50px 10px;--row-gap:50px;--column-gap:10px;--overlay-opacity:0.5;--padding-top:5%;--padding-bottom:5%;--padding-left:15%;--padding-right:15%;}.elementor-9 .elementor-element.elementor-element-18ff8e8::before, .elementor-9 .elementor-element.elementor-element-18ff8e8 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-18ff8e8 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-18ff8e8 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-18ff8e8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-18ff8e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-a98d66c{--display:flex;--overlay-opacity:0.5;}.elementor-9 .elementor-element.elementor-element-a98d66c::before, .elementor-9 .elementor-element.elementor-element-a98d66c > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-a98d66c > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-a98d66c > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-a98d66c > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-a98d66c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-314b229{text-align:center;}.elementor-9 .elementor-element.elementor-element-314b229 .elementor-heading-title{font-family:"Kanit", kanit;font-weight:800;}.elementor-9 .elementor-element.elementor-element-2a06cd9{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-2a06cd9 .elementor-heading-title{font-family:"Kanit", kanit;font-weight:400;color:#888888;}.elementor-9 .elementor-element.elementor-element-d6895f9{--grid-columns:4;--grid-column-gap:0px;}.elementor-9 .elementor-element.elementor-element-1d8b45b{background-color:#CC0000;padding:5px 0px 0px 0px;text-align:center;font-family:"Kanit", kanit;font-size:200px;font-weight:600;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-c807b50{--display:flex;}.elementor-9 .elementor-element.elementor-element-6880d82{text-align:center;}.elementor-9 .elementor-element.elementor-element-6880d82 .elementor-heading-title{font-family:"Kanit", kanit;font-weight:800;}.elementor-9 .elementor-element.elementor-element-3e7d9da{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-3e7d9da .elementor-heading-title{font-family:"Kanit", kanit;font-weight:400;color:#888888;}.elementor-9 .elementor-element.elementor-element-aab3841{--display:flex;}.elementor-9 .elementor-element.elementor-element-f3526a3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-dcc8c9d{--display:flex;}.elementor-9 .elementor-element.elementor-element-dcc8c9d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-fab0b0d{text-align:center;}.elementor-9 .elementor-element.elementor-element-fab0b0d .elementor-heading-title{font-family:"Kanit", kanit;font-weight:800;}.elementor-9 .elementor-element.elementor-element-88349db{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-88349db .elementor-heading-title{font-family:"Kanit", kanit;font-weight:400;color:#888888;}.elementor-9 .elementor-element.elementor-element-1a212c8{--display:flex;--gap:25px 0px;--row-gap:25px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-f0f8ef9{text-align:center;}.elementor-9 .elementor-element.elementor-element-f0f8ef9 .elementor-heading-title{font-family:"Kanit", kanit;font-weight:800;}.elementor-9 .elementor-element.elementor-element-5f46a59{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-5f46a59 .elementor-heading-title{font-family:"Kanit", kanit;font-weight:400;color:#888888;}.elementor-9 .elementor-element.elementor-element-d6da298{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-441b6bf{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-441b6bf:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-441b6bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-7d950e6 .elementor-icon-wrapper{text-align:center;}.elementor-9 .elementor-element.elementor-element-7d950e6.elementor-view-stacked .elementor-icon{background-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-7d950e6.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-7d950e6.elementor-view-default .elementor-icon{color:#CC0000;border-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-7d950e6.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-7d950e6.elementor-view-default .elementor-icon svg{fill:#CC0000;}.elementor-9 .elementor-element.elementor-element-3115b09 .elementor-heading-title{font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-806c587{text-align:center;font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-dcf9f40{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-dcf9f40:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-dcf9f40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-dcf9f40::before, .elementor-9 .elementor-element.elementor-element-dcf9f40 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-dcf9f40 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-dcf9f40 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-dcf9f40 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-dcf9f40 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-198b831 .elementor-icon-wrapper{text-align:center;}.elementor-9 .elementor-element.elementor-element-198b831.elementor-view-stacked .elementor-icon{background-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-198b831.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-198b831.elementor-view-default .elementor-icon{color:#CC0000;border-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-198b831.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-198b831.elementor-view-default .elementor-icon svg{fill:#CC0000;}.elementor-9 .elementor-element.elementor-element-5d85ce4 .elementor-heading-title{font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-a3443cc{text-align:center;font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-bf70d35{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-bf70d35:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-bf70d35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-ba79304 .elementor-icon-wrapper{text-align:center;}.elementor-9 .elementor-element.elementor-element-ba79304.elementor-view-stacked .elementor-icon{background-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-ba79304.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-ba79304.elementor-view-default .elementor-icon{color:#CC0000;border-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-ba79304.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-ba79304.elementor-view-default .elementor-icon svg{fill:#CC0000;}.elementor-9 .elementor-element.elementor-element-e711641 .elementor-heading-title{font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-8581e9b{text-align:center;font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-87459ca{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-87459ca:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-87459ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-87459ca::before, .elementor-9 .elementor-element.elementor-element-87459ca > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-87459ca > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-87459ca > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-87459ca > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-87459ca > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-7fc3b66 .elementor-icon-wrapper{text-align:center;}.elementor-9 .elementor-element.elementor-element-7fc3b66.elementor-view-stacked .elementor-icon{background-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-7fc3b66.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-7fc3b66.elementor-view-default .elementor-icon{color:#CC0000;border-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-7fc3b66.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-7fc3b66.elementor-view-default .elementor-icon svg{fill:#CC0000;}.elementor-9 .elementor-element.elementor-element-83f7f11 .elementor-heading-title{font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-ac8326a{text-align:center;font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-abbbf9e{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-abbbf9e:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-abbbf9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-abbbf9e::before, .elementor-9 .elementor-element.elementor-element-abbbf9e > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-abbbf9e > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-abbbf9e > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-abbbf9e > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-abbbf9e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-9cf8553 .elementor-icon-wrapper{text-align:center;}.elementor-9 .elementor-element.elementor-element-9cf8553.elementor-view-stacked .elementor-icon{background-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-9cf8553.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-9cf8553.elementor-view-default .elementor-icon{color:#CC0000;border-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-9cf8553.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-9cf8553.elementor-view-default .elementor-icon svg{fill:#CC0000;}.elementor-9 .elementor-element.elementor-element-2388b62 .elementor-heading-title{font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-1b4ea73{text-align:center;font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-c8f726a{--display:flex;}.elementor-9 .elementor-element.elementor-element-380faf2{text-align:center;}.elementor-9 .elementor-element.elementor-element-380faf2 .elementor-heading-title{font-family:"Kanit", kanit;font-weight:800;}.elementor-9 .elementor-element.elementor-element-7298b3e{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-7298b3e .elementor-heading-title{font-family:"Kanit", kanit;font-weight:400;color:#888888;}.elementor-9 .elementor-element.elementor-element-5e0457b img{width:100%;max-width:100%;}.elementor-9 .elementor-element.elementor-element-7a1b327{--display:flex;}.elementor-9 .elementor-element.elementor-element-e44fe5e{text-align:center;}.elementor-9 .elementor-element.elementor-element-e44fe5e .elementor-heading-title{font-family:"Kanit", kanit;font-weight:800;}.elementor-9 .elementor-element.elementor-element-cf0945e{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-cf0945e .elementor-heading-title{font-family:"Kanit", kanit;font-weight:400;color:#888888;}.elementor-9 .elementor-element.elementor-element-85b8754{--display:flex;}.elementor-9 .elementor-element.elementor-element-73770c6{text-align:center;}.elementor-9 .elementor-element.elementor-element-73770c6 .elementor-heading-title{font-family:"Kanit", kanit;font-weight:800;}.elementor-9 .elementor-element.elementor-element-7429ea1{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-7429ea1 .elementor-heading-title{font-family:"Kanit", kanit;font-weight:400;color:#888888;}.elementor-9 .elementor-element.elementor-element-6f9868e{--display:flex;}.elementor-9 .elementor-element.elementor-element-6f9868e:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-6f9868e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-9 .elementor-element.elementor-element-93cba9e{padding:15px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-93cba9e .elementor-heading-title{font-family:"Kanit", kanit;font-weight:800;}.elementor-9 .elementor-element.elementor-element-cab5b91{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-cab5b91 .elementor-heading-title{font-family:"Kanit", kanit;font-weight:400;color:#888888;}.elementor-9 .elementor-element.elementor-element-0ddbd69{--display:flex;}.elementor-9 .elementor-element.elementor-element-f63ee64{padding:15px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-f63ee64 .elementor-heading-title{font-family:"Kanit", kanit;font-weight:800;}.elementor-9 .elementor-element.elementor-element-4a3b766{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-4a3b766 .elementor-heading-title{font-family:"Kanit", kanit;font-weight:400;color:#888888;}.elementor-9 .elementor-element.elementor-element-03451cf{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-49e23aa{border-style:solid;border-width:0px 1px 0px 0px;border-color:#B9B9B9;}.elementor-9 .elementor-element.elementor-element-49e23aa .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-9 .elementor-element.elementor-element-49e23aa .elementor-icon-box-title{margin-block-end:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-9 .elementor-element.elementor-element-49e23aa.elementor-view-stacked .elementor-icon{background-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-49e23aa.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-49e23aa.elementor-view-default .elementor-icon{fill:#CC0000;color:#CC0000;border-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-49e23aa .elementor-icon{font-size:45px;}.elementor-9 .elementor-element.elementor-element-49e23aa .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-49e23aa .elementor-icon-box-title a{font-family:"Kanit", kanit;font-size:18px;font-weight:600;}.elementor-9 .elementor-element.elementor-element-49e23aa .elementor-icon-box-description{font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-050840d{border-style:solid;border-width:0px 1px 0px 0px;border-color:#B9B9B9;}.elementor-9 .elementor-element.elementor-element-050840d .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-9 .elementor-element.elementor-element-050840d .elementor-icon-box-title{margin-block-end:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-9 .elementor-element.elementor-element-050840d.elementor-view-stacked .elementor-icon{background-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-050840d.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-050840d.elementor-view-default .elementor-icon{fill:#CC0000;color:#CC0000;border-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-050840d .elementor-icon{font-size:45px;}.elementor-9 .elementor-element.elementor-element-050840d .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-050840d .elementor-icon-box-title a{font-family:"Kanit", kanit;font-size:18px;font-weight:600;}.elementor-9 .elementor-element.elementor-element-050840d .elementor-icon-box-description{font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-8427c07{border-style:solid;border-width:0px 1px 0px 0px;border-color:#B9B9B9;}.elementor-9 .elementor-element.elementor-element-8427c07 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-9 .elementor-element.elementor-element-8427c07 .elementor-icon-box-title{margin-block-end:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-9 .elementor-element.elementor-element-8427c07.elementor-view-stacked .elementor-icon{background-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-8427c07.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-8427c07.elementor-view-default .elementor-icon{fill:#CC0000;color:#CC0000;border-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-8427c07 .elementor-icon{font-size:45px;}.elementor-9 .elementor-element.elementor-element-8427c07 .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-8427c07 .elementor-icon-box-title a{font-family:"Kanit", kanit;font-size:18px;font-weight:600;}.elementor-9 .elementor-element.elementor-element-8427c07 .elementor-icon-box-description{font-family:"Kanit", kanit;}.elementor-9 .elementor-element.elementor-element-541d2fb .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-9 .elementor-element.elementor-element-541d2fb .elementor-icon-box-title{margin-block-end:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-9 .elementor-element.elementor-element-541d2fb.elementor-view-stacked .elementor-icon{background-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-541d2fb.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-541d2fb.elementor-view-default .elementor-icon{fill:#CC0000;color:#CC0000;border-color:#CC0000;}.elementor-9 .elementor-element.elementor-element-541d2fb .elementor-icon{font-size:45px;}.elementor-9 .elementor-element.elementor-element-541d2fb .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-541d2fb .elementor-icon-box-title a{font-family:"Kanit", kanit;font-size:18px;font-weight:600;}.elementor-9 .elementor-element.elementor-element-541d2fb .elementor-icon-box-description{font-family:"Kanit", kanit;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-bc89831{--content-width:100%;}}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-bc89831{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-74a9643 .swiper-slide{height:900px;}.elementor-9 .elementor-element.elementor-element-74a9643 .swiper-slide-inner{padding:0% 6% 0% 6%;}.elementor-9 .elementor-element.elementor-element-18ff8e8{--overlay-opacity:1;--padding-top:10%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-9 .elementor-element.elementor-element-a98d66c{--overlay-opacity:1;--padding-top:10%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-9 .elementor-element.elementor-element-d6895f9{--grid-columns:2;}.elementor-9 .elementor-element.elementor-element-1d8b45b{text-align:center;font-size:200px;}.elementor-9 .elementor-element.elementor-element-6880d82{text-align:center;}.elementor-9 .elementor-element.elementor-element-3e7d9da{text-align:center;}.elementor-9 .elementor-element.elementor-element-aab3841{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-aab3841.e-con{--order:99999 /* order end hack */;}.elementor-9 .elementor-element.elementor-element-88349db{text-align:center;}.elementor-9 .elementor-element.elementor-element-f0f8ef9{text-align:center;}.elementor-9 .elementor-element.elementor-element-d6da298{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-441b6bf{--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-dcf9f40{--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-5d85ce4{text-align:center;}.elementor-9 .elementor-element.elementor-element-bf70d35{--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-87459ca{--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-abbbf9e{--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-2388b62{text-align:center;}.elementor-9 .elementor-element.elementor-element-c8f726a{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-9 .elementor-element.elementor-element-380faf2{text-align:center;}.elementor-9 .elementor-element.elementor-element-e44fe5e{text-align:center;}.elementor-9 .elementor-element.elementor-element-73770c6{text-align:center;}.elementor-9 .elementor-element.elementor-element-93cba9e{text-align:center;}.elementor-9 .elementor-element.elementor-element-f63ee64{text-align:center;}.elementor-9 .elementor-element.elementor-element-03451cf{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-49e23aa .elementor-icon-box-wrapper{gap:5px;}.elementor-9 .elementor-element.elementor-element-49e23aa .elementor-icon{font-size:45px;}.elementor-9 .elementor-element.elementor-element-49e23aa .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-49e23aa .elementor-icon-box-title a{font-size:16px;}.elementor-9 .elementor-element.elementor-element-49e23aa .elementor-icon-box-description{font-size:14px;}.elementor-9 .elementor-element.elementor-element-050840d .elementor-icon-box-wrapper{gap:5px;}.elementor-9 .elementor-element.elementor-element-050840d .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-050840d .elementor-icon-box-title a{font-size:16px;}.elementor-9 .elementor-element.elementor-element-050840d .elementor-icon-box-description{font-size:14px;}.elementor-9 .elementor-element.elementor-element-8427c07 .elementor-icon-box-wrapper{gap:5px;}.elementor-9 .elementor-element.elementor-element-8427c07 .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-8427c07 .elementor-icon-box-title a{font-size:16px;}.elementor-9 .elementor-element.elementor-element-8427c07 .elementor-icon-box-description{font-size:14px;}.elementor-9 .elementor-element.elementor-element-541d2fb .elementor-icon-box-wrapper{gap:5px;}.elementor-9 .elementor-element.elementor-element-541d2fb .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-541d2fb .elementor-icon-box-title a{font-size:16px;}.elementor-9 .elementor-element.elementor-element-541d2fb .elementor-icon-box-description{font-size:14px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-74a9643{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-74a9643 .swiper-slide{height:1100px;}.elementor-9 .elementor-element.elementor-element-74a9643 .swiper-slide-contents{max-width:100%;}.elementor-9 .elementor-element.elementor-element-74a9643 .swiper-slide-inner{padding:0px 30px 0px 30px;}.elementor-9 .elementor-element.elementor-element-18ff8e8{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-9 .elementor-element.elementor-element-a98d66c{--gap:25px 0px;--row-gap:25px;--column-gap:0px;--padding-top:15%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;}.elementor-9 .elementor-element.elementor-element-2a06cd9 .elementor-heading-title{font-size:14px;}.elementor-9 .elementor-element.elementor-element-d6895f9{--grid-columns:2;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-9 .elementor-element.elementor-element-1d8b45b{text-align:center;}.elementor-9 .elementor-element.elementor-element-c807b50{--gap:25px 0px;--row-gap:25px;--column-gap:0px;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-3e7d9da .elementor-heading-title{font-size:14px;}.elementor-9 .elementor-element.elementor-element-aab3841{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-f3526a3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-dcc8c9d{--gap:25px 0px;--row-gap:25px;--column-gap:0px;--padding-top:15px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-88349db .elementor-heading-title{font-size:14px;}.elementor-9 .elementor-element.elementor-element-1a212c8{--padding-top:15%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-9 .elementor-element.elementor-element-5f46a59 .elementor-heading-title{font-size:14px;}.elementor-9 .elementor-element.elementor-element-d6da298{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-806c587{font-size:16px;}.elementor-9 .elementor-element.elementor-element-c8f726a{--padding-top:15%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-9 .elementor-element.elementor-element-7298b3e .elementor-heading-title{font-size:14px;}.elementor-9 .elementor-element.elementor-element-7a1b327{--padding-top:10%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-9 .elementor-element.elementor-element-cf0945e .elementor-heading-title{font-size:14px;}.elementor-9 .elementor-element.elementor-element-85b8754{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-7429ea1 .elementor-heading-title{font-size:14px;}.elementor-9 .elementor-element.elementor-element-6f9868e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-cab5b91{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-cab5b91 .elementor-heading-title{font-size:14px;}.elementor-9 .elementor-element.elementor-element-0ddbd69{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-4a3b766 .elementor-heading-title{font-size:14px;}.elementor-9 .elementor-element.elementor-element-03451cf{--e-con-grid-template-columns:repeat(2, 1fr);--gap:30px 0px;--row-gap:30px;--column-gap:0px;--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-050840d{border-width:0px 0px 0px 0px;}}/* Start custom CSS for slides, class: .elementor-element-74a9643 */.hero-banner-wrap {
    display: grid;
    grid-template-columns: minmax(0, 600px) 450px;
    grid-auto-rows: min-content;
    justify-content: space-between;
    grid-template-areas:
      "left  price"
      "usp   price";
    align-items: start;
    column-gap: 36px;
  }
  .hero-banner-wrap > * {
    min-width: 0;
  }
  .hero-left { grid-area: left; }
  .hero-usp-section { grid-area: usp; }
  .hero-price-box {
    grid-area: price;
    position: relative;
    overflow: hidden;
  }
  .hero-price-box__label {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .hero-price-box__main {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 24px;
  }
  .hero-price-box__num {
    font-size: 120px;
    font-weight: 900;
    line-height: 1;
    color: #FFD000;
    text-shadow: 0 4px 0 rgba(0,0,0,0.2);
  }
  .hero-price-box__rate {
    font-size: 20px !important;
    font-weight: 700;
    color: #CC0000;
  }
  .hero-price-box__unit {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
  }
  .hero-price-box__tagline {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
    margin: 0 0 20px;
  }
  .hero-price-box__tagline strong {
    color: #FFD000;
  }
  .hero-price-box__rows {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: rgba(255, 255, 255, 1);
    padding: 15px 10px;
  }
  .hero-price-box__row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 5px;
  }
  .hero-price-box__row:first-child {
    border-right: 1px dashed rgba(204,0,0,0.25);
  }
  .hero-price-box__icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #CC0000;
    color: #ffffff;
    font-size: 15px;
  }
  .hero-price-box__rowtext {
    display: flex;
    flex-direction: column;
    line-height: 1.35;
  }
  .hero-price-box__rowtext span {
    font-size: 12.5px;
    color: #7a0000;
  }
  .hero-price-box__rowtext strong {
    font-size: 17px;
    font-weight: 800;
    color: #1a1a1a;
  }
  .hero-price-box__badges {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    list-style: none;
    padding: 12px 14px;
    background: rgba(255,255,255,1);
  }
  .hero-price-box__badges li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex: 1;
    min-width: 0;
  }
  .hero-price-box__badges i {
    flex-shrink: 0;
    color: #16a34a;
    font-size: 20px;
  }
  .hero-price-box__badges span {
    font-size: 14px;
    font-weight: 700;
    color: #16a34a;
  }
  .hero-kicker {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #FFD000;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
  }
  .hero-title {
    font-weight: 700;
    font-size: 56px;
    line-height: 1.2;
    margin: 0;
    color: #ffffff;
  }
  .hero-title__accent {
    color: #CC0000;
  }
  .hero-desc {
    font-size: 22px;
    line-height: 1.6;
    margin: 0;
    color: rgba(255,255,255,0.88);
  }
  .hero-desc span {
    color: #FFD000;
  }
  .hero-usp-section {
    margin: 20px 0;
  }
  .hero-usp-title {
    text-align: left;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    color: #ffffff;
    margin: 0 0 12px;
  }
  .hero-usp-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .hero-usp-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    gap: 10px;

    white-space: normal;
    padding: 10px 12px;
    color: #ffffff;
    min-width: 0;

    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
  }
  .hero-usp-item i {
    font-size: 14px;
    color: #fff;
    flex-shrink: 0;
    background:#CC0000;
    border-radius: 8px;
    width:32px;
    height:32px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .hero-usp-item strong {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #ffffff;
  }
  .hero-contact-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 16px;
  }
  .hero-contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 14px;
    text-decoration: none;
    background: linear-gradient(135deg, #22c55e 0%, #15803d 100%);
    border-radius: 10px;
    box-shadow: 0 6px 16px rgba(22,163,74,0.5);
    transition: filter 0.18s, transform 0.18s;
  }
 
  .hero-contact-item:hover { filter: brightness(1.1); transform: translateY(-2px); }
  .hero-contact-item:active { transform: scale(0.97); }
  .hero-contact-item i {
    font-size: 15px;
    color: #ffffff;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.18);
    border-radius: 50%;
  }
  .hero-contact-item div { display: flex; flex-direction: column; line-height: 1.25; text-align: left; }
  .contact-number { font-size: 25px; font-weight: 800; color: #ffffff; }
  .contact-name   { font-size: 12px; color: rgba(255,255,255,0.85); font-weight: 500; }

  @media (max-width: 820px) {
    .hero-banner-wrap {
      grid-template-columns: 1fr;
      grid-template-areas:
        "left"
        "price"
        "usp";
      align-items: stretch;
      column-gap: 0;
    }
    .hero-title { font-size: 36px; }
    .hero-desc  { font-size: 18px;margin-bottom: 20px; }
    .hero-usp-title { font-size: 20px; }

    .hero-price-box {
      align-self: stretch;
      margin-bottom: 24px;
    }
    .hero-price-box__label { font-size: 16px; }
    .hero-price-box__unit { font-size: 18px; }
    .hero-price-box__tagline { font-size: 16px; margin-bottom: 16px; }
    .hero-price-box__rows { padding: 10px 5px; }
    .hero-price-box__icon { width: 34px; height: 34px; font-size: 14px; }
    .hero-price-box__rowtext strong { font-size: 16px; }
    .hero-price-box__rowtext span { font-size: 12px; }
    .hero-price-box__badges { padding: 10px 10px; }
    .hero-price-box__badges i { font-size: 17px; }
  }

  @media (max-width: 480px) {
    .hero-title { font-size: 32px; }
    .hero-usp-title { font-size: 18px; }
    .hero-usp-row { grid-template-columns: 1fr; }
    .hero-price-box__unit { font-size: 16px; }
    .hero-price-box__tagline { font-size: 14px; margin-bottom: 14px; }
    .hero-price-box__row { gap: 10px; }
    .hero-price-box__icon { width: 32px; height: 32px; font-size: 13px; }
    .hero-price-box__rowtext strong { font-size: 15px; }
    .hero-price-box__badges { flex-wrap: wrap; }
    .hero-price-box__badges li { flex: 1 1 30%; }
    .hero-price-box__badges br { display: none; }
  }/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-d6895f9 *//* ======================================
   EXP CARGO IMPORT PRODUCT LOOP CARD
   Elementor Loop Grid
====================================== */


/* GRID */

.elementor-widget-loop-grid .elementor-grid,
.elementor-loop-container{

    gap:10px !important;

}



/* ======================================
   CARD
====================================== */


.elementor-loop-container .e-loop-item{
    background:#ffffff !important;
    overflow:hidden !important;
    box-shadow:
    0 10px 30px rgba(0,0,0,.08) !important;
    transition:.35s ease !important;
    position:relative;
}




/* Hover Desktop */

@media(min-width:768px){

.elementor-loop-container .e-loop-item:hover{

    transform:translateY(-8px);

    box-shadow:
    0 20px 45px rgba(0,0,0,.15) !important;

}

}



/* ======================================
   IMAGE
====================================== */


.elementor-loop-container 
.elementor-widget-image{


    height:260px !important;

    overflow:hidden !important;


}



.elementor-loop-container 
.elementor-widget-image img{


    width:100% !important;

    height:100% !important;

    object-fit:cover !important;

    display:block;


    transition:.5s ease;


}




/* Image Zoom */

@media(min-width:768px){

.elementor-loop-container 
.e-loop-item:hover img{

    transform:scale(1.08);

}

}




/* ======================================
   TITLE
====================================== */


.elementor-loop-container 
.elementor-widget-text-editor{


    padding:20px 25px !important;


    font-size:22px !important;


    font-weight:700 !important;


    color:#243447 !important;


    text-align:center;


    background:#fff;


    position:relative;


}


/* ======================================
   TABLET
====================================== */


@media(max-width:1024px){


.elementor-loop-container 
.elementor-widget-image{


    height:230px !important;


}



.elementor-loop-container 
.elementor-widget-text-editor{


    font-size:21px !important;


}


}



/* ======================================
   MOBILE
====================================== */


@media(max-width:767px){


.elementor-widget-loop-grid .elementor-grid,
.elementor-loop-container{


    gap:10px !important;


}


.elementor-loop-container 
.elementor-widget-image{


    height:220px !important;


}



.elementor-loop-container 
.elementor-widget-image img{


    height:100% !important;

    object-fit:cover !important;


}



.elementor-loop-container 
.elementor-widget-text-editor{


    padding:15px !important;


    font-size:20px !important;


}



}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f3526a3 */.cargo-rate-container {
    font-family: var(--e-global-typography-primary-font-family, 'Kanit'), -apple-system, BlinkMacSystemFont, sans-serif !important;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #ffffff;
    color: #1a1a1a;
  }

  .cargo-rate-container *, 
  .cargo-rate-container *::before, 
  .cargo-rate-container *::after {
    box-sizing: border-box;
  }

  .cargo-main-title {
    background: #152B47;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    padding: 18px 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .cargo-main-title span {
    color: #e2a642;
    font-size: 15px;
    margin-left: 8px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
  }

  .cargo-trust-badges {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 35px;
  }
  .badge-item {
    background: #f8fafc;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    display: flex;
    gap: 14px;
    align-items: flex-start;
  }
  .badge-icon {
    font-size: 22px;
    color: #9b3a2a; /* เปลี่ยนจาก #800000 → brick muted */
    margin-top: 2px;
  }
  .badge-info h5 {
    margin: 0 0 4px 0;
    font-size: 15px;
    font-weight: 600;
    color: #111111;
  }
  .badge-info p {
    margin: 0;
    font-size: 12px;
    color: #64748b;
    line-height: 1.5;
    font-weight: 500;
  }

  .rate-section {
    background: #ffffff;
    overflow: hidden;
  }

  .section-title {
    font-size: 15px;
    font-weight: 500;
    padding: 12px 18px;
    text-align: left;
    color: #ffffff;
    display: flex;
    align-items: center;
    letter-spacing: 0.3px;
    background-color: #1E3A5F;
  }

  .rate-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
  }
  .rate-table th {
    background-color: #f8fafc;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
    padding: 12px 14px;
    border: 1px solid #e8ecf0;
  }
  .rate-table td {
    padding: 12px 14px;
    border: 1px solid #eef1f5;
    font-size: 15px;
    color: #374155;
    vertical-align: middle;
  }
  .rate-table td.price-cell {
    font-weight: 600;
    color: #111111;
  }
  .rate-table td.price-cell span {
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
  }
  
  .rate-table tbody tr:nth-child(even) { background-color: #f8fafc; }
  .rate-table tbody tr:hover           { background-color: #f1f5f9; }

  .type-cell {
    width: 110px;
    padding: 10px 6px !important;
    text-align: center;
    vertical-align: middle;
  }
  .badge-sea, .badge-car {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    background: none;
  }
  .badge-sea .b-icon, .badge-car .b-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #ffffff;
  }
  .badge-sea .b-icon { background: #2d4a6b; box-shadow: 0 3px 10px rgba(45,74,107,0.4); }
  .badge-car .b-icon { background: #9b3a2a; box-shadow: 0 3px 10px rgba(155,58,42,0.4); }
  .badge-sea .b-label, .badge-car .b-label {
    font-size: 12px;
    font-weight: 600;
    color: #1a1a1a;
  }

  .terms-section {
    margin-top: 32px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
    border-radius: 8px;
    overflow: hidden;
  }
  .term-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 18px;
    font-size: 13px;
    line-height: 1.65;
    background: #ffffff;
  }
  .term-item:last-child { }
  .term-icon { font-size: 15px; margin-top: 2px; flex-shrink: 0; }

  .term-success { color: #374151; background: #f0fdf4; }
  .term-success .term-icon { color: #16a34a; }
  .term-info    { color: #374151; background: #eff6ff; }
  .term-info .term-icon    { color: #2563eb; }
  .term-danger  { background-color: #fef2f2; color: #374151; }
  .term-danger .term-icon  { color: #dc2626; }

  @media (max-width: 992px) {
    .cargo-trust-badges { grid-template-columns: 1fr; gap: 12px; }
  }
  @media (max-width: 768px) {
    .cargo-rate-container { padding: 0; }
    .cargo-main-title { font-size: 16px; padding: 14px 12px; }
    .cargo-main-title span { display: block; margin-left: 0; margin-top: 4px; font-size: 13px; }
    .section-title { font-size: 13px; padding: 10px 12px; }
    .rate-section { margin-bottom: 20px; }

    .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .rate-table td, .rate-table th { padding: 8px 6px; font-size: 12px; }
    .type-cell { padding: 6px !important; }
    .badge-sea .b-icon, .badge-car .b-icon { width: 36px; height: 36px; font-size: 16px; }
    .badge-sea .b-label, .badge-car .b-label { font-size: 10px; }

    .term-item { padding: 12px 14px; font-size: 12.5px; gap: 10px; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-889428f *//* ── BASE CONTAINER ── */
  .exp-shipping-calculator {
    width: 100%;
    margin: 16px auto;
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 0;
    color: #1a1a1a;
    font-family: 'Kanit', sans-serif;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  }

  .exp-shipping-calculator *, .exp-shipping-calculator *::before, .exp-shipping-calculator *::after {
    box-sizing: border-box;
  }

  /* ── PANELS ── */
  .exp-shipping-calculator .exp-panel {
     background: #ffffff;
     padding: 28px 24px;
  }
  .exp-shipping-calculator .exp-panel:first-of-type {
    border-right: 1px solid #f0f0f0;
  }

  /* ── HEADER ── */
  .exp-shipping-calculator .exp-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
  }
  .exp-shipping-calculator .exp-header-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #CC0000;
    font-size: 22px;
    flex-shrink: 0;
  }
  .exp-shipping-calculator .exp-title {
    font-weight: 800;
    line-height: 1.1;
    margin: 0;
  }
  .exp-shipping-calculator .exp-subtitle {
    color: #777;
    font-size: 13px;
    margin: 3px 0 0;
  }

  /* ── MODE TABS ── */
  .exp-shipping-calculator .exp-mode-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 18px;
  }
  .exp-shipping-calculator .exp-mode-tab {
    font-family: 'Kanit', sans-serif;
    border: none;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
    border-radius: 8px;
    transition: all 0.15s ease;
  }
  .exp-shipping-calculator .exp-mode-tab.is-active {
    background: #CC0000;
    color: #ffffff;
  }
  .exp-shipping-calculator .exp-mode-tab:not(.is-active):hover {
    background: #e8e8e8;
  }

  /* ── FORM SECTIONS ── */
  .exp-shipping-calculator .exp-form-section {
    margin-bottom: 22px;
  }
  .exp-shipping-calculator .exp-section-label {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #1a1a1a;
  }
  .exp-shipping-calculator .exp-section-label i {
    color: #666;
    font-size: 14px;
    width: 16px;
    text-align: center;
  }

  /* ── DROPDOWNS ── */
  .exp-shipping-calculator .exp-select-shell {
    height: 44px;
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    position: relative;
    padding: 0 12px;
  }
  .exp-shipping-calculator .exp-select-shell::after {
    content: '\f0d7';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    right: 14px;
    color: #999;
    pointer-events: none;
    font-size: 12px;
  }
  .exp-shipping-calculator .exp-select-shell select {
    font-family: 'Kanit', sans-serif;
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    color: #aaa;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    padding-right: 24px;
  }
  .exp-shipping-calculator .exp-select-shell.has-value select {
    color: #1a1a1a;
  }
  .exp-shipping-calculator .exp-select-shell:focus-within {
    border-color: #B30000;
    box-shadow: 0 0 0 3px rgba(179,0,0,0.08);
  }
  .exp-shipping-calculator .exp-select-shell.is-error {
    border-color: #CC0000;
    box-shadow: 0 0 0 3px rgba(204,0,0,0.12);
    animation: exp-shake 0.35s ease;
  }
  @keyframes exp-shake {
    0%,100% { transform: translateX(0); }
    20%     { transform: translateX(-5px); }
    40%     { transform: translateX(5px); }
    60%     { transform: translateX(-4px); }
    80%     { transform: translateX(3px); }
  }

  /* ── INPUTS ── */
  .exp-shipping-calculator .exp-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .exp-shipping-calculator .exp-field label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #555;
  }
  .exp-shipping-calculator .exp-input-shell {
    height: 44px;
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    padding: 0 10px;
  }
  .exp-shipping-calculator .exp-input-shell:focus-within {
    border-color: #B30000;
    box-shadow: 0 0 0 3px rgba(179,0,0,0.08);
  }
  .exp-shipping-calculator .exp-input-shell input {
    font-family: 'Kanit', sans-serif;
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    background: transparent;
  }
  .exp-shipping-calculator .exp-input-shell input::placeholder {
    color: #bbb;
    font-weight: 400;
  }
  .exp-shipping-calculator .exp-unit {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    flex-shrink: 0;
  }
  .exp-shipping-calculator .exp-input-shell input[type="number"]::-webkit-inner-spin-button,
  .exp-shipping-calculator .exp-input-shell input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .exp-shipping-calculator .exp-input-shell input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
  }

  /* ── CALCULATE BUTTON ── */
  .exp-shipping-calculator .exp-calculate-btn {
    font-family: 'Kanit', sans-serif;
    width: 100%;
    height: 48px;
    border: 0;
    background: #CC0000;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
    transition: background 0.15s;
  }
  .exp-shipping-calculator .exp-calculate-btn:hover {
    background: #a80000;
  }

  /* ── WARNING NOTE ── */
  .exp-shipping-calculator .exp-warning-note {
    background: #fff8f8;
    border: 1px solid #fde0e0;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 12px;
    color: #cc2222;
    line-height: 1.6;
    margin-top: 14px;
  }
  .exp-shipping-calculator .exp-warning-note .exp-warning-title {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
    margin-bottom: 2px;
  }

  /* ── RESULT HEADER ── */
  .exp-shipping-calculator .exp-result-title {
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 6px;
  }
  .exp-shipping-calculator .exp-result-title-underline {
    width: 36px;
    height: 3px;
    background: #CC0000;
    border-radius: 2px;
    margin-bottom: 16px;
  }

  /* ── RESULT CARD ── */
  .exp-shipping-calculator .exp-result-card {
    background: linear-gradient(135deg, #fff1f1, #fff8f8);
    border: 1px solid #fecaca;
    padding: 20px 16px;
    text-align: center;
    margin-bottom: 16px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
  }
  .exp-shipping-calculator .exp-result-card-bg {
    position: absolute;
    bottom: -10px;
    right: -10px;
    width: 160px;
    opacity: 0.8;
    pointer-events: none;
    line-height: 0;
  }
  .exp-shipping-calculator .exp-result-card-bg img {
    width: 100%;
    height: auto;
    display: block;
  }
  .exp-shipping-calculator .exp-result-label {
    font-size: 13px;
    font-weight: 700;
    color: #666;
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
  }
  .exp-shipping-calculator .exp-result-row {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
  }
  .exp-shipping-calculator .exp-result-amount {
    color: #CC0000;
    font-size: 42px;
    font-weight: 900;
    line-height: 1;
  }
  .exp-shipping-calculator .exp-result-currency {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 700;
  }
  .exp-shipping-calculator .exp-volume-value {
    font-size: 14px;
    font-weight: 600;
    color: #555;
    margin-top: 8px;
    position: relative;
    z-index: 1;
  }

  /* ── DETAIL BREAKDOWN ── */
  .exp-shipping-calculator .exp-details-title {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #1a1a1a;
  }
  .exp-shipping-calculator .exp-detail-list {
    background: #ffffff;
    margin-bottom: 14px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
  }
  .exp-shipping-calculator .exp-detail-row {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    font-size: 13px;
    border-bottom: 1px solid #f5f5f5;
  }
  .exp-shipping-calculator .exp-detail-row:last-child {
    border-bottom: 0;
  }
  .exp-shipping-calculator .exp-detail-row-label {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #444;
  }
  .exp-shipping-calculator .exp-detail-row-label i {
    color: #aaa;
    font-size: 13px;
    width: 14px;
    text-align: center;
    flex-shrink: 0;
  }
  .exp-shipping-calculator .exp-detail-value {
    font-weight: 700;
    color: #1a1a1a;
  }
  .exp-shipping-calculator .exp-detail-row.exp-total {
    padding: 10px 12px;
    font-weight: 700;
  }
  .exp-shipping-calculator .exp-detail-row.exp-total .exp-detail-row-label {
    font-size: 14px;
    font-weight: 800;
    color: #1a1a1a;
  }
  .exp-shipping-calculator .exp-detail-row.exp-total .exp-detail-value {
    color: #CC0000;
    font-size: 15px;
  }

  /* ── TRUST BADGE ── */
  .exp-shipping-calculator .exp-trust-badge {
    background: #f0f6ff;
    border: 1px solid #c0d8f5;
    border-radius: 8px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .exp-shipping-calculator .exp-trust-badge i {
    color: #2563eb;
    font-size: 20px;
    flex-shrink: 0;
  }
  .exp-shipping-calculator .exp-trust-badge-text {
    font-size: 12px;
    color: #1e40af;
    line-height: 1.4;
  }
  .exp-shipping-calculator .exp-trust-badge-text strong {
    font-size: 13px;
    display: block;
    font-weight: 700;
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 850px) {
    .exp-shipping-calculator {
      grid-template-columns: 1fr;
      width: 100%;
      margin: 0;
    }
    .exp-shipping-calculator .exp-panel:first-of-type {
      border-right: none;
      border-bottom: 1px solid #f0f0f0;
    }
    .exp-shipping-calculator .exp-input-shell input,
    .exp-shipping-calculator .exp-select-shell select {
      font-size: 16px;
    }
    .exp-shipping-calculator .exp-input-shell,
    .exp-shipping-calculator .exp-select-shell {
      height: 46px;
    }
    .exp-shipping-calculator .exp-mode-tab {
      padding: 12px 8px;
    }
    .exp-shipping-calculator .exp-calculate-btn {
      font-size: 16px;
      height: 50px;
    }
  }

  @keyframes exp-result-flash {
    0%   { background: #fef3c7; border-color: #d97706; }
    100% { background: linear-gradient(135deg, #fff1f1, #fff8f8); border-color: #fecaca; }
  }
  .exp-result-card.is-updated {
    animation: exp-result-flash 0.7s ease-out forwards;
  }

  @media (max-width: 480px) {
    .exp-shipping-calculator {
      width: 100%;
      margin: 0;
      border-radius: 0;
    }
    .exp-shipping-calculator .exp-panel {
      padding: 25px 20px;
    }
    .exp-shipping-calculator .exp-grid-3 {
      gap: 8px;
    }
    .exp-shipping-calculator .exp-result-amount {
      font-size: 44px;
    }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-556b128 */.exp-wh-wrap {
    width: 100%;
    padding: 0;
    font-family: var(--e-global-typography-primary-font-family, 'Kanit'), sans-serif !important;
    color: #1a1a1a;
  }
  .exp-wh-wrap *, .exp-wh-wrap *::before, .exp-wh-wrap *::after {
    box-sizing: border-box;
  }

  /* ── HEADER ── */
  .exp-wh-header {
    text-align: center;
  }
  .exp-wh-header h2 {
    font-size: 28px;
    font-weight: 800;
    color: #111;
    margin-bottom: 6px;
  }
  .exp-wh-header h2 span { color: #CC0000; }
  .exp-wh-header p {
    font-size: 14px;
    color: #888;
  }

  /* ── LAYOUT ── */
  .exp-wh-grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 32px;
    margin-bottom: 20px;
  }

  /* ── COLUMN LABEL ── */
  .exp-wh-col-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
  }
  .exp-wh-col-title.is-china { color: #CC0000; }
  .exp-wh-col-title.is-thai  { color: #1C3F7C; }

  /* ── CARD ── */
  .exp-wh-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.07);
    margin-bottom: 16px;
    overflow: hidden;
  }

  /* ── MAP AT TOP (Thai warehouses) ── */
  .exp-wh-map-top {
    line-height: 0;
  }
  .exp-wh-map-top iframe {
    width: 100%;
    height: 190px;
    border: 0;
    display: block;
  }

  /* Card title row (inside body) */
  .exp-wh-card-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
  }
  .exp-wh-card-name {
    font-size: 13px;
    font-weight: 700;
    color: #222;
    line-height: 1.4;
  }
  .exp-wh-badge {
    font-size: 11px;
    font-weight: 500;
    padding: 2px 9px;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;
    background: #0dcaf0;
    color: #fff;
  }

  /* Card Body */
  .exp-wh-card-body {
    padding: 14px 16px;
    font-size: 13px;
    line-height: 1.75;
    color: #555;
  }
  .exp-wh-meta { margin-bottom: 4px; }
  .exp-wh-meta strong { color: #333; font-weight: 700; }

  /* Address block */
  .exp-wh-address {
    background: #f5f5f5;
    border-radius: 6px;
    box-shadow: inset 0 1px 4px rgba(0,0,0,0.05);
    padding: 10px 13px;
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.85;
    color: #333;
    word-break: break-all;
  }

  /* Alert */
  .exp-wh-alert {
    background: #fff5f5;
    border-radius: 6px;
    padding: 7px 10px;
    font-size: 11px;
    font-weight: 600;
    color: #CC0000;
    margin-top: 10px;
  }
  .exp-wh-alert.is-green {
    background: #f4fcf7;
    border-left: 0 !important;
    color: #215c3a;
  }
  .exp-wh-alert i { display: inline; margin-right: 5px; color: #CC0000; }
  .exp-wh-alert.is-green i { color: #5aaa80; }

  /* Map button */
  .exp-wh-btn-map {
    font-family: var(--e-global-typography-primary-font-family, 'Kanit'), sans-serif !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 40px;
    margin-top: 12px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    background: #0d6efd;
    color: #fff !important;
    border: 1.5px solid #e0e0e0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: box-shadow 0.2s, border-color 0.2s;
  }
  .exp-wh-btn-map .gmaps-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
  }
  .exp-wh-btn-map .gmaps-icon svg { width: 18px; height: 18px; display: block; }
  .exp-wh-btn-map:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.14);
    border-color: #bbb;
  }

  /* ── FOOTER ── */
  .exp-wh-footer-bar {
    padding: 12px 16px;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    color: #ff0000;
  }
  .exp-wh-footer-bar i { color: #ff0000; }

  /* ── RESPONSIVE ── */
  @media (max-width: 768px) {
    .exp-wh-grid { grid-template-columns: 1fr; gap: 20px; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f50153f */.exp-contact {
    width: 100%;
    padding: 0;
    font-family: 'Kanit', sans-serif;
    color: #1a1a1a;
  }
  .exp-contact *, .exp-contact *::before, .exp-contact *::after { box-sizing: border-box; }

  /* ── HEADER ── */
  .exp-contact-header {
    padding: 20px;
    text-align: center;
  }
  .exp-contact-header h2 {
    font-size: 30px;
    font-weight: 800;
    color: #111;
    margin-bottom: 8px;
  }
  .exp-contact-header h2 span { color: #CC0000; }
  .exp-contact-header p { font-size: 14px; color: #888; }

  /* ── GRID ── */
  .exp-contact-body {
    margin: 0 auto;
    padding: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }

  /* ── CHANNEL CARD ── */
  .exp-contact-channels { display: flex; flex-direction: column; gap: 25px; }
  .exp-contact-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s, transform 0.2s;
  }
  .exp-contact-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.08); transform: translateY(-1px); }
  .exp-contact-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
  }
  .icon-line    { background: #e8faf0; color: #06c755; }
  .icon-fb      { background: #e8f0fe; color: #1877f2; }
  .icon-phone   { background: #e8f5e9; color: #2e7d32; }
  .icon-email   { background: #fef3e2; color: #f57c00; }
  .icon-wechat  { background: #e8faf0; color: #07c160; }

  .exp-contact-card-label {
    font-size: 11px;
    font-weight: 700;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 3px;
  }
  .exp-contact-card-value {
    font-size: 15px;
    font-weight: 800;
    color: #111;
  }
  .exp-contact-card-desc {
    font-size: 12px;
    color: #999;
    margin-top: 2px;
  }
  .exp-contact-card-arrow {
    margin-left: auto;
    color: #ddd;
    font-size: 13px;
    flex-shrink: 0;
  }
  .exp-contact-card:hover .exp-contact-card-arrow { color: #aaa; }

  /* ── HOURS + INFO ── */
  .exp-contact-info-col { display: flex; flex-direction: column; gap: 16px; }

  .exp-contact-hours {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    padding: 20px 22px;
  }
  .exp-contact-hours h3 {
    font-size: 13px;
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .exp-contact-hours h3 i { color: #aaa; }
  .exp-contact-hours-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 13px;
  }
  .exp-contact-hours-row:last-child { border-bottom: none; }
  .exp-contact-hours-day { color: #555; font-weight: 500; }
  .exp-contact-hours-time { color: #111; font-weight: 700; }
  .exp-contact-hours-time.closed { color: #999; }
  .exp-contact-hours-badge {
    background: #e8faf0;
    color: #2d7a4a;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
  }

    .exp-contact-note {
        font-size: 14px;
        color: #8b0000;
        line-height: 1.75;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3px;
        padding: 0px 25px 20px 25px;
    }
  .exp-contact-note i { flex-shrink: 0; margin-top: 2px; color: #CC0000; }

  /* ── LINE CTA BANNER ── */
  .exp-contact-line-banner {
    margin: 0 auto;
    padding: 0 24px 48px;
  }
  .exp-contact-line-inner {
    background: linear-gradient(135deg, #00a63e 0%, #06c755 100%);
    border-radius: 14px;
    padding: 28px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
  .exp-contact-line-left { display: flex; align-items: center; gap: 16px; }
  .exp-contact-line-icon { font-size: 36px; color: #fff; }
  .exp-contact-line-text h4 { font-size: 17px; font-weight: 800; color: #fff; margin-bottom: 3px; }
  .exp-contact-line-text p  { font-size: 13px; color: rgba(255,255,255,0.7); }
  .exp-contact-line-btn {
    background: #fff;
    color: #06c755 !important;
    text-decoration: none;
    padding: 11px 28px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
    font-family: 'Kanit', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
  }
  .exp-contact-line-btn:hover { background: rgba(255,255,255,0.9); }

  @media (max-width: 768px) {
    .exp-contact-body { grid-template-columns: 1fr; }
    .exp-contact-line-inner { flex-direction: column; text-align: center; }
    .exp-contact-line-left { flex-direction: column; text-align: center; }
    .exp-contact-header h2 { font-size: 22px; }
  }/* End custom CSS */
/* Start custom CSS *//* ===== HERO SECTION ===== */
.exp-hero {
  background: #0a0a0a;
  min-height: 520px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 60px 60px;
  font-family: 'Noto Sans Thai', 'Sarabun', sans-serif;
}
.exp-hero-bg {
  position: absolute;
  right: 0; top: 0; bottom: 0;
  width: 60%;
  background: linear-gradient(to right, #0a0a0a 15%, transparent 50%),
    url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=1200') center/cover no-repeat;
  z-index: 0;
}
.exp-hero-content {
  position: relative;
  z-index: 1;
  max-width: 520px;
}
.exp-hero h1 {
  font-size: 52px;
  font-weight: 900;
  color: #fff;
  line-height: 1.1;
  margin: 0 0 12px;
}
.exp-hero h1 span { color: #e8222e; }
.exp-hero .sub1 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 10px;
}
.exp-hero .sub2 {
  font-size: 14px;
  color: #ccc;
  margin: 0 0 28px;
  line-height: 1.6;
}
.exp-hero-services {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.exp-svc-item {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 6px;
  padding: 10px 14px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.exp-svc-item .svc-icon {
  width: 28px;
  height: 28px;
  background: #e8222e;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}
.exp-svc-item .svc-label { font-size: 11px; color: #aaa; display: block; }
.exp-btn-quote {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #e8222e;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 14px 32px;
  border-radius: 6px;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
.exp-btn-quote:hover { background: #c81a24; color: #fff; }

/* ===== FEATURE STRIP ===== */
.exp-features {
  background: #fff;
  padding: 32px 40px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 20px;
  border-bottom: 1px solid #eee;
}
.exp-feat-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  flex: 1;
  min-width: 160px;
  max-width: 200px;
}
.exp-feat-icon {
  width: 44px;
  height: 44px;
  border: 2px solid #e8222e;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e8222e;
  font-size: 20px;
  flex-shrink: 0;
}
.exp-feat-title {
  font-size: 14px;
  font-weight: 700;
  color: #111;
  margin: 0 0 4px;
}
.exp-feat-desc {
  font-size: 12px;
  color: #666;
  margin: 0;
  line-height: 1.4;
}

/* ===== PRODUCT + CALCULATOR ===== */
.exp-main-row {
  display: flex;
  gap: 24px;
  padding: 40px 40px;
  background: #f5f5f5;
  flex-wrap: wrap;
}
.exp-product-box {
  flex: 1;
  min-width: 300px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.exp-product-header {
  background: #1a1a1a;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 14px 20px;
}
.exp-product-body {
  display: flex;
  gap: 0;
}
.exp-prod-col {
  flex: 1;
  padding: 18px;
  border-right: 1px solid #eee;
}
.exp-prod-col:last-child { border-right: none; }
.exp-prod-col.warning { background: #fffaf9; }
.exp-prod-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  font-size: 18px;
}
.exp-prod-icon.red { background: #ffe5e7; color: #e8222e; }
.exp-prod-icon.orange { background: #fff3e0; color: #f57c00; }
.exp-prod-icon.warn { background: #fff3e0; color: #f57c00; }
.exp-prod-title { font-size: 13px; font-weight: 700; color: #111; margin: 0 0 8px; }
.exp-prod-text { font-size: 11px; color: #555; line-height: 1.5; margin: 0; }
.exp-prod-image { width: 100%; height: 90px; object-fit: contain; margin-top: 10px; }
.exp-no-import {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #e8222e;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 10px 14px;
  border-radius: 6px;
  margin-top: 14px;
}

/* ===== CALCULATOR ===== */
.exp-calc-box {
  flex: 1.2;
  min-width: 340px;
  background: #fff;
  border-radius: 8px;
  padding: 24px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.exp-calc-left { flex: 1.2; min-width: 260px; }
.exp-calc-right { flex: 1; min-width: 200px; background: #f8f8f8; border-radius: 6px; padding: 16px; }
.exp-calc-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #111;
  margin-bottom: 16px;
}
.exp-calc-title span.icon { color: #e8222e; font-size: 20px; }
.exp-tab-row {
  display: flex;
  gap: 0;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 16px;
}
.exp-tab {
  flex: 1;
  padding: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  border: none;
}
.exp-tab.active { background: #e8222e; color: #fff; }
.exp-tab:not(.active) { background: #eee; color: #555; }
.exp-form-row {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.exp-form-group { flex: 1; min-width: 100px; }
.exp-form-group label { font-size: 11px; color: #666; display: block; margin-bottom: 4px; }
.exp-form-group input,
.exp-form-group select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
  box-sizing: border-box;
}
.exp-result-box {
  background: linear-gradient(135deg, #fff5f5, #fff);
  border: 1px solid #fdd;
  border-radius: 6px;
  padding: 16px;
  text-align: center;
  margin-top: 12px;
}
.exp-result-label { font-size: 12px; color: #666; margin-bottom: 6px; }
.exp-result-value { font-size: 36px; font-weight: 900; color: #e8222e; }
.exp-result-note { font-size: 10px; color: #999; margin-top: 4px; }
.exp-calc-right-row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  padding: 5px 0;
  border-bottom: 1px solid #eee;
  color: #555;
}
.exp-calc-right-row:last-of-type { border-bottom: none; font-weight: 700; }
.exp-calc-right-row span.red { color: #e8222e; font-weight: 700; font-size: 14px; }
.exp-btn-quote-sm {
  display: block;
  background: #e8222e;
  color: #fff;
  text-align: center;
  padding: 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  margin-top: 14px;
  border: none;
  cursor: pointer;
  width: 100%;
}

/* ===== STATS BAR ===== */
.exp-stats {
  background: #e8222e;
  display: flex;
  justify-content: space-around;
  padding: 20px 40px;
  flex-wrap: wrap;
  gap: 16px;
}
.exp-stat-item {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #fff;
}
.exp-stat-icon {
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.exp-stat-num { font-size: 22px; font-weight: 900; }
.exp-stat-label { font-size: 12px; opacity: 0.9; }/* End custom CSS */