.elementor-46195 .elementor-element.elementor-element-c64b0fb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-c64b0fb:not(.elementor-motion-effects-element-type-background), .elementor-46195 .elementor-element.elementor-element-c64b0fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CDB8F547;}.elementor-46195 .elementor-element.elementor-element-1929ccb{--display:flex;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:0rem 0rem 2rem 0rem;--border-top-width:0rem;--border-right-width:0rem;--border-bottom-width:2rem;--border-left-width:0rem;border-color:#460763;--border-color:#460763;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-46195 .elementor-element.elementor-element-1929ccb:not(.elementor-motion-effects-element-type-background), .elementor-46195 .elementor-element.elementor-element-1929ccb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.iccs.ac.th/wp-content/uploads/2026/02/study-banner.png");}.elementor-46195 .elementor-element.elementor-element-1929ccb::before, .elementor-46195 .elementor-element.elementor-element-1929ccb > .elementor-background-video-container::before, .elementor-46195 .elementor-element.elementor-element-1929ccb > .e-con-inner > .elementor-background-video-container::before, .elementor-46195 .elementor-element.elementor-element-1929ccb > .elementor-background-slideshow::before, .elementor-46195 .elementor-element.elementor-element-1929ccb > .e-con-inner > .elementor-background-slideshow::before, .elementor-46195 .elementor-element.elementor-element-1929ccb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#460763;--background-overlay:'';}.elementor-46195 .elementor-element.elementor-element-765a5ab{--spacer-size:6rem;}.elementor-46195 .elementor-element.elementor-element-60bde9f > .elementor-widget-container{padding:2rem 2rem 2rem 0rem;}.elementor-46195 .elementor-element.elementor-element-60bde9f{text-align:center;}.elementor-46195 .elementor-element.elementor-element-60bde9f .elementor-heading-title{font-family:"Chonburi", Sans-serif;text-shadow:4px 4px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-46195 .elementor-element.elementor-element-d8fedcc{--spacer-size:6rem;}.elementor-46195 .elementor-element.elementor-element-783927c{--spacer-size:3rem;}.elementor-46195 .elementor-element.elementor-element-43387cd{--display:flex;}.elementor-46195 .elementor-element.elementor-element-796ea49{--display:flex;}.elementor-46195 .elementor-element.elementor-element-943992e{--display:flex;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-46195 .elementor-element.elementor-element-7a4f6ba{--spacer-size:2rem;}.elementor-46195 .elementor-element.elementor-element-cf878a4 > .elementor-widget-container{padding:2rem 2rem 2rem 2rem;}.elementor-46195 .elementor-element.elementor-element-cf878a4{text-align:center;}.elementor-46195 .elementor-element.elementor-element-cf878a4 .elementor-heading-title{font-family:"Chonburi", Sans-serif;font-size:34px;font-weight:600;letter-spacing:1px;color:#705818;}.elementor-46195 .elementor-element.elementor-element-6609862 > .elementor-widget-container{padding:0rem 0rem 1rem 0rem;}.elementor-46195 .elementor-element.elementor-element-6609862{text-align:center;}.elementor-46195 .elementor-element.elementor-element-6609862 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:500;}.elementor-46195 .elementor-element.elementor-element-98101e0{--divider-border-style:solid;--divider-color:#47443CC9;--divider-border-width:2px;}.elementor-46195 .elementor-element.elementor-element-98101e0 .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-98101e0 .elementor-divider{text-align:center;}.elementor-46195 .elementor-element.elementor-element-cb3e7aa{--spacer-size:3rem;}.elementor-46195 .elementor-element.elementor-element-348fb61{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-46195 .elementor-element.elementor-element-85698e8 > .elementor-widget-container{padding:32px 32px 32px 74px;}.elementor-46195 .elementor-element.elementor-element-85698e8 .elementor-heading-title{font-family:"Chonburi", Sans-serif;font-size:34px;font-weight:600;letter-spacing:1px;color:#705818;}.elementor-46195 .elementor-element.elementor-element-64de64a{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-46195 .elementor-element.elementor-element-f434279{--display:flex;}.elementor-46195 .elementor-element.elementor-element-d11a008{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-2f1c06a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-efcab71{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-77728e9{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-77728e9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-77728e9 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-77728e9 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-58e99e5{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-73d66ed{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-73d66ed > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-73d66ed .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-73d66ed .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-5e6daca{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-4ab896c{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-4ab896c .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-4ab896c .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-29f6667{--display:flex;}.elementor-46195 .elementor-element.elementor-element-458602e{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-41c4fc4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-36023e6{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-551d2d3{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-551d2d3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-551d2d3 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-551d2d3 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-05c1b60{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-eb37fb8{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-eb37fb8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-eb37fb8 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-eb37fb8 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-0a86036{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-b00e8f1{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-b00e8f1 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-b00e8f1 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-f803ab1{--display:flex;}.elementor-46195 .elementor-element.elementor-element-a4cc334{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-7ca2d9e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-716e66c{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-8186cad{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-8186cad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-8186cad .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-8186cad .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-24b6c5a{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-0a1c24c{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-0a1c24c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-0a1c24c .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-0a1c24c .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-a247727{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-b4c6683{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-b4c6683 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-b4c6683 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-b4c6683 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-5510487{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-de51c67{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-de51c67 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-de51c67 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-1b26b15{--display:flex;}.elementor-46195 .elementor-element.elementor-element-860b217{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-6bb269f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-1c4d53b{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-f8b1b09{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-f8b1b09 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-f8b1b09 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-9ecd707{--display:flex;}.elementor-46195 .elementor-element.elementor-element-5406569{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-99222dc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-224426b{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-b0280f9{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-b0280f9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-b0280f9 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-b0280f9 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-8eeca9f{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-6ba9392{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-6ba9392 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-6ba9392 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-0d8e8d5{--display:flex;}.elementor-46195 .elementor-element.elementor-element-746bd58{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-de16e8f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-6fb3f9f{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-d9efa56{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-d9efa56 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-d9efa56 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-d573a54{--display:flex;}.elementor-46195 .elementor-element.elementor-element-156b9e1{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-4b16e3f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-0926e96{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-077c7d9{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-077c7d9 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-077c7d9 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-37396a6{--spacer-size:4rem;}.elementor-46195 .elementor-element.elementor-element-b014ef0{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-46195 .elementor-element.elementor-element-76c7dd6 > .elementor-widget-container{padding:32px 32px 32px 74px;}.elementor-46195 .elementor-element.elementor-element-76c7dd6 .elementor-heading-title{font-family:"Chonburi", Sans-serif;font-size:34px;font-weight:600;letter-spacing:1px;color:#705818;}.elementor-46195 .elementor-element.elementor-element-eb49c3b{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-46195 .elementor-element.elementor-element-7250da0{--display:flex;}.elementor-46195 .elementor-element.elementor-element-3e12444{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-d84143e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-ed54989{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-527a8c7{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-527a8c7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-527a8c7 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-527a8c7 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-cebfda3{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-a05469c{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-a05469c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-a05469c .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-a05469c .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-85ea9e9{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-c7c612c{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-c7c612c .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-c7c612c .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-29b53dc{--display:flex;}.elementor-46195 .elementor-element.elementor-element-7aac17b{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-a1f1376{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-9e377d1{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-44be597{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-44be597 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-44be597 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-44be597 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-2c193d1{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-aa4ce38{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-aa4ce38 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-aa4ce38 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-aa4ce38 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-b4b5b26{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-53546a6{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-53546a6 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-53546a6 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-a84aa5f{--display:flex;}.elementor-46195 .elementor-element.elementor-element-248300e{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-def755c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-1d1934c{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-3e1f8a0{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-3e1f8a0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-3e1f8a0 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-3e1f8a0 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-17805fe{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-6e74095{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-6e74095 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-6e74095 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-6e74095 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-1f84ecb{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-abfd0a0{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-abfd0a0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-abfd0a0 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-abfd0a0 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-9e22e02{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-8639a35{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-8639a35 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-8639a35 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-ef23c80{--display:flex;}.elementor-46195 .elementor-element.elementor-element-ee1b34a{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-8b6d52a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-5872d45{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-5ca1152{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-5ca1152 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-5ca1152 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-e134ffb{--display:flex;}.elementor-46195 .elementor-element.elementor-element-1e21d35{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-d919195{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-e9a8a85{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-d408f58{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-d408f58 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-d408f58 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-d408f58 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-8c7204c{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-4046591{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-4046591 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-4046591 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-c88f61d{--display:flex;}.elementor-46195 .elementor-element.elementor-element-b9d1b19{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-070af12{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-f9a97ac{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-b2ce328{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-b2ce328 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-b2ce328 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-3ec11bd{--display:flex;}.elementor-46195 .elementor-element.elementor-element-9c447fe{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-0fea042{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-9961117{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-886f33f{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-886f33f .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-886f33f .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-1f25cc4{--display:flex;}.elementor-46195 .elementor-element.elementor-element-8c0d001{--display:flex;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-46195 .elementor-element.elementor-element-1309f86{--spacer-size:2rem;}.elementor-46195 .elementor-element.elementor-element-d696c76 > .elementor-widget-container{padding:2rem 2rem 2rem 2rem;}.elementor-46195 .elementor-element.elementor-element-d696c76{text-align:center;}.elementor-46195 .elementor-element.elementor-element-d696c76 .elementor-heading-title{font-family:"Chonburi", Sans-serif;font-size:34px;font-weight:600;letter-spacing:1px;color:#705818;}.elementor-46195 .elementor-element.elementor-element-6d9f452 > .elementor-widget-container{padding:0rem 0rem 1rem 0rem;}.elementor-46195 .elementor-element.elementor-element-6d9f452{text-align:center;}.elementor-46195 .elementor-element.elementor-element-6d9f452 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:500;}.elementor-46195 .elementor-element.elementor-element-19cfbd3{--divider-border-style:solid;--divider-color:#47443CC9;--divider-border-width:2px;}.elementor-46195 .elementor-element.elementor-element-19cfbd3 .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-19cfbd3 .elementor-divider{text-align:center;}.elementor-46195 .elementor-element.elementor-element-bfc55fe{--spacer-size:2rem;}.elementor-46195 .elementor-element.elementor-element-8f23c49{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-46195 .elementor-element.elementor-element-cd6c39a{--display:flex;}.elementor-46195 .elementor-element.elementor-element-f4acc77{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-6863837{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-1e8f16c{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-1e97af3{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-1e97af3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-1e97af3 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-1e97af3 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-54e6b9c{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-73752c7{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-73752c7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-73752c7 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-73752c7 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-b6bdfeb{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-9adc5c3{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-9adc5c3 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-9adc5c3 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-daa7a3e{--display:flex;}.elementor-46195 .elementor-element.elementor-element-e5faaf1{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-0a5d980{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-d5ecfae{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-3752146{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-3752146 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-3752146 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-3752146 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-1352867{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-52fa4d7{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-52fa4d7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-52fa4d7 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-52fa4d7 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-b5b4166{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-e048d70{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-e048d70 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-e048d70 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-3ba511d{--display:flex;}.elementor-46195 .elementor-element.elementor-element-b060ac6{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-b940acb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-6111c74{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-41aca2b{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-41aca2b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-41aca2b .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-41aca2b .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-c2acadc{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-9591a72{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-9591a72 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-9591a72 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-9591a72 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-e6a4da2{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-18b4eb8{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-18b4eb8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-18b4eb8 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-18b4eb8 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-38bb5fd{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-2c619de{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-2c619de .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-2c619de .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-c1029fb{--display:flex;}.elementor-46195 .elementor-element.elementor-element-44fe34a{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-6c99b13{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-49a8583{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-d5015f3{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-d5015f3 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-d5015f3 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-c999767{--display:flex;}.elementor-46195 .elementor-element.elementor-element-bd0c939{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-45dd2ca{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-757b743{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-97c5bfa{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-97c5bfa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46195 .elementor-element.elementor-element-97c5bfa .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46195 .elementor-element.elementor-element-97c5bfa .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46195 .elementor-element.elementor-element-4bed0dc{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-69256d3{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-69256d3 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-69256d3 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-6c8f254{--display:flex;}.elementor-46195 .elementor-element.elementor-element-c931c61{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-dd170f0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-b31a4a5{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-6ffe994{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-6ffe994 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-6ffe994 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-cd4dd01{--display:flex;}.elementor-46195 .elementor-element.elementor-element-daf3e70{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-975692d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46195 .elementor-element.elementor-element-65c31b0{width:100%;max-width:100%;}.elementor-46195 .elementor-element.elementor-element-7164353{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46195 .elementor-element.elementor-element-7164353 .elementor-divider-separator{width:100%;}.elementor-46195 .elementor-element.elementor-element-7164353 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46195 .elementor-element.elementor-element-3b742a7{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:1.5rem;--n-tabs-title-border-radius:6px 6px 6px 6px;--n-tabs-title-font-size:18px;--n-tabs-title-color:#FFFCED;}.elementor-46195 .elementor-element.elementor-element-3b742a7 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#8862D9;}.elementor-46195 .elementor-element.elementor-element-3b742a7.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:#AE06D8;border-style:solid;border-color:#AE06D8;}.elementor-46195 .elementor-element.elementor-element-3b742a7.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-46195 .elementor-element.elementor-element-3b742a7.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:#551FC8;border-style:solid;border-color:#AC88F8;box-shadow:2px 2px 15px 0px #AC88F8;}.elementor-46195 .elementor-element.elementor-element-3b742a7 > .elementor-widget-container{padding:0rem 2rem 0rem 2rem;}.elementor-46195 .elementor-element.elementor-element-3b742a7.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#8862D9;}.elementor-46195 .elementor-element.elementor-element-3b742a7.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:"Noto Sans Thai", Sans-serif;font-weight:500;}.elementor-46195 .elementor-element.elementor-element-f8c9428{--spacer-size:9rem;}/* Start custom CSS for heading, class: .elementor-element-60bde9f */.chonburi-regular {
  font-family: "Chonburi", serif !important;
  font-weight: 400;
  font-style: normal;
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-d8fedcc */.chonburi-regular {
  font-family: "Chonburi", serif;
  font-weight: 400;
  font-style: normal;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d11a008 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 15px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.3rem;
    margin: 0 0 .4em 0;
}

.degree-header {
    color: #020202;
    font-size: 0.8rem;
    margin: 0 0 .4em 0;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn-detail {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: noto sans thai;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-458602e */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.8rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a4cc334 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-860b217 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5406569 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-746bd58 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-156b9e1 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e12444 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 15px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.3rem;
    margin: 0 0 .4em 0;
}

.degree-header {
    color: #020202;
    font-size: 0.8rem;
    margin: 0 0 .4em 0;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn-detail {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: noto sans thai;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7aac17b */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.8rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-248300e */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee1b34a */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e21d35 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9d1b19 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c447fe */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f4acc77 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 15px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.3rem;
    margin: 0 0 .4em 0;
}

.degree-header {
    color: #020202;
    font-size: 0.8rem;
    margin: 0 0 .4em 0;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn-detail {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: noto sans thai;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5faaf1 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.8rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b060ac6 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-44fe34a */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd0c939 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c931c61 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-daf3e70 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d11a008 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 15px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.3rem;
    margin: 0 0 .4em 0;
}

.degree-header {
    color: #020202;
    font-size: 0.8rem;
    margin: 0 0 .4em 0;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn-detail {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: noto sans thai;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-458602e */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.8rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a4cc334 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-860b217 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5406569 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-746bd58 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-156b9e1 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e12444 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 15px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.3rem;
    margin: 0 0 .4em 0;
}

.degree-header {
    color: #020202;
    font-size: 0.8rem;
    margin: 0 0 .4em 0;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn-detail {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: noto sans thai;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7aac17b */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.8rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-248300e */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee1b34a */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e21d35 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9d1b19 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c447fe */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f4acc77 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 15px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.3rem;
    margin: 0 0 .4em 0;
}

.degree-header {
    color: #020202;
    font-size: 0.8rem;
    margin: 0 0 .4em 0;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn-detail {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: noto sans thai;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5faaf1 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.8rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b060ac6 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-44fe34a */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd0c939 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c931c61 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-daf3e70 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d11a008 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 15px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.3rem;
    margin: 0 0 .4em 0;
}

.degree-header {
    color: #020202;
    font-size: 0.8rem;
    margin: 0 0 .4em 0;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn-detail {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: noto sans thai;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-458602e */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.8rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a4cc334 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-860b217 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5406569 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-746bd58 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-156b9e1 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e12444 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 15px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.3rem;
    margin: 0 0 .4em 0;
}

.degree-header {
    color: #020202;
    font-size: 0.8rem;
    margin: 0 0 .4em 0;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn-detail {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: noto sans thai;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7aac17b */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.8rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-248300e */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee1b34a */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e21d35 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9d1b19 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c447fe */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f4acc77 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 15px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.3rem;
    margin: 0 0 .4em 0;
}

.degree-header {
    color: #020202;
    font-size: 0.8rem;
    margin: 0 0 .4em 0;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn-detail {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: noto sans thai;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5faaf1 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.4rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.8rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b060ac6 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-44fe34a */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd0c939 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c931c61 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-daf3e70 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

.wrapper {
    width: 100%;
    /*background: white;*/
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 20px rgba(0,0,0,0.08);*/
    font-family: noto sans thai;
}

/* Header Styles */
.faculty-accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px 30px 30px;
    /*background-color: var(--bg-light);*/
    cursor: pointer;
    transition: background 0.2s;
}

.thai-title {
    margin: 0 !important;
    font-size: 1.6rem;
    color: var(--primary-inner);
    font-weight: 600;
}

.faculty-accordion:hover .thai-title {
    color: #4527a0;

}

.eng-title {
    margin: 0;
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
}

.faculty-accordion:hover .eng-title {
    color: #424242;

}

.icon-circle {
    width: 32px;
    height: 32px;
    background-color: #7449c2;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Collapsible Logic */
.collapsible-content {
    max-height: 0; /* Hidden by default */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
    background: white;
    border-radius: 12px !important;
}

.collapsible-content.open {
    max-height: 1000px; /* Large enough to fit content */
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0);
}

.icon-circle.rotate {
    transform: rotate(180deg);
}

/* Inner Card Styling */
.card-inner {
    padding: 40px;
    /*border-top: 1px solid #eee;*/
    width: 100%;
}

.content-layout {
    display: flex;
    gap: 30px;
}

.timeline-container {
    position: relative;
    width: 20px;
}

.vertical-line {
    width: 4px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    border-radius: 2px;
}

.dot {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 3px solid black;
    border-radius: 50%;
}

.section-title {
    color: #7e57c2;
    font-size: 1.4rem;
    margin-top: 0;
}

.degree-header {
    color: #020202;
}

.major-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

/* Buttons */
.button-row {
    margin-top: 30px;
    margin-left: 50px;
    display: flex;
    gap: 12px;
}

.btn {
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */