.elementor-40647 .elementor-element.elementor-element-2964825{--display:flex;}.elementor-40647 .elementor-element.elementor-element-e405586{--display:flex;--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-40647 .elementor-element.elementor-element-0a0a5b2{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-40647 .elementor-element.elementor-element-3b75ddb .elementor-heading-title{font-family:"productsans-bold";font-size:35px;font-weight:500;color:#48953C;}.elementor-40647 .elementor-element.elementor-element-7132a2d .elementor-heading-title{font-family:"productsans-bold";font-size:22px;font-weight:500;color:#4D4D4D;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );--textColor:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-40647 .elementor-element.elementor-element-4342b23{--spacer-size:50px;}.elementor-40647 .elementor-element.elementor-element-2f18cda .elementor-heading-title{font-family:"productsans-bold";font-size:22px;font-weight:500;color:#4D4D4D;}.elementor-40647 .elementor-element.elementor-element-8a1dd56{--spacer-size:50px;}.elementor-40647 .elementor-element.elementor-element-b9aa179 .elementor-heading-title{font-family:"productsans-bold";font-size:22px;font-weight:500;color:#4D4D4D;}.elementor-40647 .elementor-element.elementor-element-5711074{--spacer-size:50px;}.elementor-40647 .elementor-element.elementor-element-b9f6c9a .elementor-heading-title{font-family:"productsans-bold";font-size:22px;font-weight:500;color:#4D4D4D;}.elementor-40647 .elementor-element.elementor-element-5caac6f{--spacer-size:50px;}.elementor-40647 .elementor-element.elementor-element-45cbb28 .elementor-heading-title{font-family:"productsans-bold";font-size:22px;font-weight:500;color:#4D4D4D;}.elementor-40647 .elementor-element.elementor-element-d8170fb{--spacer-size:50px;}.elementor-40647 .elementor-element.elementor-element-a9f8dbc .elementor-heading-title{font-family:"productsans-bold";font-size:22px;font-weight:500;color:#4D4D4D;}.elementor-40647 .elementor-element.elementor-element-dc1b852{--spacer-size:50px;}.elementor-40647 .elementor-element.elementor-element-4c500de .elementor-heading-title{font-family:"productsans-bold";font-size:22px;font-weight:500;color:#4D4D4D;}.elementor-40647 .elementor-element.elementor-element-0fc9e3d{--spacer-size:50px;}.elementor-40647 .elementor-element.elementor-element-b28ca38{--display:flex;--min-height:0px;}.elementor-40647 .elementor-element.elementor-element-90329d5{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-40647 .elementor-element.elementor-element-744dea0{--display:flex;}.elementor-40647 .elementor-element.elementor-element-7a8b067{--display:flex;}.elementor-40647 .elementor-element.elementor-element-b2db33a{--spacer-size:50px;}.elementor-40647 .elementor-element.elementor-element-de99cac{--display:flex;}.elementor-40647 .elementor-element.elementor-element-282ad67{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:0px;--n-tabs-gap:45px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:21px;}.elementor-40647 .elementor-element.elementor-element-282ad67 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#969696;}.elementor-40647 .elementor-element.elementor-element-282ad67.elementor-element{--align-self:flex-start;}.elementor-40647 .elementor-element.elementor-element-282ad67.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"productsans-bold";font-weight:500;}@media(max-width:1024px){.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-bee0891 */.sdg3-wrapper {
    --sdg:#4C9F38;
    --border:#d8eedd;
    --hover:#eefaf3;
    --text:#0f172a;
    --muted:#64748b;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    margin-top:20px;
}

.sdg3-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

@media(max-width:1024px){
    .sdg3-grid { grid-template-columns:repeat(2,1fr); }
}

@media(max-width:680px){
    .sdg3-grid { grid-template-columns:1fr; }
}

.sdg3-btn {
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px 16px;
    background:#fff;
    border:1.5px solid var(--border);
    border-radius:12px;
    text-decoration:none!important;
    height:78px;
    transition:.2s ease;
    overflow:hidden;
}

.sdg3-btn:hover {
    background:var(--hover);
    border-color:var(--sdg);
    transform:translateY(-2px);
}

.sdg3-icon {
    width:38px;
    height:38px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1.5px solid var(--border);
    background:#fff;
    color:var(--sdg);
    font-size:17px;
    flex-shrink:0;
}

.sdg3-label {
    display:flex;
    flex-direction:column;
    min-width:0;
}

.sdg3-label strong {
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--text);
}

.sdg3-label em {
    font-size:12px;
    font-style:normal;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--muted);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bee0891 */.sdg3-wrapper {
    --sdg:#4C9F38;
    --border:#d8eedd;
    --hover:#eefaf3;
    --text:#0f172a;
    --muted:#64748b;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    margin-top:20px;
}

.sdg3-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

@media(max-width:1024px){
    .sdg3-grid { grid-template-columns:repeat(2,1fr); }
}

@media(max-width:680px){
    .sdg3-grid { grid-template-columns:1fr; }
}

.sdg3-btn {
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px 16px;
    background:#fff;
    border:1.5px solid var(--border);
    border-radius:12px;
    text-decoration:none!important;
    height:78px;
    transition:.2s ease;
    overflow:hidden;
}

.sdg3-btn:hover {
    background:var(--hover);
    border-color:var(--sdg);
    transform:translateY(-2px);
}

.sdg3-icon {
    width:38px;
    height:38px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1.5px solid var(--border);
    background:#fff;
    color:var(--sdg);
    font-size:17px;
    flex-shrink:0;
}

.sdg3-label {
    display:flex;
    flex-direction:column;
    min-width:0;
}

.sdg3-label strong {
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--text);
}

