.elementor-21 .elementor-element.elementor-element-b3978ff{--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;--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-21 .elementor-element.elementor-element-b3978ff.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-515663e{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-31d2e5a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-21 .elementor-element.elementor-element-b56f29a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-4e454d4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-4abe16b.ob-harakiri{writing-mode:inherit;}.elementor-21 .elementor-element.elementor-element-4abe16b.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-21 .elementor-element.elementor-element-4abe16b.ob-harakiri div{writing-mode:inherit;}.elementor-21 .elementor-element.elementor-element-4abe16b > .elementor-widget-container{padding:0rem 0rem 0rem 0rem;}.elementor-21 .elementor-element.elementor-element-4abe16b{text-align:center;}.elementor-21 .elementor-element.elementor-element-4abe16b .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-4abe16b.ob-harakiri > div, .elementor-21 .elementor-element.elementor-element-4abe16b.ob-harakiri > h1, .elementor-21 .elementor-element.elementor-element-4abe16b.ob-harakiri > h2, .elementor-21 .elementor-element.elementor-element-4abe16b.ob-harakiri > h3, .elementor-21 .elementor-element.elementor-element-4abe16b.ob-harakiri > h4, .elementor-21 .elementor-element.elementor-element-4abe16b.ob-harakiri > h5, .elementor-21 .elementor-element.elementor-element-4abe16b.ob-harakiri > h6, .elementor-21 .elementor-element.elementor-element-4abe16b.ob-harakiri > p{transform:rotate(0deg);}.elementor-21 .elementor-element.elementor-element-4abe16b > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-21 .elementor-element.elementor-element-f678bde{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-2002c53{--e-image-carousel-slides-to-show:3;}.elementor-21 .elementor-element.elementor-element-2002c53 > .elementor-widget-container{margin:1rem -15rem 0rem -15rem;}.elementor-21 .elementor-element.elementor-element-2002c53 .swiper-pagination-bullet{width:10px;height:10px;background:#FA0000;}.elementor-21 .elementor-element.elementor-element-2002c53 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FFFFFF;opacity:1;}.elementor-21 .elementor-element.elementor-element-2002c53 .elementor-swiper-button.elementor-swiper-button-prev:hover{color:#FFFFFF80;}.elementor-21 .elementor-element.elementor-element-2002c53 .elementor-swiper-button.elementor-swiper-button-next:hover{color:#FFFFFF80;}.elementor-21 .elementor-element.elementor-element-2002c53 .elementor-swiper-button-next, .elementor-21 .elementor-element.elementor-element-2002c53 .elementor-swiper-button-prev{background-color:#0000004D;padding:10px;margin-top:unset;top:calc(50% - 25px);}.elementor-21 .elementor-element.elementor-element-2002c53 .elementor-swiper-button-next:hover, .elementor-21 .elementor-element.elementor-element-2002c53 .elementor-swiper-button-prev:hover{background-color:#FFCC00E6;}.elementor-21 .elementor-element.elementor-element-2002c53 .elementor-swiper-button-prev{left:calc(0%);right:unset;}.elementor-21 .elementor-element.elementor-element-2002c53 .elementor-swiper-button-next{right:calc(0%);left:unset;}.elementor-21 .elementor-element.elementor-element-2002c53 .swiper-pagination-bullets .swiper-pagination-bullet{background-color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-2002c53 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#D7AD44 !important;}.elementor-21 .elementor-element.elementor-element-2002c53 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-62cae56{--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;--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-21 .elementor-element.elementor-element-5091902{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-21 .elementor-element.elementor-element-4625e4e{--display:flex;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-menu-item.wpr-pointer-item{transition-duration:0.2s;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-menu-item.wpr-pointer-item:before{transition-duration:0.2s;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-menu-item.wpr-pointer-item:after{transition-duration:0.2s;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-toggle-wrap{text-align:center;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-nav-menu .wpr-menu-item,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-nav-menu .wpr-menu-item:hover,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-nav-menu > .menu-item-has-children:hover > .wpr-sub-icon,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-pointer-line-fx .wpr-menu-item:before,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-pointer-line-fx .wpr-menu-item:after{background-color:#D9AD70;}.elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-pointer-border-fx .wpr-menu-item:before{border-color:#D9AD70;}.elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-pointer-background-fx .wpr-menu-item:before{background-color:#D9AD70;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .menu-item-has-children .wpr-sub-icon{font-size:15px;}.elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(15px + 7px);}.elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(15px + 7px);}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-nav-menu .wpr-menu-item{padding-left:7px;padding-right:7px;padding-top:15px;padding-bottom:15px;}.elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-7px;}.elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-7px;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-nav-menu > .menu-item{margin-left:10px;margin-right:10px;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:10px;}.elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:10px;}.elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:10px;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-sub-menu .wpr-sub-menu-item,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-sub-menu > .menu-item-has-children .wpr-sub-icon{color:#333333;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-sub-menu .wpr-sub-menu-item{background-color:#ffffff;padding-left:15px;padding-right:15px;padding-top:13px;padding-bottom:13px;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-sub-menu > .menu-item-has-children .wpr-sub-menu-item:hover .wpr-sub-icon,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-sub-menu > .menu-item-has-children.current_page_item .wpr-sub-icon{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item{background-color:#605BE5;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-sub-menu .wpr-sub-icon{right:15px;}.elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-sub-menu .wpr-sub-icon{left:15px;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-nav-menu-horizontal .wpr-nav-menu > li > .wpr-sub-menu{margin-top:0px;}.elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-sub-divider-yes .wpr-sub-menu li:not(:last-child){border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-sub-menu{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-nav-menu a,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-nav-menu .menu-item-has-children > a:after{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-nav-menu li a:hover,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-nav-menu .menu-item-has-children > a:hover:after,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-nav-menu li a.wpr-active-menu-item,
					 .elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover:after{color:#ffffff;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-nav-menu a{padding-left:0px;padding-right:0px;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-nav-menu .menu-item-has-children > a:after{margin-left:0px;margin-right:0px;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-nav-menu .wpr-mobile-menu-item{padding-top:0px;padding-bottom:0px;}.elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-mobile-divider-yes .wpr-mobile-nav-menu a{border-bottom-color:#e8e8e8;border-bottom-width:0px;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-nav-menu .wpr-mobile-sub-menu-item{font-size:0px;padding-top:0px;padding-bottom:0px;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-nav-menu{margin-top:10px;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-toggle{border-color:#333333;width:0px;border-width:0px;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-toggle-text{color:#333333;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-toggle-line{background-color:#333333;height:4px;margin-bottom:6px;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-toggle:hover{border-color:#605BE5;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-toggle:hover .wpr-mobile-toggle-text{color:#605BE5;}.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-toggle:hover .wpr-mobile-toggle-line{background-color:#605BE5;}.elementor-21 .elementor-element.elementor-element-dae042c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:1rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-6fc8f18{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-21 .elementor-element.elementor-element-ef3ec5e{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}html, body{overflow-x:auto;}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-b3978ff{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-2002c53{--e-image-carousel-slides-to-show:3;}.elementor-21 .elementor-element.elementor-element-2002c53 > .elementor-widget-container{margin:1rem -10rem 0rem -10rem;}.elementor-21 .elementor-element.elementor-element-4625e4e{--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-21 .elementor-element.elementor-element-aefc7b7{z-index:1;}.elementor-21 .elementor-element.elementor-element-aefc7b7.wpr-mobile-menu-custom-width .wpr-mobile-nav-menu{width:100%;}.elementor-21 .elementor-element.elementor-element-ef3ec5e{--e-con-grid-template-columns:repeat(3, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-2002c53{--e-image-carousel-slides-to-show:1;}.elementor-21 .elementor-element.elementor-element-2002c53 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;padding:0px 5px 0px 5px;}.elementor-21 .elementor-element.elementor-element-5091902{--width:23%;}.elementor-21 .elementor-element.elementor-element-dae042c{--width:77%;}.elementor-21 .elementor-element.elementor-element-ef3ec5e{--e-con-grid-template-columns:repeat(3, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-b3978ff{--width:100%;}.elementor-21 .elementor-element.elementor-element-515663e{--content-width:100%;}.elementor-21 .elementor-element.elementor-element-5091902{--width:20%;}.elementor-21 .elementor-element.elementor-element-dae042c{--width:100%;}.elementor-21 .elementor-element.elementor-element-6fc8f18{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-21 .elementor-element.elementor-element-5091902{--width:20%;}.elementor-21 .elementor-element.elementor-element-dae042c{--width:80%;}}/* Start custom CSS for html, class: .elementor-element-5c2b53b */.x-marquee-container.-ready {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 5px 1rem;
    background: #555555;
    box-shadow: 0 2px 2px rgba(34,44,54,.05);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


.x-marquee-container .-icon-wrapper {
    margin-right: 1rem;
}


.x-marquee-container .-icon-wrapper .fas {
    font-size: 16px;
    color: #fff;
}

.fa-bullhorn:before {
    content: "\f0a1";
}


.x-marquee-container .-marquee-track {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.x-marquee-container .-marquee-track-item.-slide {
    -webkit-animation-name: slideMarquee;
    animation-name: slideMarquee;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    display: inline-block;
    margin: 0;
    padding-left: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

@keyframes slideMarquee{
    100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

}




@media (max-width:1050px){

.x-marquee-container.-ready{
    border-radius:0px !important;
}

}





@media (max-width:500px){
    .x-marquee-container .-icon-wrapper .fas {
    font-size: 13px;

}

.x-marquee-container .-marquee-track-item.-slide{
    font-size: 14px;
}

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4abe16b */.elementor-21 .elementor-element.elementor-element-4abe16b h1 {
    padding-left: 1.5rem;
    padding-top: .75rem;
}


@media (max-width: 1050px){

.elementor-21 .elementor-element.elementor-element-4abe16b h1 {
    padding: 0.5rem;
    color: #fafafa;
    background: #555555;
    text-align: center;
    box-shadow: none;
    font-size:15px !important;
}

}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-2002c53 *//*ขยับจุด Navigator ขึ้นข้างบน*/
.elementor-21 .elementor-element.elementor-element-2002c53 .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5px;
}

/*เปลี่ยนจุด Navigator จากวงกลม เป็นสี่เหลี่ยมแนวนอน*/
span.swiper-pagination-bullet {
    width: 25px !important;
    height: 4px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f678bde */.black-slide-banner:before, .black-slide-banner:after{
        content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    width: 150px;
    height: 100%;
}


.black-slide-banner:before{
    left: 0;
    background: linear-gradient(90deg, #00060b 0, rgba(0, 6, 11, 0) 104%);
}


.black-slide-banner:after{
    right: 0;
    background: linear-gradient(270deg, #00060b 0, rgba(0, 6, 11, 0) 104%);
}




@media (max-width:500px){
  .black-slide-banner:before, .black-slide-banner:after{
      display:none;
}  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d2e5a */.elementor-21 .elementor-element.elementor-element-31d2e5a .a-slide-text {order: 1;}
.elementor-21 .elementor-element.elementor-element-31d2e5a .b-headerone {order: 2;}
.elementor-21 .elementor-element.elementor-element-31d2e5a .black-slide-banner {order: 3;}


@media (max-width: 1050px){

.elementor-21 .elementor-element.elementor-element-31d2e5a .a-slide-text {order: 3;}
.elementor-21 .elementor-element.elementor-element-31d2e5a .b-headerone {order: 1;}
.elementor-21 .elementor-element.elementor-element-31d2e5a .black-slide-banner {order: 2;}

}/* End custom CSS */
/* Start custom CSS for wpr-nav-menu, class: .elementor-element-aefc7b7 */.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-nav-menu{
    display:block !important;
   
}

.elementor-21 .elementor-element.elementor-element-aefc7b7 .wpr-mobile-toggle-wrap{
    display:none;
    
}

.elementor-21 .elementor-element.elementor-element-aefc7b7 ul {
    position: relative;
    padding: 0 .75rem;
    margin-top: .75rem;
}



.elementor-21 .elementor-element.elementor-element-aefc7b7 ul{
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    
}

.elementor-21 .elementor-element.elementor-element-aefc7b7 ul li {
        width:100%;
    margin: 0px!important;
    border: 1px solid transparent;
    
    margin-bottom: .75rem !important;
}


.elementor-21 .elementor-element.elementor-element-aefc7b7 ul li a{
   width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: linear-gradient(180deg, #292929, #494949);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
    color: hsla(0, 0%, 100%, .8);
    padding: .75rem 1rem !important;
    flex-direction: column;
    border-radius: 14px;
    border: solid 1px #B99950 !important;
    gap:5px
}




/*เมนูที่ Active จะมีสีแบลค็คกลาวค้างไว้*/
.elementor-21 .elementor-element.elementor-element-aefc7b7 .current-menu-item a{
   background: linear-gradient(180deg, #555555, #B99950)  !important;
  
}


.elementor-21 .elementor-element.elementor-element-aefc7b7 span.menu-image-title-below.menu-image-title{
    font-size: 15px;
}

.elementor-21 .elementor-element.elementor-element-aefc7b7 .menu-image-title-below.menu-image-not-hovered > img, .menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper, .menu-image-title-below .menu-image-hover-wrapper{
    padding-bottom: 2px !important;
}

.wpr-mobile-nav-menu:not(.wpr-mobile-mega-menu) {
    z-index: 1 important;
}



@media(max-width:500px){
    
    .elementor-21 .elementor-element.elementor-element-aefc7b7 ul {
    position: relative;
    padding: 0 0.3rem;
   
}

.elementor-21 .elementor-element.elementor-element-aefc7b7 ul li a{
    gap:0px;
    padding: .3rem  0rem !important;
  
}    

.elementor-21 .elementor-element.elementor-element-aefc7b7 ul li {
    margin-bottom: .4rem !important;
}





.elementor-21 .elementor-element.elementor-element-aefc7b7 span.menu-image-title-below.menu-image-title{
    font-size: 13px;
}


    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-61549f1 */.sticky2 {
  position: fixed;
  top: 0;
  width: 20%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5091902 */.nav-left-menu-mobile{
    display:none;
}


@media (max-width:1050px){
    .nav-left-menu-mobile{
    display:block;
    position:relative;
    background: linear-gradient(180deg, #151515, #151515);
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-787e3bf */.game-card {
    position: relative;
    display: flex;
    height: 100%;
    border-radius: 8px;
}



.game-card .game-card-name {
    position: absolute;
    bottom: 0;
    left: -1px;
    right: -1px;
    background-color: rgba(16, 16, 16, .8);
    padding: 2px 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 1;
    will-change: transform;
    transform: translateZ(0);
}

img.game-card-img{
    border-radius: 10px !important;
}


.-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(51, 46, 50, .79);
    transition: all .2s;
    border-radius: 10px;
    z-index: 2;
}

.-overlay .-overlay-inner {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 150px;
    padding: 10px;
    text-align: center;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.-overlay .-overlay-inner .-wrapper-container {
    display: flex;
    flex-direction: column;
    margin: auto;
}

.-overlay .-overlay-inner .-wrapper-container .-btn {
    padding: 10px;
    min-width: 120px;
    text-align: center;
    opacity: 1;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: all .4s;
    border-radius: 10px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
}


.-overlay:hover  .-overlay-inner .-wrapper-container .-btn{
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    transition: all .4s;
}



.-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play {
    position: relative;
    color: #fafafa;
    background: #D7AD44;
    overflow: hidden;
    font-weight: 500;
    font-size: 16px;
    text-shadow: none;
    cursor: pointer;
   
}

.-overlay .-overlay-inner .-wrapper-container .-btn .fas {
    top: 1px;
    margin-right: 8px;
    font-size: 12px;
    -webkit-filter: none;
    filter: none;
    position: relative;
    z-index: 2;
}


.fa-play:before {
    content: "\f04b";
}



.game-card:hover+ .-overlay{
    opacity: 1;
   
}


.-overlay:hover{
    opacity: 1;
    
}



@media (max-width:1050px){
    .game-card .game-card-name {
    font-size: 13px;
}

.-overlay .-overlay-inner .-wrapper-container .-btn{
   padding: 5px;
   min-width: 100px;
   
}

.-overlay .-overlay-inner .-wrapper-container .-btn .fas {
    font-size: 9px;
}

span.-text-btn {
    font-size: 13px;
    margin-top: 2px;
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef3ec5e */.elementor-21 .elementor-element.elementor-element-ef3ec5e figcaption.widget-image-caption.wp-caption-text {
   white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fc8f18 */.elementor-21 .elementor-element.elementor-element-6fc8f18.provider-game{
    padding: 0 1rem 2rem;
}


@media (max-width:500px){
    .elementor-21 .elementor-element.elementor-element-6fc8f18.provider-game{
    padding: 0 0.5rem 2rem;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-515663e */.elementor-21 .elementor-element.elementor-element-515663e.main-content-mid{
    width: 100%;
    padding-left: 250px;
}


@media (max-width: 1480px){
.elementor-21 .elementor-element.elementor-element-515663e.main-content-mid{
   padding-left: 200px;
}

}


@media (max-width: 1050px){
.elementor-21 .elementor-element.elementor-element-515663e.main-content-mid{
   padding-left: 0px;
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3978ff */.main-section{
    margin-top: 75px;
}


@media (max-width:991px){
   .main-section{
    margin-top: 65px;
} 
}/* End custom CSS */