.elementor-15 .elementor-element.elementor-element-0136479{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-0136479:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-0136479 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #41BC9F 0%, #97DBCF 100%);}.elementor-15 .elementor-element.elementor-element-60d79ff{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--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-15 .elementor-element.elementor-element-fd90da2{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-fd90da2 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-15 .elementor-element.elementor-element-f994d47{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--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-15 .elementor-element.elementor-element-9b698e1{--display:flex;}.elementor-15 .elementor-element.elementor-element-f9e96c6{--display:flex;}.elementor-15 .elementor-element.elementor-element-c16e774{--display:flex;}.elementor-15 .elementor-element.elementor-element-b20b38d{--display:flex;}.elementor-15 .elementor-element.elementor-element-3a4edc1{--display:flex;}.elementor-15 .elementor-element.elementor-element-504dc83{--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;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:18px;--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-15 .elementor-element.elementor-element-504dc83 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-15 .elementor-element.elementor-element-504dc83 > .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-15 .elementor-element.elementor-element-504dc83 > .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:"Kanit", Sans-serif;font-weight:500;}.elementor-15 .elementor-element.elementor-element-504dc83 {--n-menu-title-color-hover:#FFFFFF;--n-menu-title-color-active:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-dbb178d{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-52e7f27{--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;}.elementor-15 .elementor-element.elementor-element-9aa83dd{text-align:right;}.elementor-15 .elementor-element.elementor-element-9aa83dd img{width:65%;}.elementor-15 .elementor-element.elementor-element-34d842a{text-align:left;}.elementor-15 .elementor-element.elementor-element-34d842a img{width:65%;}.elementor-15 .elementor-element.elementor-element-17c33fd{--display:flex;--min-height:450px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-17c33fd:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-17c33fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://magame7777.com/wp-content/uploads/2025/01/Artboard-6aa.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15 .elementor-element.elementor-element-5e7cbea{--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-15 .elementor-element.elementor-element-8ba3840{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-cd0e906{--display:flex;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-cd0e906.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-5c4843c > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-15 .elementor-element.elementor-element-a16c773 > .elementor-widget-container{margin:-4% 0% 0% 8.5%;}.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-15 .elementor-element.elementor-element-60d79ff{--width:8%;}.elementor-15 .elementor-element.elementor-element-f994d47{--width:62%;}.elementor-15 .elementor-element.elementor-element-dbb178d{--width:30%;}.elementor-15 .elementor-element.elementor-element-cd0e906{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-15 .elementor-element.elementor-element-60d79ff{--width:12%;}.elementor-15 .elementor-element.elementor-element-f994d47{--width:55%;}.elementor-15 .elementor-element.elementor-element-dbb178d{--width:33%;}}@media(min-width:1025px){.elementor-15 .elementor-element.elementor-element-17c33fd:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-17c33fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-fd90da2{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;}.elementor-15 .elementor-element.elementor-element-504dc83{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--n-menu-title-font-size:15px;}.elementor-15 .elementor-element.elementor-element-52e7f27{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-9aa83dd{text-align:center;}.elementor-15 .elementor-element.elementor-element-9aa83dd img{width:100%;}.elementor-15 .elementor-element.elementor-element-34d842a img{width:100%;}.elementor-15 .elementor-element.elementor-element-17c33fd{--min-height:336px;}.elementor-15 .elementor-element.elementor-element-a16c773 > .elementor-widget-container{margin:-5% 0% 0% 08.5%;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-60d79ff{--width:30%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-fd90da2{--container-widget-width:88%;--container-widget-flex-grow:0;width:var( --container-widget-width, 88% );max-width:88%;}.elementor-15 .elementor-element.elementor-element-f994d47{--width:70%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15 .elementor-element.elementor-element-5ddcd14 > .elementor-widget-container{margin:0% 0% 0% 0350%;padding:0% 0% 0% 0%;}.elementor-15 .elementor-element.elementor-element-dbb178d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-52e7f27{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-9aa83dd img{width:85%;}.elementor-15 .elementor-element.elementor-element-34d842a{text-align:center;}.elementor-15 .elementor-element.elementor-element-34d842a img{width:85%;}.elementor-15 .elementor-element.elementor-element-17c33fd{--min-height:0px;}.elementor-15 .elementor-element.elementor-element-72bf4a3 img{width:63%;}.elementor-15 .elementor-element.elementor-element-5e7cbea{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-a16c773 > .elementor-widget-container{margin:-8% 0% 0% 9%;}}/* Start custom CSS for html, class: .elementor-element-5ddcd14 */#soundBar {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}

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

.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-9aa83dd */.buzz-animation {
    animation: buzz 2s infinite alternate;
}

@keyframes buzz {
    10% { transform: translateX(-2px) rotate(-1deg); }
    20% { transform: translateX(2px) rotate(1deg); }
    30% { transform: translateX(-2px) rotate(-1deg); }
    40% { transform: translateX(2px) rotate(1deg); }
    50% { transform: translateX(-2px) rotate(-1deg); }
    60% { transform: translateX(2px) rotate(1deg); }
    70% { transform: translateX(-2px) rotate(-1deg); }
    80% { transform: translateX(2px) rotate(1deg); }
    90% { transform: translateX(-2px) rotate(-1deg); }
    100% { transform: translateX(0); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34d842a */.elementor-15 .elementor-element.elementor-element-34d842a {
    animation: bob 2.5s infinite;
}

@keyframes bob {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a16c773 *//* คอนเทนเนอร์ */
.custom-marquee-container {
    width: 100%; /* กำหนดความกว้าง */
    height: 50px; /* ความสูงของคอนเทนเนอร์ */
    overflow: hidden; /* ซ่อนส่วนเกิน */
    position: relative;
    display: flex; /* ใช้ Flexbox */
    justify-content: center; /* จัดให้อยู่ตรงกลางแนวนอน */
    align-items: center; /* จัดให้อยู่ตรงกลางแนวตั้ง */
    }

/* ตัวข้อความที่เลื่อน */
.custom-marquee {
    position: absolute;
    width: 100%; /* ความกว้างของข้อความ 200% เพื่อให้ต่อเนื่อง */
    white-space: nowrap; /* ป้องกันไม่ให้ข้อความขึ้นบรรทัดใหม่ */
    display: flex;
    align-items: center; /* จัดข้อความให้อยู่ตรงกลาง */
    overflow: hidden;
}

/* ข้อความ */
.custom-marquee-text {
    display: inline-block;
    color: #FFFFFF; /* สีตัวอักษร */
    font-size: 20px; /* ขนาดตัวอักษร */
    font-family: 'Kanit', sans-serif; /* ฟอนต์ */
    font-weight: bold; /* น้ำหนักตัวหนังสือ */
    line-height: 50px; /* กำหนดความสูงบรรทัดให้เท่ากับความสูงของคอนเทนเนอร์ */
    padding-right: 100px; /* ระยะห่างระหว่างข้อความ */
    animation: scroll-text 15s linear infinite; /* แอนิเมชัน */
}

@media screen and (max-width: 768px) {
    .custom-marquee-text {
        font-size: 15px; /* ลดขนาดตัวอักษรสำหรับมือถือ */
        line-height: 40px; /* ปรับความสูงบรรทัด */
        padding-right: 50px; /* ลดระยะห่างระหว่างข้อความ */
    }
}

@media screen and (max-width: 480px) {
    .custom-marquee-text {
        font-size: 9px; /* ลดขนาดตัวอักษรให้เล็กลงอีก */
        line-height: 35px; /* ปรับความสูงบรรทัด */
        padding-right: 30px; /* ลดระยะห่างระหว่างข้อความอีก */
    }
}

/* แอนิเมชัน */
@keyframes scroll-text {
    0% {
        transform: translateX(100%); /* เริ่มจากตำแหน่งเริ่มต้น */
    }
    100% {
        transform: translateX(-100%); /* เลื่อนไปที่ครึ่งหนึ่งของความกว้าง */
    }
}/* End custom CSS */