.elementor-98 .elementor-element.elementor-element-a31f95f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;--padding-top:050px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-98 .elementor-element.elementor-element-a31f95f:not(.elementor-motion-effects-element-type-background), .elementor-98 .elementor-element.elementor-element-a31f95f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.zampogroup.com/wp-content/uploads/2026/07/bg-banner.png");background-position:center right;background-size:cover;}.elementor-98 .elementor-element.elementor-element-a31f95f::before, .elementor-98 .elementor-element.elementor-element-a31f95f > .elementor-background-video-container::before, .elementor-98 .elementor-element.elementor-element-a31f95f > .e-con-inner > .elementor-background-video-container::before, .elementor-98 .elementor-element.elementor-element-a31f95f > .elementor-background-slideshow::before, .elementor-98 .elementor-element.elementor-element-a31f95f > .e-con-inner > .elementor-background-slideshow::before, .elementor-98 .elementor-element.elementor-element-a31f95f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #02010100 0%, #FFFFFF 100%);}.elementor-98 .elementor-element.elementor-element-a7f64a8{--display:flex;--justify-content:center;}.elementor-98 .elementor-element.elementor-element-77eacf4{text-align:center;}.elementor-98 .elementor-element.elementor-element-d252550.elementor-element{--order:-99999 /* order start hack */;}.elementor-98 .elementor-element.elementor-element-d252550{text-align:center;}.elementor-98 .elementor-element.elementor-element-d252550 .elementor-heading-title{font-size:40px;color:#000000;}.elementor-98 .elementor-element.elementor-element-365d059{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-98 .elementor-element.elementor-element-365d059.e-con{--align-self:center;}.elementor-98 .elementor-element.elementor-element-b6506ea{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-98 .elementor-element.elementor-element-b6506ea .elementor-button-content-wrapper{flex-direction:row;}.elementor-98 .elementor-element.elementor-element-b6506ea .elementor-button{font-size:16px;}.elementor-98 .elementor-element.elementor-element-c0f8e08{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-98 .elementor-element.elementor-element-c0f8e08 .elementor-button-content-wrapper{flex-direction:row;}.elementor-98 .elementor-element.elementor-element-c0f8e08 .elementor-button{font-size:16px;}.elementor-98 .elementor-element.elementor-element-f3100e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-98 .elementor-element.elementor-element-de22ec3.elementor-element{--order:-99999 /* order start hack */;}.elementor-98 .elementor-element.elementor-element-de22ec3{text-align:center;}.elementor-98 .elementor-element.elementor-element-de22ec3 .elementor-heading-title{font-size:44px;}.elementor-98 .elementor-element.elementor-element-f60013b{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-98 .elementor-element.elementor-element-f60013b.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-98 .elementor-element.elementor-element-a8d927e{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFF7C7;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:010px;--padding-left:0px;--padding-right:0px;}.elementor-98 .elementor-element.elementor-element-a8d927e.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-98 .elementor-element.elementor-element-1f52d2a{padding:0px 0px 0px 15px;border-style:solid;border-width:0px 0px 0px 00px;border-color:#D2D2D2;border-radius:0px 0px 0px 0px;}.elementor-98 .elementor-element.elementor-element-1f52d2a .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-98 .elementor-element.elementor-element-1f52d2a .elementor-icon-box-title{margin-block-end:0px;color:#000000;}.elementor-98 .elementor-element.elementor-element-1f52d2a.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-98 .elementor-element.elementor-element-1f52d2a.elementor-view-framed .elementor-icon, .elementor-98 .elementor-element.elementor-element-1f52d2a.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-98 .elementor-element.elementor-element-1f52d2a .elementor-icon{font-size:22px;}.elementor-98 .elementor-element.elementor-element-1f52d2a .elementor-icon-box-title, .elementor-98 .elementor-element.elementor-element-1f52d2a .elementor-icon-box-title a{font-size:20px;font-weight:500;}.elementor-98 .elementor-element.elementor-element-1f52d2a .elementor-icon-box-description{color:#000000;}.elementor-98 .elementor-element.elementor-element-f94dd49{padding:0px 0px 0px 15px;border-style:solid;border-width:0px 0px 0px 00px;border-color:#D2D2D2;border-radius:0px 0px 0px 0px;}.elementor-98 .elementor-element.elementor-element-f94dd49 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-98 .elementor-element.elementor-element-f94dd49 .elementor-icon-box-title{margin-block-end:0px;color:#000000;}.elementor-98 .elementor-element.elementor-element-f94dd49.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-98 .elementor-element.elementor-element-f94dd49.elementor-view-framed .elementor-icon, .elementor-98 .elementor-element.elementor-element-f94dd49.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-98 .elementor-element.elementor-element-f94dd49 .elementor-icon{font-size:22px;}.elementor-98 .elementor-element.elementor-element-f94dd49 .elementor-icon-box-title, .elementor-98 .elementor-element.elementor-element-f94dd49 .elementor-icon-box-title a{font-size:20px;font-weight:500;}.elementor-98 .elementor-element.elementor-element-f94dd49 .elementor-icon-box-description{color:#000000;}.elementor-98 .elementor-element.elementor-element-38f1f1b{padding:0px 0px 0px 15px;border-style:solid;border-width:0px 0px 0px 00px;border-color:#D2D2D2;border-radius:0px 0px 0px 0px;}.elementor-98 .elementor-element.elementor-element-38f1f1b .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-98 .elementor-element.elementor-element-38f1f1b .elementor-icon-box-title{margin-block-end:0px;color:#000000;}.elementor-98 .elementor-element.elementor-element-38f1f1b.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-98 .elementor-element.elementor-element-38f1f1b.elementor-view-framed .elementor-icon, .elementor-98 .elementor-element.elementor-element-38f1f1b.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-98 .elementor-element.elementor-element-38f1f1b .elementor-icon{font-size:22px;}.elementor-98 .elementor-element.elementor-element-38f1f1b .elementor-icon-box-title, .elementor-98 .elementor-element.elementor-element-38f1f1b .elementor-icon-box-title a{font-size:20px;font-weight:500;}.elementor-98 .elementor-element.elementor-element-38f1f1b .elementor-icon-box-description{color:#000000;}.elementor-98 .elementor-element.elementor-element-7a33797{padding:0px 0px 0px 15px;border-style:solid;border-width:0px 0px 0px 00px;border-color:#D2D2D2;border-radius:0px 0px 0px 0px;}.elementor-98 .elementor-element.elementor-element-7a33797 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-98 .elementor-element.elementor-element-7a33797 .elementor-icon-box-title{margin-block-end:0px;color:#000000;}.elementor-98 .elementor-element.elementor-element-7a33797.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-98 .elementor-element.elementor-element-7a33797.elementor-view-framed .elementor-icon, .elementor-98 .elementor-element.elementor-element-7a33797.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-98 .elementor-element.elementor-element-7a33797 .elementor-icon{font-size:22px;}.elementor-98 .elementor-element.elementor-element-7a33797 .elementor-icon-box-title, .elementor-98 .elementor-element.elementor-element-7a33797 .elementor-icon-box-title a{font-size:20px;font-weight:500;}.elementor-98 .elementor-element.elementor-element-7a33797 .elementor-icon-box-description{color:#000000;}@media(max-width:1366px){.elementor-98 .elementor-element.elementor-element-a8d927e{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-98 .elementor-element.elementor-element-365d059{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-98 .elementor-element.elementor-element-a8d927e{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-98 .elementor-element.elementor-element-a31f95f{--min-height:140px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-98 .elementor-element.elementor-element-a31f95f:not(.elementor-motion-effects-element-type-background), .elementor-98 .elementor-element.elementor-element-a31f95f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-98 .elementor-element.elementor-element-a7f64a8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-98 .elementor-element.elementor-element-77eacf4{padding:015px 5px 15px 5px;font-size:14px;}.elementor-98 .elementor-element.elementor-element-d252550 .elementor-heading-title{font-size:30px;}.elementor-98 .elementor-element.elementor-element-365d059{--width:100%;--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:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-98 .elementor-element.elementor-element-365d059.e-con{--align-self:center;}.elementor-98 .elementor-element.elementor-element-b6506ea{--container-widget-width:48%;--container-widget-flex-grow:0;width:var( --container-widget-width, 48% );max-width:48%;}.elementor-98 .elementor-element.elementor-element-b6506ea .elementor-button{font-size:14px;padding:0px 0px 0px 0px;}.elementor-98 .elementor-element.elementor-element-c0f8e08{--container-widget-width:48%;--container-widget-flex-grow:0;width:var( --container-widget-width, 48% );max-width:48%;}.elementor-98 .elementor-element.elementor-element-c0f8e08 .elementor-button{font-size:14px;padding:0px 0px 0px 0px;}.elementor-98 .elementor-element.elementor-element-f3100e1{--padding-top:20px;--padding-bottom:20px;--padding-left:00px;--padding-right:00px;}.elementor-98 .elementor-element.elementor-element-de22ec3 .elementor-heading-title{font-size:30px;}.elementor-98 .elementor-element.elementor-element-a8d927e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-98 .elementor-element.elementor-element-1f52d2a .elementor-icon-box-title, .elementor-98 .elementor-element.elementor-element-1f52d2a .elementor-icon-box-title a{font-size:18px;}.elementor-98 .elementor-element.elementor-element-f94dd49 .elementor-icon-box-title, .elementor-98 .elementor-element.elementor-element-f94dd49 .elementor-icon-box-title a{font-size:18px;}.elementor-98 .elementor-element.elementor-element-38f1f1b .elementor-icon-box-title, .elementor-98 .elementor-element.elementor-element-38f1f1b .elementor-icon-box-title a{font-size:18px;}.elementor-98 .elementor-element.elementor-element-7a33797 .elementor-icon-box-title, .elementor-98 .elementor-element.elementor-element-7a33797 .elementor-icon-box-title a{font-size:18px;}}@media(min-width:768px){.elementor-98 .elementor-element.elementor-element-a7f64a8{--width:100%;}.elementor-98 .elementor-element.elementor-element-365d059{--width:57%;}.elementor-98 .elementor-element.elementor-element-f3100e1{--content-width:1340px;}}@media(max-width:1024px) and (min-width:768px){.elementor-98 .elementor-element.elementor-element-365d059{--width:80%;}}@media(min-width:2400px){.elementor-98 .elementor-element.elementor-element-a8d927e{--grid-auto-flow:row;}}/* Start custom CSS for text-editor, class: .elementor-element-77eacf4 */.card-slot::before {
    content: "";
    position: absolute;
    inset: -30px;
    background: radial-gradient(ellipse 70% 55% at 25% 15%, rgba(248, 210, 85, 0.65), transparent 65%), radial-gradient(ellipse 60% 55% at 85% 90%, rgba(248, 210, 85, 0.45), transparent 65%);
    filter: blur(38px);
    border-radius: 44px;
    z-index: 0;
    pointer-events: none;
}
.card {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 32px;
    padding: 25px 25px 25px;
    box-shadow: 0 1px 1px rgba(184, 140, 10, 0.04), 0 30px 60px -25px rgba(184, 140, 10, 0.22);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 32px;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 210, 85, 0.4));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.cnc-services .card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 32px;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 210, 85, 0.4));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c0f8e08 */#wy-bt{
   background: #fff !important;
   border:2px solid #F8D255 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-365d059 *//* ปุ่มทั้งหมด */
 #yellowbt {
    position: relative;
    overflow: hidden;
    background: linear-gradient(
        135deg,
        #F8D255,
        #FDE178
    ) !important;

    color: #222 !important;
    border: none !important;
    border-radius: 999px !important;

    padding: 14px 0px !important;
    fill:#000 !important;

    font-weight: 600;
    transition: all 0.35s ease;
    box-shadow: 0 6px 18px rgba(248, 210, 85, 0.25);
    
    z-index: 1;
}


