.elementor-804 .elementor-element.elementor-element-176bf566{--display:flex;--position:fixed;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-80px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;top:40px;--z-index:95;}body:not(.rtl) .elementor-804 .elementor-element.elementor-element-176bf566{left:0px;}body.rtl .elementor-804 .elementor-element.elementor-element-176bf566{right:0px;}.elementor-804 .elementor-element.elementor-element-4109145e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-804 .elementor-element.elementor-element-4109145e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-804 .elementor-element.elementor-element-419d6ae4{text-align:start;}.elementor-804 .elementor-element.elementor-element-419d6ae4 img{width:91px;height:53px;object-fit:contain;object-position:center center;}.elementor-804 .elementor-element.elementor-element-10d7978d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:2.2% 2.2%;--row-gap:2.2%;--column-gap:2.2%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-804 .elementor-element.elementor-element-1809de5f{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;border-width:0px;border-radius:0px;}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:24px;letter-spacing:-0.45px;}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px;}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#000000;}.elementor-804 .elementor-element.elementor-element-1809de5f .e--pointer-framed .elementor-item:before,
					.elementor-804 .elementor-element.elementor-element-1809de5f .e--pointer-framed .elementor-item:after{border-color:#000000;}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#F8F3EF;}.elementor-804 .elementor-element.elementor-element-1809de5f .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-804 .elementor-element.elementor-element-1809de5f .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#F8F3EF;}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--dropdown a:hover,
					.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--dropdown a:focus,
					.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--dropdown a.highlighted,
					.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-menu-toggle:hover,
					.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--dropdown a:hover,
					.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--dropdown a:focus,
					.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--dropdown a.highlighted{background-color:#000000;}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--dropdown .elementor-item, .elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:1.53px;}.elementor-804 .elementor-element.elementor-element-1809de5f div.elementor-menu-toggle{color:#000000;}.elementor-804 .elementor-element.elementor-element-1809de5f div.elementor-menu-toggle svg{fill:#000000;}.elementor-804 .elementor-element.elementor-element-1809de5f div.elementor-menu-toggle:hover, .elementor-804 .elementor-element.elementor-element-1809de5f div.elementor-menu-toggle:focus{color:#000000;}.elementor-804 .elementor-element.elementor-element-1809de5f div.elementor-menu-toggle:hover svg, .elementor-804 .elementor-element.elementor-element-1809de5f div.elementor-menu-toggle:focus svg{fill:#000000;}.elementor-804 .elementor-element.elementor-element-6124833f .elementor-button{background-color:#000000;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:1.53px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:0px 0px 0px 0px;padding:15px 20px 15px 20px;}.elementor-804 .elementor-element.elementor-element-6124833f .elementor-button:hover, .elementor-804 .elementor-element.elementor-element-6124833f .elementor-button:focus{background-color:#FFFFFF00;color:#000000;}.elementor-804 .elementor-element.elementor-element-6124833f{width:auto;max-width:auto;}.elementor-804 .elementor-element.elementor-element-6124833f .elementor-button:hover svg, .elementor-804 .elementor-element.elementor-element-6124833f .elementor-button:focus svg{fill:#000000;}.elementor-804 .elementor-element.elementor-element-a35817c{--display:flex;--min-height:300vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--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-804 .elementor-element.elementor-element-a248767{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--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-804 .elementor-element.elementor-element-d4e51df{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--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-804 .elementor-element.elementor-element-d4e51df:not(.elementor-motion-effects-element-type-background), .elementor-804 .elementor-element.elementor-element-d4e51df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF0000;background-image:url("https://kopp.kengweb.co.th/wp-content/uploads/2026/04/batman-dc-superheroes-dc-comics-cosplay-3840x2160-954-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-804 .elementor-element.elementor-element-4913619{--display:flex;}.elementor-804 .elementor-element.elementor-element-07cb04a{text-align:center;}.elementor-804 .elementor-element.elementor-element-1a5967e{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--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-804 .elementor-element.elementor-element-1a5967e:not(.elementor-motion-effects-element-type-background), .elementor-804 .elementor-element.elementor-element-1a5967e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F00FF;background-image:url("https://kopp.kengweb.co.th/wp-content/uploads/2026/04/wp7258104-the-batman-4k-wallpapers-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-804 .elementor-element.elementor-element-9578b28{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--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-804 .elementor-element.elementor-element-9578b28:not(.elementor-motion-effects-element-type-background), .elementor-804 .elementor-element.elementor-element-9578b28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF0000;}@media(max-width:1024px){.elementor-804 .elementor-element.elementor-element-10d7978d{--gap:6% 6%;--row-gap:6%;--column-gap:6%;}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-804 .elementor-element.elementor-element-1809de5f .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:22px !important;}.elementor-804 .elementor-element.elementor-element-1809de5f .elementor-menu-toggle{border-width:1px;border-radius:0px;}}@media(min-width:768px){.elementor-804 .elementor-element.elementor-element-4109145e{--width:9.998%;}.elementor-804 .elementor-element.elementor-element-10d7978d{--width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-804 .elementor-element.elementor-element-4109145e{--width:15%;}.elementor-804 .elementor-element.elementor-element-10d7978d{--width:85%;}}@media(max-width:767px){.elementor-804 .elementor-element.elementor-element-4109145e{--width:30%;}.elementor-804 .elementor-element.elementor-element-419d6ae4 img{width:85%;}.elementor-804 .elementor-element.elementor-element-10d7978d{--width:70%;}.elementor-804 .elementor-element.elementor-element-6124833f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 8px;}.elementor-804 .elementor-element.elementor-element-6124833f .elementor-button{padding:10px 10px 10px 10px;}}/* Start custom CSS for container, class: .elementor-element-d4e51df */.elementor-804 .elementor-element.elementor-element-d4e51df{
    --drop-height: 900px;
    overflow: hidden !important;
    position: relative;
    isolation: isolate;
}

.elementor-804 .elementor-element.elementor-element-d4e51df .elementor-container{
    z-index: 1;
    position: relative;
}

/* ฝน */
.elementor-804 .elementor-element.elementor-element-d4e51df .raindrop{
    position: absolute;
    top: -14%;
    left: 0;
    height: 130%;
    pointer-events: none;
    transform: rotate(-33deg);
    transform-origin: top center;
    z-index: 2;
}

.elementor-804 .elementor-element.elementor-element-d4e51df .raindrop span{
    height: var(--drop-height);
    border-radius: 4.5px;
    animation: raining linear infinite;
    display: block;
    position: relative;
    opacity: 0.22;
}

@keyframes raining{
    0%{
        top: calc(-1 * var(--drop-height));
        left: 0;
    }
    100%{
        top: calc(100% + var(--drop-height));
        left: 320px;
    }
}

/* แสงจุดด้านบน */
.elementor-804 .elementor-element.elementor-element-d4e51df::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 28%;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: screen;
    opacity: 0.16;
    background:
        radial-gradient(circle at 12% 10%, rgba(255,255,255,0.95) 0 0.8%, rgba(255,255,255,0.22) 2.2%, rgba(255,255,255,0) 7%),
        radial-gradient(circle at 27% 7%, rgba(210,230,255,0.85) 0 0.7%, rgba(210,230,255,0.18) 2%, rgba(255,255,255,0) 6.5%),
        radial-gradient(circle at 44% 12%, rgba(255,255,255,0.9) 0 0.9%, rgba(255,255,255,0.2) 2.4%, rgba(255,255,255,0) 7.5%),
        radial-gradient(circle at 63% 8%, rgba(190,220,255,0.8) 0 0.8%, rgba(190,220,255,0.18) 2.2%, rgba(255,255,255,0) 7%),
        radial-gradient(circle at 79% 11%, rgba(255,255,255,0.95) 0 0.8%, rgba(255,255,255,0.22) 2.3%, rgba(255,255,255,0) 7%),
        radial-gradient(circle at 91% 6%, rgba(205,225,255,0.75) 0 0.7%, rgba(205,225,255,0.16) 2%, rgba(255,255,255,0) 6.5%);
    filter: blur(1.2px);
    animation: topGlowDrift 10s ease-in-out infinite alternate;
}

