.elementor-kit-8{--e-global-color-primary:#2F7D69;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-83c5380:#327E69;--e-global-color-a56e4b2:#327E69;--e-global-color-0c47d11:#16392F;--e-global-color-c4fcb97:#E06814;--e-global-color-ffd23f0:#16392F;--e-global-color-bcb4fc4:#122C25;--e-global-color-6fbf2d1:#595959;--e-global-color-1f16f24:#E0ECE9;--e-global-color-b1ee8fe:#676767;--e-global-color-42cc5d2:#16392F;--e-global-color-0277984:#B9B9B9;--e-global-color-80e78d8:#1E1E1E;--e-global-color-10994a6:#989898;--e-global-color-df2a0f4:#1E4C3F;--e-global-color-2cecbd1:#F6F6F6;--e-global-typography-primary-font-family:"Hanken Grotesk";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Hanken Grotesk";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Hanken Grotesk";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Hanken Grotesk";--e-global-typography-accent-font-weight:500;font-family:"Hanken Grotesk";}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{font-family:"Hanken Grotesk";}.elementor-kit-8 h1{font-family:"Hanken Grotesk";}.elementor-kit-8 h2{font-family:"Hanken Grotesk";}.elementor-kit-8 h3{font-family:"Hanken Grotesk";}.elementor-kit-8 h4{font-family:"Hanken Grotesk";}.elementor-kit-8 h5{font-family:"Hanken Grotesk";}.elementor-kit-8 h6{font-family:"Hanken Grotesk";}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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 *//* =========================================================
   MEGA MENU SUBMENU — TABLET / MOBILE
   Packaging + Equipment
========================================================= */

@media (max-width: 1024px) {


  /* =========================================================
     COMMON — WRAPPER
     ครอบ SYSTEMS + LOGISTICS
     ครอบ PACKING + SCALE & HANDLING
  ========================================================= */

  .submenu-groups-wrapper,
  .submenu-groups-wrapper > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    --width: 100% !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  /* =========================================================
     HIDE DESKTOP-ONLY CONTENT
  ========================================================= */

  .packaging-featured,
  .equipment-featured {
    display: none !important;
  }


  .packaging-group-title.elementor-widget-heading,
  .equipment-group-title.elementor-widget-heading {
    display: none !important;
  }


  .packaging-item-description.elementor-widget-text-editor,
  .packaging-item-description.elementor-widget-heading,
  .equipment-item-description.elementor-widget-text-editor,
  .equipment-item-description.elementor-widget-heading {
    display: none !important;
  }



  /* =========================================================
     MAIN CONTENT WRAPPER
  ========================================================= */

  .packaging-desktop-content,
  .equipment-desktop-content {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    --width: 100% !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 8px 0 12px !important;
    gap: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  .packaging-desktop-content > .e-con-inner,
  .equipment-desktop-content > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }



  /* =========================================================
     GROUPS
     Packaging:
     - SYSTEMS
     - LOGISTICS

     Equipment:
     - PACKING
     - SCALE & HANDLING
  ========================================================= */

  .packaging-systems,
  .packaging-logistics,
  .equipment-packing,
  .equipment-scale,

  .packaging-systems > .e-con-inner,
  .packaging-logistics > .e-con-inner,
  .equipment-packing > .e-con-inner,
  .equipment-scale > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    --width: 100% !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }



  /* =========================================================
     INNER CONTAINERS
  ========================================================= */

  .packaging-systems .e-con,
  .packaging-logistics .e-con,
  .equipment-packing .e-con,
  .equipment-scale .e-con {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    --width: 100% !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }



  /* =========================================================
     ITEM TITLE — WRAPPER
  ========================================================= */

  .packaging-item-title,
  .equipment-item-title {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  .packaging-item-title .elementor-widget-container,
  .equipment-item-title .elementor-widget-container {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }



  /* =========================================================
     ITEM TITLE — TYPOGRAPHY

     สำคัญ:
     ใช้ * ครอบทุก element ด้านใน
     เช่น h1-h6 / a / span / strong / b / p / div
  ========================================================= */

  html body
  .packaging-desktop-content
  .packaging-item-title,

  html body
  .packaging-desktop-content
  .packaging-item-title *,

  html body
  .equipment-desktop-content
  .equipment-item-title,

  html body
  .equipment-desktop-content
  .equipment-item-title * {

    /* Elementor Global Font → Text */
    font-family:
      var(--e-global-typography-text-font-family) !important;

    font-size: 13px !important;

    /* ต้องเป็น Regular */
    font-weight: 400 !important;

    /*
      Hanken Grotesk เป็น Variable Font ได้
      ล็อก weight ไม่ให้ Heading เดิมดันกลับไป 500/600/700
    */
    font-variation-settings: "wght" 400 !important;

    /*
      ป้องกัน Browser สร้าง Synthetic Bold
    */
    font-synthesis: none !important;

    line-height: 1.4 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    text-transform: none !important;
    font-style: normal !important;

    text-decoration: none !important;
    text-shadow: none !important;

    color: #111111 !important;
    text-align: left !important;
  }



  /* =========================================================
     FORCE STRONG / B ให้ไม่หนา
  ========================================================= */

  html body
  .packaging-desktop-content
  .packaging-item-title strong,

  html body
  .packaging-desktop-content
  .packaging-item-title b,

  html body
  .equipment-desktop-content
  .equipment-item-title strong,

  html body
  .equipment-desktop-content
  .equipment-item-title b {
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
  }



  /* =========================================================
     HEADING WIDGET
  ========================================================= */

  html body
  .packaging-desktop-content
  .packaging-item-title .elementor-heading-title,

  html body
  .equipment-desktop-content
  .equipment-item-title .elementor-heading-title {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 5px 0 !important;

    font-family:
      var(--e-global-typography-text-font-family) !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;

    line-height: 1.4 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    text-transform: none !important;
    font-style: normal !important;
  }



  /* =========================================================
     TEXT EDITOR WIDGET
  ========================================================= */

  .packaging-item-title.elementor-widget-text-editor
  .elementor-widget-container,

  .equipment-item-title.elementor-widget-text-editor
  .elementor-widget-container {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 5px 0 !important;
  }



  /* =========================================================
     PARAGRAPH
  ========================================================= */

  .packaging-item-title p,
  .equipment-item-title p {
    margin: 0 !important;
    padding: 0 !important;
  }



  /* =========================================================
     LINKS
  ========================================================= */

  html body
  .packaging-desktop-content
  .packaging-item-title a,

  html body
  .equipment-desktop-content
  .equipment-item-title a {
    display: block !important;

    width: 100% !important;

    font-family:
      var(--e-global-typography-text-font-family) !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    color: #111111 !important;
    text-decoration: none !important;
  }



  /* =========================================================
     VIEW ALL — WRAPPER
  ========================================================= */

  .packaging-view-all,
  .equipment-view-all {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  .packaging-view-all .elementor-widget-container,
  .equipment-view-all .elementor-widget-container {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }



  /* =========================================================
     VIEW ALL — TYPOGRAPHY
  ========================================================= */

  html body
  .packaging-desktop-content
  .packaging-view-all,

  html body
  .packaging-desktop-content
  .packaging-view-all *,

  html body
  .equipment-desktop-content
  .equipment-view-all,

  html body
  .equipment-desktop-content
  .equipment-view-all * {
    font-family:
      var(--e-global-typography-text-font-family) !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;

    font-synthesis: none !important;

    line-height: 1.4 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    text-transform: none !important;
    font-style: normal !important;

    text-decoration: none !important;

    color: #27816c !important;
    text-align: left !important;
  }



  /* =========================================================
     VIEW ALL — HEADING / TEXT EDITOR
  ========================================================= */

  .packaging-view-all .elementor-heading-title,
  .packaging-view-all.elementor-widget-text-editor
  .elementor-widget-container,

  .equipment-view-all .elementor-heading-title,
  .equipment-view-all.elementor-widget-text-editor
  .elementor-widget-container {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 5px 0 !important;
  }


  .packaging-view-all p,
  .equipment-view-all p {
    margin: 0 !important;
    padding: 0 !important;
  }


  .packaging-view-all a,
  .equipment-view-all a {
    display: block !important;

    width: 100% !important;

    color: #27816c !important;
    text-decoration: none !important;
  }



  /* =========================================================
     FINAL HIDE
     Group Titles
  ========================================================= */

  .packaging-desktop-content
  .packaging-group-title.elementor-widget-heading,

  .equipment-desktop-content
  .equipment-group-title.elementor-widget-heading {
    display: none !important;
  }



  /* =========================================================
     FINAL HIDE
     Descriptions
  ========================================================= */

  .packaging-desktop-content
  .packaging-item-description.elementor-widget-text-editor,

  .packaging-desktop-content
  .packaging-item-description.elementor-widget-heading,

  .equipment-desktop-content
  .equipment-item-description.elementor-widget-text-editor,

  .equipment-desktop-content
  .equipment-item-description.elementor-widget-heading {
    display: none !important;
  }

}


/* =========================================================
   INDUSTRIES SUBMENU — TABLET / MOBILE
========================================================= */

@media (max-width: 1024px) {


  /* =========================================================
     ซ่อนส่วน Desktop
  ========================================================= */

  .industries-featured {
    display: none !important;
  }

  .industries-group-title.elementor-widget-heading {
    display: none !important;
  }

  .industries-item-description.elementor-widget-text-editor,
  .industries-item-description.elementor-widget-heading {
    display: none !important;
  }



  /* =========================================================
     MAIN WRAPPER
  ========================================================= */

  .industries-desktop-content,
  .industries-desktop-content > .e-con-inner {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    --width: 100% !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }

  .industries-desktop-content {
    padding: 8px 0 12px !important;
  }



  /* =========================================================
     AGRICULTURE + INDUSTRIAL
  ========================================================= */

  .industries-agriculture,
  .industries-industrial,
  .industries-agriculture > .e-con-inner,
  .industries-industrial > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    --width: 100% !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }



  /* =========================================================
     ITEM CONTAINERS
  ========================================================= */

  .industries-agriculture .e-con,
  .industries-industrial .e-con {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    --width: 100% !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }



  /* =========================================================
     ITEM TITLE
  ========================================================= */

  .industries-item-title {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  .industries-item-title .elementor-widget-container {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }



  /* =========================================================
     ITEM TYPOGRAPHY
     ใช้ Global Font → Text
  ========================================================= */

  html body
  .industries-desktop-content
  .industries-item-title,

  html body
  .industries-desktop-content
  .industries-item-title * {
    font-family:
      var(--e-global-typography-text-font-family) !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.4 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    text-transform: none !important;
    font-style: normal !important;

    color: #111111 !important;
    text-align: left !important;

    text-decoration: none !important;
  }



  /* =========================================================
     HEADING WIDGET
  ========================================================= */

  .industries-item-title .elementor-heading-title {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 5px 0 !important;
  }



  /* =========================================================
     TEXT EDITOR
  ========================================================= */

  .industries-item-title.elementor-widget-text-editor
  .elementor-widget-container {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 5px 0 !important;
  }


  .industries-item-title p {
    margin: 0 !important;
    padding: 0 !important;
  }



  /* =========================================================
     LINKS
  ========================================================= */

  .industries-item-title a {
    display: block !important;

    width: 100% !important;

    font-family:
      var(--e-global-typography-text-font-family) !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    letter-spacing: 0 !important;

    color: #111111 !important;
    text-decoration: none !important;
  }



  /* =========================================================
     VIEW ALL INDUSTRIES
  ========================================================= */

  .industries-view-all {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  .industries-view-all .elementor-widget-container {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }



  /* =========================================================
     VIEW ALL TYPOGRAPHY
  ========================================================= */

  html body
  .industries-desktop-content
  .industries-view-all,

  html body
  .industries-desktop-content
  .industries-view-all * {
    font-family:
      var(--e-global-typography-text-font-family) !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.4 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    text-transform: none !important;
    font-style: normal !important;

    color: #27816c !important;
    text-align: left !important;

    text-decoration: none !important;
  }


  .industries-view-all .elementor-heading-title,
  .industries-view-all.elementor-widget-text-editor
  .elementor-widget-container {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 5px 0 !important;
  }


  .industries-view-all p {
    margin: 0 !important;
    padding: 0 !important;
  }


  .industries-view-all a {
    display: block !important;

    width: 100% !important;

    color: #27816c !important;
    text-decoration: none !important;
  }



  /* =========================================================
     FINAL HIDE — GROUP TITLES
  ========================================================= */

  .industries-desktop-content
  .industries-group-title.elementor-widget-heading {
    display: none !important;
  }



  /* =========================================================
     FINAL HIDE — DESCRIPTIONS
  ========================================================= */

  .industries-desktop-content
  .industries-item-description.elementor-widget-text-editor,

  .industries-desktop-content
  .industries-item-description.elementor-widget-heading {
    display: none !important;
  }

}

/* =========================================================
   SUPPORT SUBMENU — TABLET / MOBILE
========================================================= */

@media (max-width: 1024px) {


  /* =========================================================
     HIDE DESKTOP CONTENT
  ========================================================= */

  .support-featured {
    display: none !important;
  }

  .support-group-title.elementor-widget-heading {
    display: none !important;
  }

  .support-item-description.elementor-widget-text-editor,
  .support-item-description.elementor-widget-heading {
    display: none !important;
  }



  /* =========================================================
     MAIN WRAPPER
  ========================================================= */

  .support-desktop-content,
  .support-desktop-content > .e-con-inner {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    --width: 100% !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }

  .support-desktop-content {
    padding: 8px 0 12px !important;
  }



  /* =========================================================
     HOW WE HELP GROUP
  ========================================================= */

  .support-how-we-help,
  .support-how-we-help > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    --width: 100% !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }



  /* =========================================================
     INNER ITEM CONTAINERS
  ========================================================= */

  .support-how-we-help .e-con {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    --width: 100% !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }



  /* =========================================================
     ITEM TITLE
  ========================================================= */

  .support-item-title {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  .support-item-title .elementor-widget-container {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }



  /* =========================================================
     ITEM TYPOGRAPHY
     Elementor Global Font → Text
  ========================================================= */

  html body
  .support-desktop-content
  .support-item-title,

  html body
  .support-desktop-content
  .support-item-title * {
    font-family:
      var(--e-global-typography-text-font-family) !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;

    font-synthesis: none !important;

    line-height: 1.4 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    text-transform: none !important;
    font-style: normal !important;

    color: #111111 !important;
    text-align: left !important;

    text-decoration: none !important;
    text-shadow: none !important;
  }



  /* =========================================================
     STRONG / B
     ป้องกัน Elementor หรือ HTML ทำตัวหนา
  ========================================================= */

  html body
  .support-desktop-content
  .support-item-title strong,

  html body
  .support-desktop-content
  .support-item-title b {
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
  }



  /* =========================================================
     HEADING WIDGET
  ========================================================= */

  .support-item-title .elementor-heading-title {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 5px 0 !important;

    font-family:
      var(--e-global-typography-text-font-family) !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;

    line-height: 1.4 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    text-transform: none !important;
    font-style: normal !important;
  }



  /* =========================================================
     TEXT EDITOR
  ========================================================= */

  .support-item-title.elementor-widget-text-editor
  .elementor-widget-container {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 5px 0 !important;
  }


  .support-item-title p {
    margin: 0 !important;
    padding: 0 !important;
  }



  /* =========================================================
     LINKS
  ========================================================= */

  .support-item-title a {
    display: block !important;

    width: 100% !important;

    font-family:
      var(--e-global-typography-text-font-family) !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    color: #111111 !important;
    text-decoration: none !important;
  }



  /* =========================================================
     VIEW ALL SUPPORT
  ========================================================= */

  .support-view-all {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  .support-view-all .elementor-widget-container {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }



  /* =========================================================
     VIEW ALL TYPOGRAPHY
  ========================================================= */

  html body
  .support-desktop-content
  .support-view-all,

  html body
  .support-desktop-content
  .support-view-all * {
    font-family:
      var(--e-global-typography-text-font-family) !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;

    font-synthesis: none !important;

    line-height: 1.4 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    text-transform: none !important;
    font-style: normal !important;

    color: #27816c !important;
    text-align: left !important;

    text-decoration: none !important;
    text-shadow: none !important;
  }



  /* =========================================================
     VIEW ALL — HEADING / TEXT EDITOR
  ========================================================= */

  .support-view-all .elementor-heading-title,
  .support-view-all.elementor-widget-text-editor
  .elementor-widget-container {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 5px 0 !important;
  }


  .support-view-all p {
    margin: 0 !important;
    padding: 0 !important;
  }


  .support-view-all a {
    display: block !important;

    width: 100% !important;

    color: #27816c !important;
    text-decoration: none !important;
  }



  /* =========================================================
     FINAL HIDE — GROUP TITLE
  ========================================================= */

  .support-desktop-content
  .support-group-title.elementor-widget-heading {
    display: none !important;
  }



  /* =========================================================
     FINAL HIDE — DESCRIPTION
  ========================================================= */

  .support-desktop-content
  .support-item-description.elementor-widget-text-editor,

  .support-desktop-content
  .support-item-description.elementor-widget-heading {
    display: none !important;
  }

}


/* =========================================================
   PAEDEV — GLOBAL RESPONSIVE SYSTEM
   Scope: BODY CONTENT ONLY
   Do NOT use pd-* classes inside Mega Menu
========================================================= */


/* =========================================================
   GLOBAL VARIABLES
========================================================= */

:root {
    --pd-content-max: 1280px;

    --pd-section-y: clamp(40px, 6vw, 96px);
    --pd-section-x: clamp(20px, 5vw, 72px);

    --pd-gap-sm: clamp(12px, 1.5vw, 20px);
    --pd-gap-md: clamp(20px, 3vw, 40px);
    --pd-gap-lg: clamp(28px, 4vw, 64px);
}


/* =========================================================
   1. STANDARD SECTION

   Elementor CSS Class:
   pd-section
========================================================= */

body .elementor-element.pd-section {
    width: 100%;
    padding-top: var(--pd-section-y);
    padding-bottom: var(--pd-section-y);
    padding-left: var(--pd-section-x);
    padding-right: var(--pd-section-x);
}


/* =========================================================
   2. CONTENT WIDTH

   ใช้กับ Container ที่ต้องการจำกัดเนื้อหาไม่ให้กว้างเกิน

   CSS Class:
   pd-content
========================================================= */

body .elementor-element.pd-content {
    width: 100%;
    max-width: var(--pd-content-max);
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   3. TWO COLUMN

   Desktop:
   [ LEFT ] [ RIGHT ]

   Mobile:
   [ LEFT  ]
   [ RIGHT ]

   CSS Class:
   pd-2col
========================================================= */

body .elementor-element.pd-2col {
    gap: var(--pd-gap-lg);
}

body .elementor-element.pd-2col > *,
body .elementor-element.pd-2col > .e-con-inner > * {
    min-width: 0;
}


/* =========================================================
   4. THREE COLUMN

   CSS Class:
   pd-3col
========================================================= */

body .elementor-element.pd-3col {
    gap: var(--pd-gap-md);
}

body .elementor-element.pd-3col > *,
body .elementor-element.pd-3col > .e-con-inner > * {
    min-width: 0;
}


/* =========================================================
   5. AUTO GRID

   เหมาะกับ Cards
   Browser จะลดจำนวน Column ให้อัตโนมัติ

   CSS Class:
   pd-grid
========================================================= */

body .elementor-element.pd-grid,
body .elementor-element.pd-grid > .e-con-inner {
    display: grid;
    grid-template-columns:
        repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: var(--pd-gap-md);
}


/* =========================================================
   6. RESPONSIVE IMAGE

   CSS Class:
   pd-image
========================================================= */

body .elementor-element.pd-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}


/* =========================================================
   7. SQUARE IMAGE

   CSS Class:
   pd-image-square
========================================================= */

body .elementor-element.pd-image-square img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}


/* =========================================================
   8. RESPONSIVE TITLE

   CSS Class:
   pd-title
========================================================= */

body .elementor-element.pd-title .elementor-heading-title {
    font-size: clamp(32px, 4vw, 60px);
    line-height: 1.1;
}


/* =========================================================
   9. RESPONSIVE SUBTITLE

   CSS Class:
   pd-subtitle
========================================================= */

body .elementor-element.pd-subtitle .elementor-heading-title {
    font-size: clamp(22px, 2.5vw, 36px);
    line-height: 1.2;
}


/* =========================================================
   10. NORMAL TEXT

   CSS Class:
   pd-text
========================================================= */

body .elementor-element.pd-text,
body .elementor-element.pd-text p {
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.6;
}


/* =========================================================
   11. BUTTON GROUP

   Desktop วางต่อกัน
   ถ้าที่ไม่พอจะ wrap เอง

   CSS Class:
   pd-buttons
========================================================= */

body .elementor-element.pd-buttons,
body .elementor-element.pd-buttons > .e-con-inner {
    display: flex;
    flex-wrap: wrap;
    gap: var(--pd-gap-sm);
}


/* =========================================================
   12. AUTO SPACING BETWEEN ITEMS

   CSS Class:
   pd-stack
========================================================= */

body .elementor-element.pd-stack,
body .elementor-element.pd-stack > .e-con-inner {
    gap: var(--pd-gap-md);
}


/* =========================================================
   TABLET
   <= 1024px
========================================================= */

@media (max-width: 1024px) {

    body .elementor-element.pd-2col {
        gap: clamp(24px, 3vw, 40px);
    }

    body .elementor-element.pd-3col {
        flex-wrap: wrap;
    }

}


/* =========================================================
   MOBILE
   <= 767px
========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------
       2 COLUMN → STACK
    ----------------------------------------- */

    body .elementor-element.pd-2col,
    body .elementor-element.pd-2col > .e-con-inner {
        flex-direction: column;
        align-items: stretch;
    }

    body .elementor-element.pd-2col > .e-con,
    body .elementor-element.pd-2col > .e-con-inner > .e-con {
        --width: 100%;
        width: 100%;
        max-width: 100%;
        flex-basis: auto;
    }


    /* -----------------------------------------
       3 COLUMN → STACK
    ----------------------------------------- */

    body .elementor-element.pd-3col,
    body .elementor-element.pd-3col > .e-con-inner {
        flex-direction: column;
        align-items: stretch;
    }

    body .elementor-element.pd-3col > .e-con,
    body .elementor-element.pd-3col > .e-con-inner > .e-con {
        --width: 100%;
        width: 100%;
        max-width: 100%;
        flex-basis: auto;
    }


    /* -----------------------------------------
       BUTTONS
    ----------------------------------------- */

    body .elementor-element.pd-buttons {
        width: 100%;
    }

}/* End custom CSS */