.sdg3-label em {
    font-size:12px;
    font-style:normal;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--muted);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bee0891 */.sdg3-wrapper {
    --sdg:#4C9F38;
    --border:#d8eedd;
    --hover:#eefaf3;
    --text:#0f172a;
    --muted:#64748b;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    margin-top:20px;
}

.sdg3-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

@media(max-width:1024px){
    .sdg3-grid { grid-template-columns:repeat(2,1fr); }
}

@media(max-width:680px){
    .sdg3-grid { grid-template-columns:1fr; }
}

.sdg3-btn {
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px 16px;
    background:#fff;
    border:1.5px solid var(--border);
    border-radius:12px;
    text-decoration:none!important;
    height:78px;
    transition:.2s ease;
    overflow:hidden;
}

.sdg3-btn:hover {
    background:var(--hover);
    border-color:var(--sdg);
    transform:translateY(-2px);
}

.sdg3-icon {
    width:38px;
    height:38px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1.5px solid var(--border);
    background:#fff;
    color:var(--sdg);
    font-size:17px;
    flex-shrink:0;
}

.sdg3-label {
    display:flex;
    flex-direction:column;
    min-width:0;
}

.sdg3-label strong {
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--text);
}

.sdg3-label em {
    font-size:12px;
    font-style:normal;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--muted);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bee0891 */.sdg3-wrapper {
    --sdg:#4C9F38;
    --border:#d8eedd;
    --hover:#eefaf3;
    --text:#0f172a;
    --muted:#64748b;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    margin-top:20px;
}

.sdg3-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

@media(max-width:1024px){
    .sdg3-grid { grid-template-columns:repeat(2,1fr); }
}

@media(max-width:680px){
    .sdg3-grid { grid-template-columns:1fr; }
}

.sdg3-btn {
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px 16px;
    background:#fff;
    border:1.5px solid var(--border);
    border-radius:12px;
    text-decoration:none!important;
    height:78px;
    transition:.2s ease;
    overflow:hidden;
}

.sdg3-btn:hover {
    background:var(--hover);
    border-color:var(--sdg);
    transform:translateY(-2px);
}

.sdg3-icon {
    width:38px;
    height:38px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1.5px solid var(--border);
    background:#fff;
    color:var(--sdg);
    font-size:17px;
    flex-shrink:0;
}

.sdg3-label {
    display:flex;
    flex-direction:column;
    min-width:0;
}

.sdg3-label strong {
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--text);
}

.sdg3-label em {
    font-size:12px;
    font-style:normal;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--muted);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bee0891 */.sdg3-wrapper {
    --sdg:#4C9F38;
    --border:#d8eedd;
    --hover:#eefaf3;
    --text:#0f172a;
    --muted:#64748b;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    margin-top:20px;
}

