.xgb-knowledge,.xgb-knowledge *{box-sizing: border-box}.xgb-knowledge{--xgb-orange: #F45100;--xgb-orange-dark: #D93F00;--xgb-black: #0B0B0C;--xgb-charcoal: #151517;--xgb-charcoal-2: #1D1D20;--xgb-charcoal-3: #29292D;--xgb-white: #FFFFFF;--xgb-surface: #F5F5F3;--xgb-surface-2: #ECECEA;--xgb-text: #151515;--xgb-text-soft: #626267;position: relative;width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);overflow: hidden;background: radial-gradient( circle at 88% 10%,rgba(244,81,0,.075),transparent 24% ),radial-gradient( circle at 8% 88%,rgba(17,17,17,.05),transparent 22% ),linear-gradient( 180deg,#F6F6F4 0%,#FFFFFF 42%,#F3F3F1 100% )}.xgb-knowledge::before{content: "";position: absolute;inset: 0;opacity: .34;background-image: linear-gradient( rgba(17,17,17,.024) 1px,transparent 1px ),linear-gradient( 90deg,rgba(17,17,17,.024) 1px,transparent 1px );background-size: 44px 44px;mask-image: linear-gradient( to bottom,rgba(0,0,0,.55),transparent 86% );-webkit-mask-image: linear-gradient( to bottom,rgba(0,0,0,.55),transparent 86% );pointer-events: none}.xgb-knowledge::after{content: "";position: absolute;top: 0;left: 50%;width: min(820px,72%);height: 1px;transform: translateX(-50%);background: linear-gradient( 90deg,transparent,rgba(17,17,17,.16),rgba(244,81,0,.72),rgba(17,17,17,.16),transparent );pointer-events: none}.xgb-knowledge__inner{position: relative;z-index: 2;width: min(1280px,calc(100% - 48px));margin: 0 auto;padding: 90px 0 94px}.xgb-knowledge__heading{max-width: 880px;margin: 0 auto 34px;text-align: center}.xgb-knowledge__kicker{min-height: 34px;display: inline-flex;align-items: center;justify-content: center;gap: 8px;margin-bottom: 17px;padding: 0 14px;border: 1px solid rgba(255,255,255,.08);border-radius: 999px;background: linear-gradient( 135deg,#171719,#29292D );color: #F5F5F6;box-shadow: 0 9px 24px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.055);font-family: "Noto Sans Thai",sans-serif;font-size: 11px;font-weight: 800;letter-spacing: .07em}.xgb-knowledge__kicker::before{content: "";width: 7px;height: 7px;flex: 0 0 7px;border-radius: 50%;background: var(--xgb-orange);box-shadow: 0 0 0 4px rgba(244,81,0,.10),0 0 14px rgba(244,81,0,.62)}.xgb-knowledge__heading h2{margin: 0;color: var(--xgb-text);font-family: "Noto Sans Thai",sans-serif;font-size: clamp(36px,3.4vw,48px);font-weight: 900;line-height: 1.2;letter-spacing: -.03em}.xgb-knowledge__heading p{max-width: 790px;margin: 20px auto 0;color: var(--xgb-text-soft);font-family: "Noto Sans Thai",sans-serif;font-size: 16px;font-weight: 400;line-height: 1.84}.xgb-knowledge__toolbar{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 10px}.xgb-knowledge__latest{color: #55555A;font-family: "Noto Sans Thai",sans-serif;font-size: 12px;font-weight: 800;letter-spacing: .015em}.xgb-knowledge__nav{display: inline-flex;align-items: center;gap: 8px;flex: 0 0 auto}.xgb-knowledge__arrow{width: 44px;height: 44px;display: inline-grid;place-items: center;padding: 0;border: 1px solid rgba(17,17,17,.12);border-radius: 12px;background: #FFFFFF;color: #242427;box-shadow: 0 9px 24px rgba(0,0,0,.075);cursor: pointer;transition: transform .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease}.xgb-knowledge__arrow svg{width: 18px;height: 18px}.xgb-knowledge__arrow:hover:not(:disabled){transform: translateY(-2px);border-color: rgba(244,81,0,.34);color: var(--xgb-orange-dark);box-shadow: 0 13px 30px rgba(0,0,0,.105)}.xgb-knowledge__arrow:disabled{opacity: .34;cursor: default;box-shadow: none}.xgb-knowledge__arrow:focus-visible{outline: 3px solid rgba(244,81,0,.22);outline-offset: 2px}.xgb-knowledge__grid{display: grid;grid-auto-flow: column;grid-auto-columns: calc((100% - 40px) / 3);grid-template-rows: 1fr;gap: 20px;width: 100%;padding: 8px 2px 14px;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scroll-behavior: smooth;scrollbar-width: none;-ms-overflow-style: none;-webkit-overflow-scrolling: touch;overscroll-behavior-inline: contain}.xgb-knowledge__grid::-webkit-scrollbar{display: none}.xgb-knowledge__grid:focus-visible{outline: 3px solid rgba(244,81,0,.18);outline-offset: 4px;border-radius: 24px}.xgb-knowledge__grid.is-empty{display: block;padding: 0;overflow: visible}.xgb-knowledge__card{position: relative;min-width: 0;height: 100%;scroll-snap-align: start;scroll-snap-stop: always;overflow: hidden;display: flex;flex-direction: column;padding: 11px 11px 0;border: 1px solid rgba(17,17,17,.095);border-radius: 23px;background: #FFFFFF;box-shadow: 0 18px 44px rgba(0,0,0,.075);transition: transform .24s ease,box-shadow .24s ease,border-color .24s ease}.xgb-knowledge__card::before{content: "";position: absolute;z-index: 6;top: 0;left: 10%;right: 10%;height: 1px;background: linear-gradient( 90deg,transparent,rgba(244,81,0,.72),transparent );pointer-events: none}.xgb-knowledge__card::after{content: "";position: absolute;width: 170px;height: 170px;right: -105px;bottom: -100px;border-radius: 50%;background: radial-gradient( circle,rgba(17,17,17,.055),transparent 70% );pointer-events: none}.xgb-knowledge__card:hover{transform: translateY(-7px);border-color: rgba(244,81,0,.30);box-shadow: 0 29px 60px rgba(0,0,0,.12)}.xgb-knowledge__card--loading{pointer-events: none}.xgb-knowledge__skeleton{position: relative;overflow: hidden;border-radius: 10px;background: linear-gradient( 90deg,#ECECEA 0%,#F8F8F6 48%,#ECECEA 100% );background-size: 220% 100%;animation: xgbKnowledgeSkeleton 1.35s ease-in-out infinite}.xgb-knowledge__skeleton--image{width: 100%;aspect-ratio: 16 / 9;border-radius: 17px}.xgb-knowledge__skeleton--small{width: 34%;height: 29px}.xgb-knowledge__skeleton--title{width: 88%;height: 56px;margin-top: 14px}.xgb-knowledge__skeleton--text{width: 100%;height: 62px;margin-top: 12px}@keyframes xgbKnowledgeSkeleton{0%{background-position: 100% 0}100%{background-position: -120% 0}}.xgb-knowledge__media{position: relative;z-index: 2;display: block;width: 100%;aspect-ratio: 16 / 9;overflow: hidden;border: 1px solid rgba(255,255,255,.07);border-radius: 17px;background: linear-gradient( 145deg,#202023,#101012 );box-shadow: 0 16px 34px rgba(0,0,0,.18);text-decoration: none !important}.xgb-knowledge__media::before{content: "";position: absolute;z-index: 3;inset: 0;border-radius: inherit;box-shadow: inset 0 0 0 1px rgba(255,255,255,.035);pointer-events: none}.xgb-knowledge__media::after{content: "";position: absolute;z-index: 2;inset: 0;background: linear-gradient( 180deg,transparent 66%,rgba(5,5,6,.10) 100% );pointer-events: none}.xgb-knowledge__media img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform .38s ease,filter .38s ease}.xgb-knowledge__card:hover .xgb-knowledge__media img{transform: scale(1.035)}.xgb-knowledge__media-placeholder{position: absolute;z-index: 2;inset: 0;display: flex;align-items: center;justify-content: center;color: #FFFFFF;background: radial-gradient( circle at 70% 22%,rgba(244,81,0,.18),transparent 30% );font-family: "Noto Sans Thai",sans-serif;font-size: 23px;font-weight: 900;letter-spacing: .05em}.xgb-knowledge__body{position: relative;z-index: 2;flex: 1 1 auto;display: flex;flex-direction: column;padding: 21px 11px 25px}.xgb-knowledge__category{width: fit-content;min-height: 29px;display: inline-flex;align-items: center;gap: 6px;padding: 0 10px;border: 1px solid rgba(17,17,17,.08);border-radius: 999px;background: #F1F1EF;color: #39393D;font-family: "Noto Sans Thai",sans-serif;font-size: 9px;font-weight: 900;letter-spacing: .035em}.xgb-knowledge__category::before{content: "";width: 5px;height: 5px;flex: 0 0 5px;border-radius: 50%;background: var(--xgb-orange)}.xgb-knowledge__body h3{margin: 14px 0 0;font-family: "Noto Sans Thai",sans-serif;font-size: 20px;font-weight: 800;line-height: 1.48;letter-spacing: -.012em}.xgb-knowledge__body h3 a{color: #171719 !important;text-decoration: none !important;transition: color .18s ease}.xgb-knowledge__body h3 a:hover{color: var(--xgb-orange-dark) !important}.xgb-knowledge__body p{margin: 12px 0 0;color: #65656A;font-family: "Noto Sans Thai",sans-serif;font-size: 13px;font-weight: 400;line-height: 1.76}.xgb-knowledge__read{width: fit-content;margin-top: auto;padding-top: 21px;display: inline-flex;align-items: center;gap: 7px;color: #29292D !important;font-family: "Noto Sans Thai",sans-serif;font-size: 13px;font-weight: 800;text-decoration: none !important;transition: gap .18s ease,color .18s ease}.xgb-knowledge__read svg{width: 16px;height: 16px;color: var(--xgb-orange)}.xgb-knowledge__read:hover{gap: 10px;color: var(--xgb-orange-dark) !important}.xgb-knowledge__footer{display: flex;justify-content: center;margin-top: 38px}.xgb-knowledge__all{min-height: 51px;display: inline-flex;align-items: center;justify-content: center;gap: 9px;padding: 0 20px;border: 1px solid #222225;border-radius: 13px;background: linear-gradient( 135deg,#171719,#29292D );color: #FFFFFF !important;box-shadow: 0 12px 28px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.055);font-family: "Noto Sans Thai",sans-serif;font-size: 14px;font-weight: 800;text-decoration: none !important;transition: background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.xgb-knowledge__all svg{width: 17px;height: 17px;color: var(--xgb-orange)}.xgb-knowledge__all:hover{background: #09090A;color: #FFFFFF !important;transform: translateY(-3px);box-shadow: 0 17px 36px rgba(0,0,0,.18)}.xgb-knowledge__empty{width: 100%;min-height: 180px;display: flex;align-items: center;justify-content: center;padding: 30px;border: 1px dashed rgba(17,17,17,.20);border-radius: 20px;background: linear-gradient( 145deg,#FFFFFF,#F3F3F1 );color: #66666B;box-shadow: 0 14px 34px rgba(0,0,0,.05);font-family: "Noto Sans Thai",sans-serif;font-size: 14px;text-align: center}@media (max-width: 1080px){.xgb-knowledge__inner{width: min(100% - 40px,1180px)}.xgb-knowledge__grid{grid-auto-columns: calc((100% - 20px) / 2)}}@media (max-width: 700px){.xgb-knowledge__inner{width: 100%;padding: 64px 16px 66px}.xgb-knowledge__heading{margin-bottom: 25px}.xgb-knowledge__kicker{min-height: 31px;margin-bottom: 15px;padding: 0 11px;font-size: 10px}.xgb-knowledge__heading h2{font-size: 32px;line-height: 1.26}.xgb-knowledge__heading p{margin-top: 16px;font-size: 14px;line-height: 1.8}.xgb-knowledge__toolbar{align-items: center;margin-bottom: 8px}.xgb-knowledge__latest{font-size: 11px}.xgb-knowledge__arrow{width: 42px;height: 42px}.xgb-knowledge__grid{grid-auto-columns: 86%;gap: 15px;padding: 7px 1px 12px}.xgb-knowledge__card{padding: 8px 8px 0;border-radius: 18px}.xgb-knowledge__media{border-radius: 14px}.xgb-knowledge__body{padding: 18px 10px 21px}.xgb-knowledge__body h3{font-size: 18px}.xgb-knowledge__body p{font-size: 13px;line-height: 1.7}.xgb-knowledge__read{padding-top: 18px}.xgb-knowledge__footer{margin-top: 26px}.xgb-knowledge__all{width: 100%;min-height: 51px}}@media (prefers-reduced-motion: reduce){.xgb-knowledge__card,.xgb-knowledge__media img,.xgb-knowledge__read,.xgb-knowledge__all,.xgb-knowledge__arrow{transition: none}.xgb-knowledge__grid{scroll-behavior: auto}.xgb-knowledge__skeleton{animation: none}}.elementor-widget-shortcode:has(.xgb-knowledge),.elementor-widget-shortcode:has(.xgb-knowledge) > .elementor-widget-container,.elementor-widget-html:has(.xgb-knowledge),.elementor-widget-html:has(.xgb-knowledge) > .elementor-widget-container,.elementor-element:has(.xgb-knowledge){width: 100% !important;max-width: none !important;margin: 0 !important;padding: 0 !important}.xgb-knowledge--archive .xgb-knowledge-archive__heading{max-width: 930px;margin-bottom: 34px}.xgb-knowledge--archive .xgb-knowledge-archive__heading h1{margin: 0;color: var(--xgb-text);font-family: "Noto Sans Thai",sans-serif;font-size: clamp(38px,3.7vw,54px);font-weight: 900;line-height: 1.18;letter-spacing: -.035em}.xgb-knowledge-archive__breadcrumb{margin-bottom: 34px}.xgb-knowledge-archive__breadcrumb ol{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;margin: 0;padding: 0;list-style: none}.xgb-knowledge-archive__breadcrumb li{display: inline-flex;align-items: center;gap: 8px;color: #76767B;font-family: "Noto Sans Thai",sans-serif;font-size: 12px;font-weight: 700}.xgb-knowledge-archive__breadcrumb li:not(:last-child)::after{content: "›";color: #AAAAAE}.xgb-knowledge-archive__breadcrumb a{color: #4D4D52 !important;text-decoration: none !important}.xgb-knowledge-archive__breadcrumb a:hover{color: var(--xgb-orange-dark) !important}.xgb-knowledge-archive__meta{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 19px;padding: 14px 16px;border: 1px solid rgba(17,17,17,.09);border-radius: 15px;background: rgba(255,255,255,.72);box-shadow: 0 10px 28px rgba(0,0,0,.045)}.xgb-knowledge-archive__count{display: inline-flex;align-items: center;gap: 8px;color: #5D5D62;font-family: "Noto Sans Thai",sans-serif;font-size: 13px;font-weight: 700}.xgb-knowledge-archive__count strong{display: inline-grid;min-width: 32px;min-height: 32px;place-items: center;padding: 0 9px;border-radius: 999px;background: #171719;color: #FFFFFF;font-size: 12px;font-weight: 900}.xgb-knowledge-archive__page-status{color: #77777C;font-family: "Noto Sans Thai",sans-serif;font-size: 12px;font-weight: 700}.xgb-knowledge--archive .xgb-knowledge-archive__grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));grid-auto-flow: row;grid-auto-columns: auto;grid-template-rows: none;gap: 20px;width: 100%;padding: 0;overflow: visible;scroll-snap-type: none;scroll-behavior: auto;scrollbar-width: auto;overscroll-behavior-inline: auto}.xgb-knowledge--archive .xgb-knowledge__card{scroll-snap-align: none;scroll-snap-stop: normal}.xgb-knowledge--archive .xgb-knowledge-archive__card-title{margin: 14px 0 0;font-family: "Noto Sans Thai",sans-serif;font-size: 20px;font-weight: 800;line-height: 1.48;letter-spacing: -.012em}.xgb-knowledge--archive .xgb-knowledge-archive__card-title a{color: #171719 !important;text-decoration: none !important;transition: color .18s ease}.xgb-knowledge--archive .xgb-knowledge-archive__card-title a:hover{color: var(--xgb-orange-dark) !important}.xgb-knowledge-archive__pagination{margin-top: 42px}.xgb-knowledge-archive__pagination ul{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px;margin: 0;padding: 0;list-style: none}.xgb-knowledge-archive__pagination a,.xgb-knowledge-archive__pagination span{min-width: 44px;min-height: 44px;display: inline-flex;align-items: center;justify-content: center;padding: 0 12px;border: 1px solid rgba(17,17,17,.11);border-radius: 11px;background: #FFFFFF;color: #29292D !important;box-shadow: 0 8px 22px rgba(0,0,0,.055);font-family: "Noto Sans Thai",sans-serif;font-size: 12px;font-weight: 800;text-decoration: none !important;transition: border-color .18s ease,color .18s ease,transform .18s ease}.xgb-knowledge-archive__pagination a:hover{transform: translateY(-2px);border-color: rgba(244,81,0,.30);color: var(--xgb-orange-dark) !important}.xgb-knowledge-archive__pagination .current{border-color: #171719;background: #171719;color: #FFFFFF !important}.xgb-knowledge-archive__cta{display: flex;align-items: center;justify-content: space-between;gap: 28px;margin-top: 52px;padding: 31px 32px;border: 1px solid rgba(255,255,255,.075);border-radius: 23px;background: radial-gradient( circle at 86% 18%,rgba(244,81,0,.16),transparent 27% ),linear-gradient( 135deg,#121214,#252529 );color: #FFFFFF;box-shadow: 0 22px 52px rgba(0,0,0,.15)}.xgb-knowledge-archive__cta > div:first-child{max-width: 720px}.xgb-knowledge-archive__cta > div:first-child > span{color: #F4A06F;font-family: "Noto Sans Thai",sans-serif;font-size: 10px;font-weight: 900;letter-spacing: .08em}.xgb-knowledge-archive__cta h2{margin: 8px 0 0;color: #FFFFFF;font-family: "Noto Sans Thai",sans-serif;font-size: clamp(25px,2.5vw,34px);font-weight: 900;line-height: 1.28}.xgb-knowledge-archive__cta p{margin: 10px 0 0;color: #C7C7CB;font-family: "Noto Sans Thai",sans-serif;font-size: 13px;line-height: 1.72}.xgb-knowledge-archive__cta-actions{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;flex: 0 0 auto}.xgb-knowledge-archive__cta-primary,.xgb-knowledge-archive__cta-secondary{min-height: 48px;display: inline-flex;align-items: center;justify-content: center;padding: 0 17px;border-radius: 11px;font-family: "Noto Sans Thai",sans-serif;font-size: 13px;font-weight: 800;text-decoration: none !important;transition: transform .18s ease,background-color .18s ease,border-color .18s ease}.xgb-knowledge-archive__cta-primary{border: 1px solid var(--xgb-orange);background: var(--xgb-orange);color: #FFFFFF !important}.xgb-knowledge-archive__cta-secondary{border: 1px solid rgba(255,255,255,.20);background: rgba(255,255,255,.06);color: #FFFFFF !important}.xgb-knowledge-archive__cta-primary:hover,.xgb-knowledge-archive__cta-secondary:hover{transform: translateY(-2px)}@media (max-width: 1080px){.xgb-knowledge--archive .xgb-knowledge-archive__grid{grid-template-columns: repeat(2,minmax(0,1fr))}.xgb-knowledge-archive__cta{align-items: flex-start;flex-direction: column}}@media (max-width: 700px){.xgb-knowledge--archive .xgb-knowledge-archive__heading{margin-bottom: 25px}.xgb-knowledge--archive .xgb-knowledge-archive__heading h1{font-size: 33px;line-height: 1.23}.xgb-knowledge-archive__breadcrumb{margin-bottom: 25px}.xgb-knowledge-archive__meta{align-items: flex-start;flex-direction: column;gap: 10px}.xgb-knowledge--archive .xgb-knowledge-archive__grid{grid-template-columns: 1fr;gap: 15px}.xgb-knowledge-archive__pagination{margin-top: 31px}.xgb-knowledge-archive__pagination a,.xgb-knowledge-archive__pagination span{min-width: 42px;min-height: 42px}.xgb-knowledge-archive__cta{margin-top: 38px;padding: 24px 20px;border-radius: 19px}.xgb-knowledge-archive__cta-actions{width: 100%}.xgb-knowledge-archive__cta-primary,.xgb-knowledge-archive__cta-secondary{width: 100%}}@media (prefers-reduced-motion: reduce){.xgb-knowledge-archive__pagination a,.xgb-knowledge-archive__cta-primary,.xgb-knowledge-archive__cta-secondary{transition: none}}