.elementor-88 .elementor-element.elementor-element-48ca4ed7{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-48ca4ed7:not(.elementor-motion-effects-element-type-background), .elementor-88 .elementor-element.elementor-element-48ca4ed7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #C11B3F 0%, #F54D6E 100%);}.elementor-88 .elementor-element.elementor-element-509a511d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-88 .elementor-element.elementor-element-4e7f46b img{width:68%;}.elementor-88 .elementor-element.elementor-element-fcf976f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-88 .elementor-element.elementor-element-1b8d0c7{--display:flex;--padding-top:8px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-1b8d0c7:not(.elementor-motion-effects-element-type-background), .elementor-88 .elementor-element.elementor-element-1b8d0c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-88 .elementor-element.elementor-element-b40f82e{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:20%;--margin-right:0%;}.elementor-88 .elementor-element.elementor-element-b40f82e:not(.elementor-motion-effects-element-type-background), .elementor-88 .elementor-element.elementor-element-b40f82e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000D6;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-88 .elementor-element.elementor-element-470ff1d .elementor-button{background-color:#61CE7000;font-family:"Sarabun", Sans-serif;font-weight:500;fill:#FFB624;color:#FFB624;}.elementor-88 .elementor-element.elementor-element-470ff1d .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-88 .elementor-element.elementor-element-fe96c01 .elementor-button{background-color:#61CE7000;font-family:"Sarabun", Sans-serif;font-weight:500;fill:#FFB624;color:#FFB624;}.elementor-88 .elementor-element.elementor-element-fe96c01 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-88 .elementor-element.elementor-element-0d5fd96{--display:flex;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-0d5fd96:not(.elementor-motion-effects-element-type-background), .elementor-88 .elementor-element.elementor-element-0d5fd96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-88 .elementor-element.elementor-element-f479c00{--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;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFBE03;--border-color:#FFBE03;}.elementor-88 .elementor-element.elementor-element-f479c00:not(.elementor-motion-effects-element-type-background), .elementor-88 .elementor-element.elementor-element-f479c00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C2C2C;}.elementor-88 .elementor-element.elementor-element-59202e3{--display:flex;}.elementor-88 .elementor-element.elementor-element-840e06e{--display:flex;}.elementor-88 .elementor-element.elementor-element-f9b4f84{--display:flex;}.elementor-88 .elementor-element.elementor-element-d94d588{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:space-between;--n-menu-title-flex-grow:1;--n-menu-title-justify-content:center;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-font-size:18px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-88 .elementor-element.elementor-element-d94d588 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-88 .elementor-element.elementor-element-d94d588 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-88 .elementor-element.elementor-element-d94d588 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Prompt", Sans-serif;font-weight:500;}.elementor-88 .elementor-element.elementor-element-d94d588 {--n-menu-title-color-hover:#F3CE00;--n-menu-title-color-active:#F3CE00;}.elementor-88 .elementor-element.elementor-element-d94d588 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){border-style:solid;border-width:0px 0px 1px 0px;border-color:#F3CE00;}.elementor-88 .elementor-element.elementor-element-d94d588 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{border-style:solid;border-width:0px 0px 1px 0px;border-color:#F3CE00;}.elementor-88 .elementor-element.elementor-element-f8997c4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-c70b86c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-3ef463d{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-7a809b7{--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;}.elementor-88 .elementor-element.elementor-element-7a809b7:not(.elementor-motion-effects-element-type-background), .elementor-88 .elementor-element.elementor-element-7a809b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #C11B3F 0%, #F54D6E 100%);}.elementor-88 .elementor-element.elementor-element-5c1ed8e{--display:flex;}.elementor-88 .elementor-element.elementor-element-7668e28{--display:flex;}.elementor-88 .elementor-element.elementor-element-ec6365c{--display:flex;}.elementor-88 .elementor-element.elementor-element-b8ee6e5{--display:flex;}.elementor-88 .elementor-element.elementor-element-96c53fd{--display:flex;}.elementor-88 .elementor-element.elementor-element-d6f2f6a{--display:flex;}.elementor-88 .elementor-element.elementor-element-d494961{--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;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-88 .elementor-element.elementor-element-509a511d{--width:10%;}.elementor-88 .elementor-element.elementor-element-fcf976f{--width:60%;}.elementor-88 .elementor-element.elementor-element-b40f82e{--width:22%;}.elementor-88 .elementor-element.elementor-element-0d5fd96{--content-width:50%;}.elementor-88 .elementor-element.elementor-element-f8997c4{--width:30%;}.elementor-88 .elementor-element.elementor-element-c70b86c{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-88 .elementor-element.elementor-element-fcf976f{--width:60%;}.elementor-88 .elementor-element.elementor-element-b40f82e{--width:28%;}.elementor-88 .elementor-element.elementor-element-0d5fd96{--content-width:90%;}.elementor-88 .elementor-element.elementor-element-f8997c4{--width:30%;}}@media(max-width:1024px){.elementor-88 .elementor-element.elementor-element-48ca4ed7{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-88 .elementor-element.elementor-element-4e7f46b img{width:100%;}.elementor-88 .elementor-element.elementor-element-1b8d0c7{--padding-top:5px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-470ff1d .elementor-button{font-size:12px;}.elementor-88 .elementor-element.elementor-element-fe96c01 .elementor-button{font-size:12px;}.elementor-88 .elementor-element.elementor-element-0d5fd96{--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-88 .elementor-element.elementor-element-d94d588{--n-menu-title-font-size:16px;}.elementor-88 .elementor-element.elementor-element-c70b86c{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-88 .elementor-element.elementor-element-c70b86c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-88 .elementor-element.elementor-element-7a809b7{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-5c1ed8e{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-7668e28{--width:10%;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-4c3b7175 > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-88 .elementor-element.elementor-element-ec6365c{--width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-361f9157 > .elementor-widget-container{padding:0% 10% 0% 0%;}.elementor-88 .elementor-element.elementor-element-361f9157 img{width:40%;}.elementor-88 .elementor-element.elementor-element-b8ee6e5{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-96c53fd{--width:50%;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-d6f2f6a{--width:50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-d494961{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for image, class: .elementor-element-5c1a019 */.elementor-88 .elementor-element.elementor-element-5c1a019 img {
    animation: bob 2.5s infinite;
}

