.elementor-kit-13 {
  --e-global-color-primary: #836ae5;
  --e-global-color-secondary: #54595f;
  --e-global-color-text: #7a7a7a;
  --e-global-color-accent: #3f0085;
  --e-global-color-c97e120: #59288f;
  --e-global-color-d99932e: #836ae5;
  --e-global-color-7be7f4c: #ffffff;
  --e-global-color-1b17fd4: #e32127;
  --e-global-color-8b29253: #7931ec;
  --e-global-color-a357732: #c31c24;
  --e-global-color-27c386a: #b41a33;
  --e-global-color-c620e50: #7d131f;
  --e-global-color-12267f9: #e3e6e8;
  --e-global-color-24c2b1e: #050505;
  --e-global-color-31de8a0: #c4c6c8;
  --e-global-color-3122dda: #eafdfe;
  --e-global-typography-primary-font-family: "Prompt";
  --e-global-typography-primary-font-size: 45px;
  --e-global-typography-primary-font-weight: 700;
  --e-global-typography-primary-line-height: 50px;
  --e-global-typography-secondary-font-family: "Prompt";
  --e-global-typography-secondary-font-size: 35px;
  --e-global-typography-secondary-font-weight: 700;
  --e-global-typography-secondary-line-height: 40px;
  --e-global-typography-text-font-family: "Prompt";
  --e-global-typography-text-font-size: 16px;
  --e-global-typography-text-font-weight: 300;
  --e-global-typography-text-line-height: 21px;
  --e-global-typography-accent-font-family: "Prompt";
  --e-global-typography-accent-font-size: 25px;
  --e-global-typography-accent-font-weight: 600;
  --e-global-typography-accent-line-height: 30px;
  --e-global-typography-3668b50-font-family: "Prompt";
  --e-global-typography-3668b50-font-size: 20px;
  --e-global-typography-3668b50-font-weight: 500;
  --e-global-typography-3668b50-line-height: 25px;
  --e-global-typography-42287b1-font-family: "Prompt";
  --e-global-typography-42287b1-font-size: 18px;
  --e-global-typography-42287b1-font-weight: 500;
  --e-global-typography-42287b1-line-height: 23px;
  --e-global-typography-bda2028-font-family: "Prompt";
  --e-global-typography-bda2028-font-size: 17px;
  --e-global-typography-bda2028-font-weight: 500;
  --e-global-typography-bda2028-line-height: 22px;
  color: var(--e-global-color-text);
  font-family: "Prompt", Sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 21px;
}
.elementor-kit-13 e-page-transition {
  background-color: #ffbc7d;
}
.elementor-kit-13 a {
  color: var(--e-global-color-text);
  font-family: "Prompt", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}
.elementor-kit-13 h1 {
  color: var(--e-global-color-1b17fd4);
  font-family: "Prompt", Sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 50px;
}
.elementor-kit-13 h2 {
  color: var(--e-global-color-1b17fd4);
  font-size: 35px;
  font-weight: 700;
  line-height: 40px;
}
.elementor-kit-13 h3 {
  color: var(--e-global-color-1b17fd4);
  font-family: "Prompt", Sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
}
.elementor-kit-13 h4 {
  color: var(--e-global-color-1b17fd4);
  font-family: "Prompt", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}
.elementor-kit-13 h5 {
  color: var(--e-global-color-1b17fd4);
  font-family: "Prompt", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
}
.elementor-kit-13 h6 {
  color: var(--e-global-color-1b17fd4);
  font-family: "Prompt", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}
.elementor-widget:not(:last-child) {
  margin-block-end: 0px;
}
.elementor-element {
  --widgets-spacing: 0px 0px;
  --widgets-spacing-row: 0px;
  --widgets-spacing-column: 0px;
}

h1.entry-title {
  display: var(--page-title-display);
}
@media (max-width: 1024px) {
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1024px;
  }
  .e-con {
    --container-max-width: 1024px;
  }
}
@media (max-width: 767px) {
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 767px;
  }
  .e-con {
    --container-max-width: 767px;
  }
} /* Start custom CSS */ /* Hide Header and Footer when 'view-canvas-mode' class is present on body */
body.view-canvas-mode .elementor-location-header,
body.view-canvas-mode .elementor-location-footer,
/* ตรวจสอบและเพิ่ม CSS .elementor-kit-13s ที่ถูกต้องของ Header/Footer ธีมของคุณ */
/* ตัวอย่าง: ถ้าธีมของคุณใช้ id "masthead" สำหรับ header และ id "colophon" สำหรับ footer */
body.view-canvas-mode #masthead,
body.view-canvas-mode #colophon,
/* หรือ class อื่นๆ ที่ธีมใช้ เช่น */
body.view-canvas-mode .site-header,
body.view-canvas-mode .site-footer {
  display: none !important;
}

/* ปรับแต่งเนื้อหาหลักให้เต็มหน้าจอเมื่อ Header/Footer ถูกซ่อน */
/* อาจจะต้องปรับ .elementor-kit-13 และคุณสมบัติเหล่านี้ตามโครงสร้าง Elementor และธีมของคุณ */
body.view-canvas-mode #content, /* Selector สำหรับพื้นที่เนื้อหาหลักของ WordPress */
body.view-canvas-mode .elementor-location-single, /* หากใช้ Elementor Theme Builder สำหรับ Single Post */
body.view-canvas-mode .elementor-section.elementor-section-full_width, /* หาก Elementor section เป็น full width */
body.view-canvas-mode .elementor-container {
  /* หรือ container ภายใน Elementor */
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important; /* ลบข้อจำกัดความกว้างสูงสุด */
  width: 100% !important; /* ทำให้กว้างเต็มที่ */
}
/* ถ้ามี padding หรือ margin ที่ Elementor หรือธีมสร้างขึ้นมา */
body.view-canvas-mode .elementor-inner-section,
body.view-canvas-mode .elementor-column-wrap {
  padding: 0 !important;
} /* End custom CSS */