.sdg3-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

@media(max-width:1024px){
    .sdg3-grid { grid-template-columns:repeat(2,1fr); }
}

@media(max-width:680px){
    .sdg3-grid { grid-template-columns:1fr; }
}

.sdg3-btn {
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px 16px;
    background:#fff;
    border:1.5px solid var(--border);
    border-radius:12px;
    text-decoration:none!important;
    height:78px;
    transition:.2s ease;
    overflow:hidden;
}

.sdg3-btn:hover {
    background:var(--hover);
    border-color:var(--sdg);
    transform:translateY(-2px);
}

.sdg3-icon {
    width:38px;
    height:38px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1.5px solid var(--border);
    background:#fff;
    color:var(--sdg);
    font-size:17px;
    flex-shrink:0;
}

.sdg3-label {
    display:flex;
    flex-direction:column;
    min-width:0;
}

.sdg3-label strong {
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--text);
}

.sdg3-label em {
    font-size:12px;
    font-style:normal;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--muted);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bee0891 */.sdg3-wrapper {
    --sdg:#4C9F38;
    --border:#d8eedd;
    --hover:#eefaf3;
    --text:#0f172a;
    --muted:#64748b;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    margin-top:20px;
}

.sdg3-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

@media(max-width:1024px){
    .sdg3-grid { grid-template-columns:repeat(2,1fr); }
}

@media(max-width:680px){
    .sdg3-grid { grid-template-columns:1fr; }
}

.sdg3-btn {
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px 16px;
    background:#fff;
    border:1.5px solid var(--border);
    border-radius:12px;
    text-decoration:none!important;
    height:78px;
    transition:.2s ease;
    overflow:hidden;
}

.sdg3-btn:hover {
    background:var(--hover);
    border-color:var(--sdg);
    transform:translateY(-2px);
}

.sdg3-icon {
    width:38px;
    height:38px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1.5px solid var(--border);
    background:#fff;
    color:var(--sdg);
    font-size:17px;
    flex-shrink:0;
}

.sdg3-label {
    display:flex;
    flex-direction:column;
    min-width:0;
}

.sdg3-label strong {
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--text);
}

.sdg3-label em {
    font-size:12px;
    font-style:normal;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--muted);
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-282ad67 *//* --- Main Tabs Bar Styling --- */
.elementor-40647 .elementor-element.elementor-element-282ad67 .e-n-tabs-heading {
    background-color: #333333 !important;
    border-bottom: none !important;
    width: 100vw !important; /* ทำให้แถบเทาเต็มความกว้างของจอภาพ */
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    
    /* สร้างกรอบเสมือนด้วย Padding */
    box-sizing: border-box !important;
    padding-left: calc((100vw - 1140px) / 2) !important; /* ปรับ 1140px ให้ตรงกับความกว้างเว็บของคุณ */
    padding-right: calc((100vw - 1140px) / 2) !important; /* ปรับ 1140px ให้ตรงกับความกว้างเว็บของคุณ */

    /* คำสั่งจัดเรียงปุ่ม */
    display: flex !important;
    justify-content: flex-start !important;
}

/* --- Individual Tab Styling --- */
.elementor-40647 .elementor-element.elementor-element-282ad67 .e-n-tab-title {
    padding: 20px 25px 15px 25px !important;
    margin: 0 !important;
    color: #a0a0a0 !important;
    border: none !important;
    background-color: transparent !important;
    position: relative;
    transition: color 0.3s ease !important;
    flex-shrink: 0; /* ป้องกันปุ่มหดตัว */
}

/* --- Style for the Active Tab --- */
.elementor-40647 .elementor-element.elementor-element-282ad67 .e-n-tab-title[aria-selected="true"] {
    color: #ffffff !important;
    border-bottom: 3px solid #4C9F38 !important;
}

/* --- Hide default Elementor indicators --- */
.elementor-40647 .elementor-element.elementor-element-282ad67 .e-n-tab-title::after,
.elementor-40647 .elementor-element.elementor-element-282ad67 .e-n-tab-title::before {
    display: none !important;
}

/* --- Remove border from content area --- */
.elementor-40647 .elementor-element.elementor-element-282ad67 .e-n-tabs-content {
    border: none !important;
}/* End custom CSS */