.elementor-18 .elementor-element.elementor-element-5b0a95f{--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;--overlay-opacity:0;--border-radius:10px 10px 10px 10px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-5b0a95f::before, .elementor-18 .elementor-element.elementor-element-5b0a95f > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-5b0a95f > .e-con-inner > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-5b0a95f > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-5b0a95f > .e-con-inner > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-5b0a95f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-18 .elementor-element.elementor-element-31e7e73{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18 .elementor-element.elementor-element-e99a76d{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18 .elementor-element.elementor-element-6321c1b{--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-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-18 .elementor-element.elementor-element-2e40b4f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-18 .elementor-element.elementor-element-2e40b4f .elementor-divider-separator{width:0%;}.elementor-18 .elementor-element.elementor-element-2e40b4f .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-18 .elementor-element.elementor-element-c4e9465{--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;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-5b0a95f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-31e7e73 *//* ===== AF LIVE : OFFICIAL BACKGROUND ===== */
.af-live-wrapper{
  position: relative;
  border-radius: 28px;
  overflow: hidden;
}

.af-live-wrapper::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:0;

  background:
    radial-gradient(circle at 18% 22%,
      rgba(249,115,22,.22),
      rgba(249,115,22,0) 58%
    ),
    radial-gradient(circle at 82% 26%,
      rgba(56,189,248,.14),
      rgba(56,189,248,0) 58%
    ),
    linear-gradient(
      180deg,
      #0b1220 0%,
      #0a1020 45%,
      #070b14 100%
    );

  filter: saturate(1.05);
  pointer-events:none;
}

/* จุดดาวเบาๆ */
.af-live-wrapper::after{
  content:"";
  position:absolute;
  inset:-30px;
  background-image:
    radial-gradient(circle,
      rgba(255,255,255,.22) 1px,
      rgba(255,255,255,0) 2px
    );
  background-size:64px 64px;
  opacity:.16;
  pointer-events:none;
}

/* ให้พื้นหลังของ wrapper อยู่ “ข้างหลัง” ทุกอย่าง */
.af-live-wrapper{ position:relative; overflow:hidden; }
.af-live-wrapper::before,
.af-live-wrapper::after{ z-index:0; }
.af-live-wrapper > *{ position:relative; z-index:1; }

/* บังคับแผ่นขาวเบลอ */
.af-live-wrapper .af-live-surface{
  background: rgba(255,255,255,.82) !important;
  border-radius: 26px !important;
  padding: 14px !important;

  border: 1px solid rgba(15,23,42,.14) !important;
  box-shadow:
    0 20px 60px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.55) !important;

  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0a95f *//* =====================================
   DOOBALL66 – LIVE WRAPPER GLASS LIGHT
   Background: #EEF2F3
   ===================================== */

.elementor-18 .elementor-element.elementor-element-5b0a95f,
.af-live-wrapper{
  position: relative;
  overflow: hidden;
  border-radius: 22px;

  /* สีพื้นหลังหลัก */
  background:
    linear-gradient(180deg,
      rgba(238,242,243,.96),
      rgba(238,242,243,.90)
    ) !important;

  /* glass blur (เฉพาะด้านหลัง) */
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
padding: 10px 10px 10px 10px;

  box-shadow:
    0 18px 50px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.95);
}

/* grain เบา ๆ ให้เข้ากับพื้นหลังเว็บ */
.af-live-wrapper::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(rgba(0,0,0,.06) 1px, transparent 1px);
  background-size: 8px 8px;
  opacity:.14;
}

/* ทำให้เนื้อหาด้านในไม่โดนเบลอ */
.af-live-wrapper > *{
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4e9465 *//* =====================================
   DOOBALL66 – LIVE WRAPPER GLASS LIGHT
   Background: #EEF2F3
   ===================================== */

.elementor-18 .elementor-element.elementor-element-c4e9465,
.af-live-wrapper{
  position: relative;
  overflow: hidden;
  border-radius: 22px;

  /* สีพื้นหลังหลัก */
  background:
    linear-gradient(180deg,
      rgba(238,242,243,.96),
      rgba(238,242,243,.90)
    ) !important;

  /* glass blur (เฉพาะด้านหลัง) */
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
padding: 10px 10px 10px 10px;

  box-shadow:
    0 18px 50px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.95);
}

/* grain เบา ๆ ให้เข้ากับพื้นหลังเว็บ */
.af-live-wrapper::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(rgba(0,0,0,.06) 1px, transparent 1px);
  background-size: 8px 8px;
  opacity:.14;
}

/* ทำให้เนื้อหาด้านในไม่โดนเบลอ */
.af-live-wrapper > *{
  position: relative;
  z-index: 1;
}/* End custom CSS */