/* แสงวิ่ง */
 #yellowbt::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.75),
        transparent
    );

    transform: skewX(-20deg);
    transition: left 0.6s ease;

    z-index: -1;
}


/* Hover */ 
#yellowbt:hover {
    transform: translateY(-3px);

    background: linear-gradient(
        135deg,
        #FDE178,
        #F8D255
    ) !important;

    box-shadow:
        0 10px 25px rgba(248, 210, 85, 0.4),
        0 0 0 4px rgba(248, 210, 85, 0.12);

    color: #111 !important;
}


/* แสงวิ่งตอน Hover */
#yellowbt:hover::before {
    left: 140%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f60013b */.small-line{
  display:flex;
  align-items:center;
  gap:7px;
  margin:20px 0 19px;
}

.small-line i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #F8D255;
}


.small-line span {
    width: 80px;
    height: 5px;
    border-radius: 99px;
    background: #F8D255;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8d927e */.yellow-glow {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(
        135deg,
        #fff3a6 0%,
        #ffd84d 45%,
        #ffe98a 100%
    );
    border-radius: 20px;
}

/* แสงฟุ้งก้อนที่ 1 */
.yellow-glow::before {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    top: -180px;
    left: 5%;
    background: #fff7c7;
    border-radius: 50%;
    filter: blur(70px);
    opacity: 0.75;
    z-index: -1;
    animation: glowMove1 8s ease-in-out infinite alternate;
}

/* แสงฟุ้งก้อนที่ 2 */
.yellow-glow::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: 5%;
    bottom: -210px;
    background: #f5b800;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.35;
    z-index: -1;
    animation: glowMove2 10s ease-in-out infinite alternate;
}

/* เคลื่อนแสงก้อนบน */
@keyframes glowMove1 {
    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(120px, 40px) scale(1.15);
    }

    100% {
        transform: translate(220px, -20px) scale(0.95);
    }
}

/* เคลื่อนแสงก้อนล่าง */
@keyframes glowMove2 {
    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-100px, -40px) scale(1.15);
    }

    100% {
        transform: translate(-180px, 20px) scale(0.9);
    }
}/* End custom CSS */