/* ฟ้าผ่าเป็นจุดสลับ */
.elementor-804 .elementor-element.elementor-element-d4e51df::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 30%;
    z-index: 3;
    pointer-events: none;
    mix-blend-mode: screen;
    opacity: 0;
    background:
        radial-gradient(circle at 16% 8%, rgba(255,255,255,0.98) 0 1.2%, rgba(255,255,255,0.35) 3%, rgba(255,255,255,0) 9%),
        radial-gradient(circle at 36% 10%, rgba(210,230,255,0.85) 0 1%, rgba(210,230,255,0.28) 2.8%, rgba(255,255,255,0) 8.5%),
        radial-gradient(circle at 68% 7%, rgba(255,255,255,0.95) 0 1.2%, rgba(255,255,255,0.32) 3%, rgba(255,255,255,0) 9%),
        radial-gradient(circle at 84% 11%, rgba(190,220,255,0.82) 0 1%, rgba(190,220,255,0.24) 2.8%, rgba(255,255,255,0) 8.5%);
    filter: blur(8px);
    animation: lightningDots 7.5s ease-in-out infinite;
}

@keyframes topGlowDrift{
    0%{
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 0.12;
    }
    50%{
        transform: translate3d(-8px, 4px, 0) scale(1.02);
        opacity: 0.2;
    }
    100%{
        transform: translate3d(10px, -3px, 0) scale(1.04);
        opacity: 0.14;
    }
}