@keyframes bob {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e44da4a *//* ตั้งค่าเริ่มต้น */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

.hero-section {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.background {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ดวงตา */
.animated-eye {
    position: absolute;
    width: 4.5vw; /* ปรับขนาดเป็นแบบ Responsive */
    height: auto;
    animation: pulse 0.25s infinite alternate;
}

/* ตาซ้าย */
.eye-left {
    top: 55%; /* ปรับให้ตรงกับตำแหน่งใน BG */
    left: 46.2%;
}

/* ตาขวา */
.eye-right {
    top: 56.5%; /* ปรับให้ตรงกับตำแหน่งใน BG */
    left: 51.5%;
}

/* Animation */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}

/* Media Queries สำหรับ Responsive */
@media screen and (max-width: 768px) {
    .animated-eye {
        width: 4vw; /* ปรับขนาดเล็กลง */
    }

    .eye-left {
        top: 55.4%; /* ปรับตำแหน่งสำหรับหน้าจอขนาดเล็ก */
        left: 46.5%;
    }

    .eye-right {
        top: 56.8%;
        left: 51.5%;
    }
}

@media screen and (max-width: 480px) {
    .animated-eye {
        width: 10vw; /* ปรับขนาดดวงตา */
    }

    .eye-left {
        top: 24.5%;
        left: 43%;
    }

    .eye-right {
        top: 25.5%;
        left: 53%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c3b7175 */#soundBar {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.line {
  width: 30px;
  height: 5px;
  background-color:#fff;
  margin-bottom: 3px;
  transform-origin: left;
}

.line:nth-child(1) {
  animation: pulse1 3s infinite ease-in-out;
}

.line:nth-child(2) {
  animation: pulse2 2.8s infinite ease-in-out;
}

.line:nth-child(3) {
  animation: pulse3 3s infinite ease-in-out;
}

.line:nth-child(4) {
  animation: pulse4 2.5s infinite ease-in-out;
}

@keyframes pulse1 {
  0%, 100% { transform: scaleX(0.1); }
  60% { transform: scaleX(1); }
}

@keyframes pulse2 {
  0%, 100% { transform: scaleX(0.1); }
  60% { transform: scaleX(1); }
}

@keyframes pulse3 {
  0%, 100% { transform: scaleX(0.1); }
  60% { transform: scaleX(1); }
}

@keyframes pulse4 {
  0%, 100% { transform: scaleX(0.1); }
  60% { transform: scaleX(1); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-361f9157 */.pop-animation {
    animation: pop 2.5s infinite; /* Apply the pop animation */
}

.pop-animation img {
    width: 150px; /* Adjust the size of the image */
    height: auto;
}

/* Pop Animation */
@keyframes pop {
    0% {
        transform: scale(1); /* Normal size */
    }
    50% {
        transform: scale(1.1); /* Slightly larger */
    }
    100% {
        transform: scale(1); /* Back to normal size */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b249b43 */.elementor-88 .elementor-element.elementor-element-b249b43 img {
    animation: bob 2.5s infinite;
}

@keyframes bob {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-865a87c */.elementor-88 .elementor-element.elementor-element-865a87c img {
    animation: bob 2.5s infinite;
}

@keyframes bob {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-677ed28 *//* ตั้งค่าเริ่มต้น */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

.hero-section {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.background {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ดวงตา */
.animated-eye {
    position: absolute;
    width: 8vw; /* ปรับขนาดเป็นแบบ Responsive */
    height: auto;
    animation: pulse 0.25s infinite alternate;
}

/* ตาซ้าย */
.eye-left {
    top: 49.3%; /* ปรับให้ตรงกับตำแหน่งใน BG */
    left: 46.3%;
}

/* ตาขวา */
.eye-right {
    top: 51%; /* ปรับให้ตรงกับตำแหน่งใน BG */
    left: 51.5%;
}

/* Animation */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}

/* Media Queries สำหรับ Responsive */
@media screen and (max-width: 768px) {
    .animated-eye {
        width: 4vw; /* ปรับขนาดเล็กลง */
    }

    .eye-left {
        top: 21.67%; /* ปรับตำแหน่งสำหรับหน้าจอขนาดเล็ก */
        left: 46.5%;
    }

    .eye-right {
        top: 22.2%;
        left: 51.5%;
    }
}

@media screen and (max-width: 480px) {
    .animated-eye {
        width: 11vw; /* ปรับขนาดดวงตา */
    }

    .eye-left {
        top: 53.9%;
        left: 41.3%;
    }

    .eye-right {
        top: 55.3%;
        left: 52.3%;
    }
}/* End custom CSS */