@keyframes lightningDots{
    0%, 80%, 100%{
        opacity: 0;
    }
    81%{
        opacity: 0.08;
    }
    82.2%{
        opacity: 0.24;
    }
    83%{
        opacity: 0.12;
    }
    84.1%{
        opacity: 0.42;
    }
    85.3%{
        opacity: 0.18;
    }
    86.5%{
        opacity: 0.3;
    }
    88%{
        opacity: 0.05;
    }
    90%{
        opacity: 0;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a5967e */.elementor-804 .elementor-element.elementor-element-1a5967e {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* ให้ content อยู่เหนือควัน */
.elementor-804 .elementor-element.elementor-element-1a5967e > * {
  position: relative;
  z-index: 5;
}

/* ควันชั้นหลัง */
.elementor-804 .elementor-element.elementor-element-1a5967e::before {
  content: "";
  position: absolute;
  left: -20%;
  bottom: -12%;
  width: 140%;
  height: 70%;
  z-index: 2;
  pointer-events: none;
  opacity: 0.95;
  filter: blur(42px);
  mix-blend-mode: multiply;
  transform-origin: center bottom;

  background:
    radial-gradient(circle at 8% 82%, rgba(0,0,0,0.90) 0%, transparent 17%),
    radial-gradient(circle at 18% 72%, rgba(0,0,0,0.75) 0%, transparent 16%),
    radial-gradient(circle at 30% 84%, rgba(0,0,0,0.88) 0%, transparent 18%),
    radial-gradient(circle at 42% 68%, rgba(0,0,0,0.72) 0%, transparent 15%),
    radial-gradient(circle at 55% 86%, rgba(0,0,0,0.84) 0%, transparent 18%),
    radial-gradient(circle at 68% 72%, rgba(0,0,0,0.70) 0%, transparent 15%),
    radial-gradient(circle at 82% 85%, rgba(0,0,0,0.86) 0%, transparent 18%),
    radial-gradient(circle at 94% 74%, rgba(0,0,0,0.72) 0%, transparent 15%);

  animation: smokeRandomA 17s infinite alternate ease-in-out;
}

/* ควันชั้นหน้า */
.elementor-804 .elementor-element.elementor-element-1a5967e::after {
  content: "";
  position: absolute;
  left: -15%;
  bottom: -8%;
  width: 130%;
  height: 58%;
  z-index: 3;
  pointer-events: none;
  opacity: 0.82;
  filter: blur(24px);
  mix-blend-mode: multiply;
  transform-origin: center bottom;

  background:
    radial-gradient(circle at 12% 80%, rgba(0,0,0,0.78) 0%, transparent 12%),
    radial-gradient(circle at 26% 62%, rgba(0,0,0,0.58) 0%, transparent 10%),
    radial-gradient(circle at 39% 83%, rgba(0,0,0,0.74) 0%, transparent 12%),
    radial-gradient(circle at 54% 67%, rgba(0,0,0,0.52) 0%, transparent 10%),
    radial-gradient(circle at 67% 84%, rgba(0,0,0,0.76) 0%, transparent 12%),
    radial-gradient(circle at 82% 66%, rgba(0,0,0,0.56) 0%, transparent 10%),
    radial-gradient(circle at 95% 82%, rgba(0,0,0,0.74) 0%, transparent 12%);

  animation: smokeRandomB 11s infinite alternate ease-in-out;
}

@keyframes smokeRandomA {
  0% {
    transform: translate(0px, 0px) scale(1) rotate(0deg);
  }
  8% {
    transform: translate(-12px, -18px) scale(1.03) rotate(-0.8deg);
  }
  17% {
    transform: translate(14px, -38px) scale(1.07) rotate(0.6deg);
  }
  29% {
    transform: translate(-6px, -26px) scale(1.04) rotate(-0.4deg);
  }
  41% {
    transform: translate(22px, -56px) scale(1.11) rotate(1deg);
  }
  53% {
    transform: translate(4px, -48px) scale(1.08) rotate(0.2deg);
  }
  66% {
    transform: translate(-18px, -72px) scale(1.14) rotate(-0.9deg);
  }
  79% {
    transform: translate(16px, -60px) scale(1.10) rotate(0.7deg);
  }
  100% {
    transform: translate(-18px, -120px) scale(1.24) rotate(-0.3deg);
  }
}

@keyframes smokeRandomB {
  0% {
    transform: translate(0px, 0px) scale(1) rotate(0deg);
  }
  10% {
    transform: translate(10px, -12px) scale(1.02) rotate(0.5deg);
  }
  21% {
    transform: translate(-14px, -24px) scale(1.06) rotate(-0.7deg);
  }
  33% {
    transform: translate(6px, -42px) scale(1.09) rotate(0.4deg);
  }
  46% {
    transform: translate(18px, -30px) scale(1.05) rotate(0.8deg);
  }
  59% {
    transform: translate(-8px, -54px) scale(1.10) rotate(-0.5deg);
  }
  73% {
    transform: translate(14px, -66px) scale(1.14) rotate(0.9deg);
  }
  86% {
    transform: translate(-16px, -48px) scale(1.08) rotate(-0.6deg);
  }
  100% {
    transform: translate(8px, -78px) scale(1.16) rotate(0.3deg);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a35817c */html, body {
  overflow-x: hidden;
  scrollbar-width: none;
}

::-webkit-scrollbar {
  display: none;
}/* End custom CSS */