.elementor-47417 .elementor-element.elementor-element-550ci3b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-47417 .elementor-element.elementor-element-550ci3b:not(.elementor-motion-effects-element-type-background), .elementor-47417 .elementor-element.elementor-element-550ci3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://www.iccs.ac.th/wp-content/uploads/2026/02/student-banner-1024x576.png");background-position:center center;background-size:cover;}.elementor-47417 .elementor-element.elementor-element-550ci3b > .elementor-background-overlay{background-color:#460763;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-47417 .elementor-element.elementor-element-550ci3b > .elementor-container{min-height:40vh;}.elementor-47417 .elementor-element.elementor-element-550ci3b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:03rem;margin-bottom:0rem;}.elementor-bc-flex-widget .elementor-47417 .elementor-element.elementor-element-83511f3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-47417 .elementor-element.elementor-element-83511f3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-47417 .elementor-element.elementor-element-83511f3.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-47417 .elementor-element.elementor-element-83511f3 > .elementor-element-populated{margin:0rem 0rem 0rem 0rem;--e-column-margin-right:0rem;--e-column-margin-left:0rem;}.elementor-47417 .elementor-element.elementor-element-83511f3{z-index:0;}.elementor-47417 .elementor-element.elementor-element-701bd97{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:3rem;--margin-bottom:3rem;--margin-left:3rem;--margin-right:3rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:14rem;--padding-right:0rem;--z-index:1;}.elementor-47417 .elementor-element.elementor-element-701bd97.e-con{--align-self:center;}.elementor-47417 .elementor-element.elementor-element-a9aba62.elementor-element{--align-self:flex-start;}.elementor-47417 .elementor-element.elementor-element-a9aba62 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;text-shadow:4px 4px 10px rgba(0,0,0,0.3);mix-blend-mode:overlay;color:#FFFFFF;}.elementor-47417 .elementor-element.elementor-element-50e0ec1{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-3dac03e.elementor-element{--align-self:flex-start;}.elementor-47417 .elementor-element.elementor-element-3dac03e .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;text-shadow:4px 4px 10px rgba(0,0,0,0.3);mix-blend-mode:overlay;color:#FFFFFF;}.elementor-47417 .elementor-element.elementor-element-6d02fb5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-47417 .elementor-element.elementor-element-7afb8b7{--display:flex;--padding-top:9rem;--padding-bottom:09rem;--padding-left:02rem;--padding-right:02rem;}.elementor-47417 .elementor-element.elementor-element-ea56f9b{text-align:center;}.elementor-47417 .elementor-element.elementor-element-ea56f9b .elementor-heading-title{font-family:"Chonburi", Sans-serif;font-size:38px;font-weight:600;letter-spacing:1px;color:#705818;}.elementor-47417 .elementor-element.elementor-element-39f5a57{--spacer-size:4rem;}.elementor-47417 .elementor-element.elementor-element-a0eb80f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;--grid-auto-flow:row;}.elementor-47417 .elementor-element.elementor-element-c7e58a6{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 5px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:5px;border-color:#FF3C7E;--border-color:#FF3C7E;--border-radius:14px 14px 14px 14px;box-shadow:2px 2px 20px -5px rgba(138, 138, 138, 0.5);--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-b7dc094 > .elementor-widget-container{padding:1rem 1rem 2rem 1rem;}.elementor-47417 .elementor-element.elementor-element-b7dc094 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:24px;color:#FF3C7E;}.elementor-47417 .elementor-element.elementor-element-ef48a80{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:0rem;}.elementor-47417 .elementor-element.elementor-element-af0b08d{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-af0b08d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-d30a3e2 > .elementor-widget-container{padding:23px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-d30a3e2 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-22bf211{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 5px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:5px;border-color:#FF8754;--border-color:#FF8754;--border-radius:14px 14px 14px 14px;box-shadow:2px 2px 20px -5px rgba(138, 138, 138, 0.5);--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-a4adda6 > .elementor-widget-container{padding:1rem 1rem 2rem 1rem;}.elementor-47417 .elementor-element.elementor-element-a4adda6 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:24px;color:#FF8754;}.elementor-47417 .elementor-element.elementor-element-48c8d08{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:0rem;}.elementor-47417 .elementor-element.elementor-element-7374915{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-7374915 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-fa33969 > .elementor-widget-container{padding:23px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-fa33969 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-b26e0ab{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 5px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:5px;border-color:#0087FF;--border-color:#0087FF;--border-radius:14px 14px 14px 14px;box-shadow:2px 2px 20px -5px rgba(138, 138, 138, 0.5);--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-384f6d0 > .elementor-widget-container{padding:1rem 1rem 2rem 1rem;}.elementor-47417 .elementor-element.elementor-element-384f6d0 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:24px;color:#0087FF;}.elementor-47417 .elementor-element.elementor-element-8167700{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:0rem;}.elementor-47417 .elementor-element.elementor-element-4479923{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-4479923 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-f15ec0a > .elementor-widget-container{padding:023px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-f15ec0a .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-24c864a{--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-47417 .elementor-element.elementor-element-24c864a:not(.elementor-motion-effects-element-type-background), .elementor-47417 .elementor-element.elementor-element-24c864a > .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-47417 .elementor-element.elementor-element-24c864a::before, .elementor-47417 .elementor-element.elementor-element-24c864a > .elementor-background-video-container::before, .elementor-47417 .elementor-element.elementor-element-24c864a > .e-con-inner > .elementor-background-video-container::before, .elementor-47417 .elementor-element.elementor-element-24c864a > .elementor-background-slideshow::before, .elementor-47417 .elementor-element.elementor-element-24c864a > .e-con-inner > .elementor-background-slideshow::before, .elementor-47417 .elementor-element.elementor-element-24c864a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#460763;--background-overlay:'';}.elementor-47417 .elementor-element.elementor-element-9e89ceb{--spacer-size:6rem;}.elementor-47417 .elementor-element.elementor-element-1832f46 > .elementor-widget-container{padding:2rem 2rem 2rem 0rem;}.elementor-47417 .elementor-element.elementor-element-1832f46{text-align:center;}.elementor-47417 .elementor-element.elementor-element-1832f46 .elementor-heading-title{font-family:"Chonburi", Sans-serif;text-shadow:4px 4px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-47417 .elementor-element.elementor-element-e45fee6{--spacer-size:6rem;}.elementor-47417 .elementor-element.elementor-element-b7762cb{--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-47417 .elementor-element.elementor-element-b7762cb:not(.elementor-motion-effects-element-type-background), .elementor-47417 .elementor-element.elementor-element-b7762cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CDB8F547;}.elementor-47417 .elementor-element.elementor-element-f39216f{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0rem;--padding-bottom:9rem;--padding-left:0rem;--padding-right:0rem;top:0px;}.elementor-47417 .elementor-element.elementor-element-f39216f:not(.elementor-motion-effects-element-type-background), .elementor-47417 .elementor-element.elementor-element-f39216f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C5B3EB;}.elementor-47417 .elementor-element.elementor-element-f39216f.e-con{--align-self:center;}body:not(.rtl) .elementor-47417 .elementor-element.elementor-element-f39216f{left:0px;}body.rtl .elementor-47417 .elementor-element.elementor-element-f39216f{right:0px;}.elementor-47417 .elementor-element.elementor-element-79f30f7{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0rem;--padding-bottom:9rem;--padding-left:0rem;--padding-right:0rem;top:0px;}.elementor-47417 .elementor-element.elementor-element-79f30f7:not(.elementor-motion-effects-element-type-background), .elementor-47417 .elementor-element.elementor-element-79f30f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C5B3EB;}.elementor-47417 .elementor-element.elementor-element-79f30f7.e-con{--align-self:center;}body:not(.rtl) .elementor-47417 .elementor-element.elementor-element-79f30f7{left:0px;}body.rtl .elementor-47417 .elementor-element.elementor-element-79f30f7{right:0px;}.elementor-47417 .elementor-element.elementor-element-7107b20{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0rem;--padding-bottom:14rem;--padding-left:0rem;--padding-right:0rem;top:0px;}.elementor-47417 .elementor-element.elementor-element-7107b20:not(.elementor-motion-effects-element-type-background), .elementor-47417 .elementor-element.elementor-element-7107b20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C5B3EB;}.elementor-47417 .elementor-element.elementor-element-7107b20.e-con{--align-self:center;}body:not(.rtl) .elementor-47417 .elementor-element.elementor-element-7107b20{left:0px;}body.rtl .elementor-47417 .elementor-element.elementor-element-7107b20{right:0px;}.elementor-47417 .elementor-element.elementor-element-ed0f4e8{--spacer-size:3rem;}.elementor-47417 .elementor-element.elementor-element-df49db0{--display:flex;}.elementor-47417 .elementor-element.elementor-element-e6ced7d{--display:flex;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-794e0d2{--spacer-size:2rem;}.elementor-47417 .elementor-element.elementor-element-0dcb81f > .elementor-widget-container{padding:2rem 2rem 2rem 2rem;}.elementor-47417 .elementor-element.elementor-element-0dcb81f{text-align:center;}.elementor-47417 .elementor-element.elementor-element-0dcb81f .elementor-heading-title{font-family:"Chonburi", Sans-serif;font-size:34px;font-weight:600;letter-spacing:1px;color:#705818;}.elementor-47417 .elementor-element.elementor-element-56dca9f > .elementor-widget-container{padding:0rem 0rem 1rem 0rem;}.elementor-47417 .elementor-element.elementor-element-56dca9f{text-align:center;}.elementor-47417 .elementor-element.elementor-element-56dca9f .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:500;}.elementor-47417 .elementor-element.elementor-element-8d564dc{--divider-border-style:solid;--divider-color:#47443CC9;--divider-border-width:2px;}.elementor-47417 .elementor-element.elementor-element-8d564dc .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-47417 .elementor-element.elementor-element-8d564dc .elementor-divider{text-align:center;}.elementor-47417 .elementor-element.elementor-element-4b61342{--spacer-size:2rem;}.elementor-47417 .elementor-element.elementor-element-b8ef14f{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-47417 .elementor-element.elementor-element-253ee58{--display:flex;}.elementor-47417 .elementor-element.elementor-element-9eb908e{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-9d5f08e{--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-47417 .elementor-element.elementor-element-18835be{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-3fb1987{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-3fb1987 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-3fb1987 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-47417 .elementor-element.elementor-element-3fb1987 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-47417 .elementor-element.elementor-element-705d9b5{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-d0dad92{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-d0dad92 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-d0dad92 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-47417 .elementor-element.elementor-element-d0dad92 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-47417 .elementor-element.elementor-element-78ff7c1{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-f0be7ad{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-f0be7ad .elementor-divider-separator{width:100%;}.elementor-47417 .elementor-element.elementor-element-f0be7ad .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-47417 .elementor-element.elementor-element-df40234{--display:flex;}.elementor-47417 .elementor-element.elementor-element-96fb811{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-a0a6f1c{--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-47417 .elementor-element.elementor-element-6123d24{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-8c58291{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-8c58291 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-8c58291 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-47417 .elementor-element.elementor-element-8c58291 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-47417 .elementor-element.elementor-element-6f18881{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-b493bb0{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-b493bb0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-b493bb0 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-47417 .elementor-element.elementor-element-b493bb0 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-47417 .elementor-element.elementor-element-5a57c0e{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-fd22a1d{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-fd22a1d .elementor-divider-separator{width:100%;}.elementor-47417 .elementor-element.elementor-element-fd22a1d .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-47417 .elementor-element.elementor-element-45be0a5{--display:flex;}.elementor-47417 .elementor-element.elementor-element-e398d4f{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-ef8286c{--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-47417 .elementor-element.elementor-element-220d135{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-962e15a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-962e15a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-962e15a .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-47417 .elementor-element.elementor-element-962e15a .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-47417 .elementor-element.elementor-element-b60cefc{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-26166b8{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-26166b8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-26166b8 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-47417 .elementor-element.elementor-element-26166b8 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-47417 .elementor-element.elementor-element-7466ba8{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-f9511d9{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-f9511d9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-f9511d9 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-47417 .elementor-element.elementor-element-f9511d9 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-47417 .elementor-element.elementor-element-d9173b3{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-89504d7{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-89504d7 .elementor-divider-separator{width:100%;}.elementor-47417 .elementor-element.elementor-element-89504d7 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-47417 .elementor-element.elementor-element-1da4d3e{--display:flex;}.elementor-47417 .elementor-element.elementor-element-5a438ef{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-2832e79{--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-47417 .elementor-element.elementor-element-242373a{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-af54536{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-af54536 .elementor-divider-separator{width:100%;}.elementor-47417 .elementor-element.elementor-element-af54536 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-47417 .elementor-element.elementor-element-4c7787c{--display:flex;}.elementor-47417 .elementor-element.elementor-element-99e4e3d{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-289c39b{--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-47417 .elementor-element.elementor-element-b4f2f62{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-b9540e5{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-b9540e5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-b9540e5 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-47417 .elementor-element.elementor-element-b9540e5 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-47417 .elementor-element.elementor-element-ccccf6f{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-6335b54{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-6335b54 .elementor-divider-separator{width:100%;}.elementor-47417 .elementor-element.elementor-element-6335b54 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-47417 .elementor-element.elementor-element-4b7baad{--display:flex;}.elementor-47417 .elementor-element.elementor-element-f7a2d17{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-fc06ad2{--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-47417 .elementor-element.elementor-element-5cf4f93{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-d2196d2{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-d2196d2 .elementor-divider-separator{width:100%;}.elementor-47417 .elementor-element.elementor-element-d2196d2 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-47417 .elementor-element.elementor-element-3464ba3{--display:flex;}.elementor-47417 .elementor-element.elementor-element-ac55620{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-7cd00a0{--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-47417 .elementor-element.elementor-element-60b58ce{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-bab4cfd{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-bab4cfd .elementor-divider-separator{width:100%;}.elementor-47417 .elementor-element.elementor-element-bab4cfd .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-47417 .elementor-element.elementor-element-045119d{--display:flex;}.elementor-47417 .elementor-element.elementor-element-5228c2d{--display:flex;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-3e8c4ca{--spacer-size:2rem;}.elementor-47417 .elementor-element.elementor-element-b1f81f6 > .elementor-widget-container{padding:2rem 2rem 2rem 2rem;}.elementor-47417 .elementor-element.elementor-element-b1f81f6{text-align:center;}.elementor-47417 .elementor-element.elementor-element-b1f81f6 .elementor-heading-title{font-family:"Chonburi", Sans-serif;font-size:34px;font-weight:600;letter-spacing:1px;color:#705818;}.elementor-47417 .elementor-element.elementor-element-285ba04 > .elementor-widget-container{padding:0rem 0rem 1rem 0rem;}.elementor-47417 .elementor-element.elementor-element-285ba04{text-align:center;}.elementor-47417 .elementor-element.elementor-element-285ba04 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:500;}.elementor-47417 .elementor-element.elementor-element-d205b5b{--divider-border-style:solid;--divider-color:#47443CC9;--divider-border-width:2px;}.elementor-47417 .elementor-element.elementor-element-d205b5b .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-47417 .elementor-element.elementor-element-d205b5b .elementor-divider{text-align:center;}.elementor-47417 .elementor-element.elementor-element-4bed254{--spacer-size:2rem;}.elementor-47417 .elementor-element.elementor-element-ddb5567{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47417 .elementor-element.elementor-element-50e0ce3{--spacer-size:30vh;}.elementor-47417 .elementor-element.elementor-element-42a4a50{text-align:center;}.elementor-47417 .elementor-element.elementor-element-d86a9f3{--spacer-size:30vh;}.elementor-47417 .elementor-element.elementor-element-35f3dfd{--display:flex;}.elementor-47417 .elementor-element.elementor-element-c3cd5ad{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-c3cd5ad.e-con{--align-self:center;}.elementor-47417 .elementor-element.elementor-element-c5648eb{--spacer-size:2rem;}.elementor-47417 .elementor-element.elementor-element-c2dd5f8 > .elementor-widget-container{padding:2rem 2rem 2rem 2rem;}.elementor-47417 .elementor-element.elementor-element-c2dd5f8{text-align:center;}.elementor-47417 .elementor-element.elementor-element-c2dd5f8 .elementor-heading-title{font-family:"Chonburi", Sans-serif;font-size:34px;font-weight:600;letter-spacing:1px;color:#705818;}.elementor-47417 .elementor-element.elementor-element-c368077 > .elementor-widget-container{padding:0rem 0rem 1rem 0rem;}.elementor-47417 .elementor-element.elementor-element-c368077{text-align:center;}.elementor-47417 .elementor-element.elementor-element-c368077 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:500;}.elementor-47417 .elementor-element.elementor-element-845f930{--divider-border-style:solid;--divider-color:#47443CC9;--divider-border-width:2px;}.elementor-47417 .elementor-element.elementor-element-845f930 .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-47417 .elementor-element.elementor-element-845f930 .elementor-divider{text-align:center;}.elementor-47417 .elementor-element.elementor-element-790f168{--spacer-size:2rem;}.elementor-47417 .elementor-element.elementor-element-61c033d{--display:flex;--justify-content:center;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-47417 .elementor-element.elementor-element-75242f0{--display:flex;}.elementor-47417 .elementor-element.elementor-element-f17b223{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-592a844{--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-47417 .elementor-element.elementor-element-758b626{--display:flex;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-47417 .elementor-element.elementor-element-e858886{--display:flex;}.elementor-47417 .elementor-element.elementor-element-fddd5d3 > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-fddd5d3 .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-2f07ddc{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-22d36dd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-22d36dd{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-22d36dd p{margin-block-end:0px;}.elementor-47417 .elementor-element.elementor-element-22d36dd a:hover, .elementor-47417 .elementor-element.elementor-element-22d36dd a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-22d36dd a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-ca21f9a{--display:flex;}.elementor-47417 .elementor-element.elementor-element-ce27c32 > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-ce27c32 .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-74b618d{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-d1b09d5{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-d1b09d5 a:hover, .elementor-47417 .elementor-element.elementor-element-d1b09d5 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-d1b09d5 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-7c5cfa3{--display:flex;}.elementor-47417 .elementor-element.elementor-element-ee952f8 > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-ee952f8 .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-87e7561{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-8945922{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-8945922 a:hover, .elementor-47417 .elementor-element.elementor-element-8945922 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-8945922 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-2eca3ba{--display:flex;}.elementor-47417 .elementor-element.elementor-element-2e7e54e > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-2e7e54e .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-5833ae9{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-d2dd63e{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-d2dd63e a:hover, .elementor-47417 .elementor-element.elementor-element-d2dd63e a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-d2dd63e a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-39188b8{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-39188b8 .elementor-divider-separator{width:100%;}.elementor-47417 .elementor-element.elementor-element-39188b8 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-47417 .elementor-element.elementor-element-1648ce9{--display:flex;}.elementor-47417 .elementor-element.elementor-element-be2e97d{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-9343302{--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-47417 .elementor-element.elementor-element-ee76543{--display:flex;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-47417 .elementor-element.elementor-element-d69a9ef{--display:flex;}.elementor-47417 .elementor-element.elementor-element-4da89ac > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-4da89ac .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-321e959{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-92aa0b6{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-92aa0b6 a:hover, .elementor-47417 .elementor-element.elementor-element-92aa0b6 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-92aa0b6 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-ca0e693{--display:flex;}.elementor-47417 .elementor-element.elementor-element-ca0e693.e-con{--order:-99999 /* order start hack */;}.elementor-47417 .elementor-element.elementor-element-b81c00f > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-b81c00f .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-b86d478{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-60751b3{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-60751b3 a:hover, .elementor-47417 .elementor-element.elementor-element-60751b3 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-60751b3 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-64df268{--display:flex;}.elementor-47417 .elementor-element.elementor-element-64df268.e-con{--order:-99999 /* order start hack */;}.elementor-47417 .elementor-element.elementor-element-ce3dd88 > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-ce3dd88 .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-b68e509{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-26958d7{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-26958d7 a:hover, .elementor-47417 .elementor-element.elementor-element-26958d7 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-26958d7 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-d2f14bc{--display:flex;}.elementor-47417 .elementor-element.elementor-element-d2f14bc.e-con{--order:-99999 /* order start hack */;}.elementor-47417 .elementor-element.elementor-element-ac020df > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-ac020df .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-84caa55{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-5b25890{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-5b25890 a:hover, .elementor-47417 .elementor-element.elementor-element-5b25890 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-5b25890 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-1a3b2f7{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-1a3b2f7 .elementor-divider-separator{width:100%;}.elementor-47417 .elementor-element.elementor-element-1a3b2f7 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-47417 .elementor-element.elementor-element-ecfdcd5{--display:flex;}.elementor-47417 .elementor-element.elementor-element-b400e5b{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-74adc6b{--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-47417 .elementor-element.elementor-element-120a8d2{--display:flex;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-47417 .elementor-element.elementor-element-49d32c7{--display:flex;}.elementor-47417 .elementor-element.elementor-element-49d32c7.e-con{--order:-99999 /* order start hack */;}.elementor-47417 .elementor-element.elementor-element-4485d21 > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-4485d21 .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-c0eb917{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-69c02e2{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-69c02e2 a:hover, .elementor-47417 .elementor-element.elementor-element-69c02e2 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-69c02e2 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-b995782{--display:flex;}.elementor-47417 .elementor-element.elementor-element-b995782.e-con{--order:-99999 /* order start hack */;}.elementor-47417 .elementor-element.elementor-element-ff3c8fa > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-ff3c8fa .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-a2c2eb4{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-924cf79{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-924cf79 a:hover, .elementor-47417 .elementor-element.elementor-element-924cf79 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-924cf79 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-bc55ec7{--display:flex;}.elementor-47417 .elementor-element.elementor-element-bc55ec7.e-con{--order:-99999 /* order start hack */;}.elementor-47417 .elementor-element.elementor-element-77c2b5a > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-77c2b5a .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-147fc4a{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-08c6f54{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-08c6f54 a:hover, .elementor-47417 .elementor-element.elementor-element-08c6f54 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-08c6f54 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-3d89275{--display:flex;}.elementor-47417 .elementor-element.elementor-element-9cfb532 > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-9cfb532 .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-5ad7a7d{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-b4ca45e{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-b4ca45e a:hover, .elementor-47417 .elementor-element.elementor-element-b4ca45e a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-b4ca45e a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-3dd1d9c{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-3dd1d9c .elementor-divider-separator{width:100%;}.elementor-47417 .elementor-element.elementor-element-3dd1d9c .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-47417 .elementor-element.elementor-element-7105b73{--display:flex;}.elementor-47417 .elementor-element.elementor-element-4c0f161{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-c89b6a2{--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-47417 .elementor-element.elementor-element-9de03bb{--display:flex;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-47417 .elementor-element.elementor-element-5d65e4f{--display:flex;}.elementor-47417 .elementor-element.elementor-element-5d65e4f.e-con{--order:-99999 /* order start hack */;}.elementor-47417 .elementor-element.elementor-element-55f5e54 > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-55f5e54 .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-ce6daba{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-9f2fac3{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-9f2fac3 a:hover, .elementor-47417 .elementor-element.elementor-element-9f2fac3 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-9f2fac3 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-bcbf66a{--display:flex;}.elementor-47417 .elementor-element.elementor-element-bcbf66a.e-con{--order:-99999 /* order start hack */;}.elementor-47417 .elementor-element.elementor-element-fbf4d6b > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-fbf4d6b .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-895a628{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-acffb5b{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-acffb5b a:hover, .elementor-47417 .elementor-element.elementor-element-acffb5b a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-acffb5b a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-f219c7a{--display:flex;}.elementor-47417 .elementor-element.elementor-element-f219c7a.e-con{--order:-99999 /* order start hack */;}.elementor-47417 .elementor-element.elementor-element-9fd80f7 > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-9fd80f7 .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-0f46873{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-729ce63{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-729ce63 a:hover, .elementor-47417 .elementor-element.elementor-element-729ce63 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-729ce63 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-faea1ce{--display:flex;}.elementor-47417 .elementor-element.elementor-element-09420ee > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-09420ee .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-d69391b{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-ad0503b{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-ad0503b a:hover, .elementor-47417 .elementor-element.elementor-element-ad0503b a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-ad0503b a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-7397a53{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-7397a53 .elementor-divider-separator{width:100%;}.elementor-47417 .elementor-element.elementor-element-7397a53 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-47417 .elementor-element.elementor-element-8eeeaca{--display:flex;}.elementor-47417 .elementor-element.elementor-element-2221e9f{width:100%;max-width:100%;}.elementor-47417 .elementor-element.elementor-element-736597b{--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-47417 .elementor-element.elementor-element-1d96f0a{--display:flex;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-47417 .elementor-element.elementor-element-df4282a{--display:flex;}.elementor-47417 .elementor-element.elementor-element-df4282a.e-con{--order:-99999 /* order start hack */;}.elementor-47417 .elementor-element.elementor-element-345c8f1 > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-345c8f1 .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-4795cc4{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-6148416{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-6148416 a:hover, .elementor-47417 .elementor-element.elementor-element-6148416 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-6148416 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-42ab105{--display:flex;}.elementor-47417 .elementor-element.elementor-element-42ab105.e-con{--order:-99999 /* order start hack */;}.elementor-47417 .elementor-element.elementor-element-ff5e70b > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-ff5e70b .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-9058d85{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-61dd819{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-61dd819 a:hover, .elementor-47417 .elementor-element.elementor-element-61dd819 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-61dd819 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-070dbb9{--display:flex;}.elementor-47417 .elementor-element.elementor-element-070dbb9.e-con{--order:-99999 /* order start hack */;}.elementor-47417 .elementor-element.elementor-element-8614144 > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-8614144 .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-090cf4f{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-7f3a1de{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-7f3a1de a:hover, .elementor-47417 .elementor-element.elementor-element-7f3a1de a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-7f3a1de a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-a27839a{--display:flex;}.elementor-47417 .elementor-element.elementor-element-d5fd8b1 > .elementor-widget-container{padding:0rem 0rem 0rem 1rem;border-style:solid;border-width:0px 0px 0px 3px;border-color:#593894;}.elementor-47417 .elementor-element.elementor-element-d5fd8b1 .elementor-heading-title{color:#B99621;}.elementor-47417 .elementor-element.elementor-element-71d60c8{--spacer-size:1rem;}.elementor-47417 .elementor-element.elementor-element-bdcdd84{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-bdcdd84 a:hover, .elementor-47417 .elementor-element.elementor-element-bdcdd84 a:focus{color:#7335DF;}.elementor-47417 .elementor-element.elementor-element-bdcdd84 a{transition-duration:0s;}.elementor-47417 .elementor-element.elementor-element-38ed7b3{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-47417 .elementor-element.elementor-element-38ed7b3 .elementor-divider-separator{width:100%;}.elementor-47417 .elementor-element.elementor-element-38ed7b3 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-47417 .elementor-element.elementor-element-f4549c8{--display:flex;}.elementor-47417 .elementor-element.elementor-element-974138e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-b3ebd73{--spacer-size:2rem;}.elementor-47417 .elementor-element.elementor-element-a707b70 > .elementor-widget-container{padding:2rem 2rem 2rem 2rem;}.elementor-47417 .elementor-element.elementor-element-a707b70{text-align:center;}.elementor-47417 .elementor-element.elementor-element-a707b70 .elementor-heading-title{font-family:"Chonburi", Sans-serif;font-size:34px;font-weight:600;letter-spacing:1px;color:#705818;}.elementor-47417 .elementor-element.elementor-element-4f39b2b > .elementor-widget-container{padding:0rem 0rem 1rem 0rem;}.elementor-47417 .elementor-element.elementor-element-4f39b2b{text-align:center;}.elementor-47417 .elementor-element.elementor-element-4f39b2b .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:500;}.elementor-47417 .elementor-element.elementor-element-2698c6f{--divider-border-style:solid;--divider-color:#47443CC9;--divider-border-width:2px;}.elementor-47417 .elementor-element.elementor-element-2698c6f .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-47417 .elementor-element.elementor-element-2698c6f .elementor-divider{text-align:center;}.elementor-47417 .elementor-element.elementor-element-6fd7172{--spacer-size:2rem;}.elementor-47417 .elementor-element.elementor-element-fc61f1c{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47417 .elementor-element.elementor-element-3b85a31{--spacer-size:30vh;}.elementor-47417 .elementor-element.elementor-element-de1b21c{text-align:center;}.elementor-47417 .elementor-element.elementor-element-05fde1b{--spacer-size:30vh;}.elementor-47417 .elementor-element.elementor-element-571f9b9{--display:flex;}.elementor-47417 .elementor-element.elementor-element-e06da62{--display:flex;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-bbead32{--spacer-size:2rem;}.elementor-47417 .elementor-element.elementor-element-a7e3ab7 > .elementor-widget-container{padding:2rem 2rem 2rem 2rem;}.elementor-47417 .elementor-element.elementor-element-a7e3ab7{text-align:center;}.elementor-47417 .elementor-element.elementor-element-a7e3ab7 .elementor-heading-title{font-family:"Chonburi", Sans-serif;font-size:34px;font-weight:600;letter-spacing:1px;color:#705818;}.elementor-47417 .elementor-element.elementor-element-b924b9a > .elementor-widget-container{padding:0rem 0rem 1rem 0rem;}.elementor-47417 .elementor-element.elementor-element-b924b9a{text-align:center;}.elementor-47417 .elementor-element.elementor-element-b924b9a .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:500;}.elementor-47417 .elementor-element.elementor-element-5b8bee6{--divider-border-style:solid;--divider-color:#47443CC9;--divider-border-width:2px;}.elementor-47417 .elementor-element.elementor-element-5b8bee6 .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-47417 .elementor-element.elementor-element-5b8bee6 .elementor-divider{text-align:center;}.elementor-47417 .elementor-element.elementor-element-52b6951{--spacer-size:2rem;}.elementor-47417 .elementor-element.elementor-element-7933e43{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47417 .elementor-element.elementor-element-c70e51c{--spacer-size:30vh;}.elementor-47417 .elementor-element.elementor-element-e256ecb{text-align:center;}.elementor-47417 .elementor-element.elementor-element-e7c16d6{--spacer-size:30vh;}.elementor-47417 .elementor-element.elementor-element-326587f{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;z-index:1;--n-tabs-title-gap:1.5rem;--n-tabs-title-transition:0.5s;--n-tabs-title-border-radius:6px 6px 6px 6px;--n-tabs-title-font-size:18px;--n-tabs-title-color:#FFFCED;}.elementor-47417 .elementor-element.elementor-element-326587f > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#8862D9;}.elementor-47417 .elementor-element.elementor-element-326587f.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-47417 .elementor-element.elementor-element-326587f.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-47417 .elementor-element.elementor-element-326587f.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-47417 .elementor-element.elementor-element-326587f > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-47417 .elementor-element.elementor-element-326587f.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-47417 .elementor-element.elementor-element-326587f.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;}:where( .elementor-47417 .elementor-element.elementor-element-326587f.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-47417 .elementor-element.elementor-element-8be8ea1{--spacer-size:9rem;}.elementor-47417 .elementor-element.elementor-element-178b7b7{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--grid-auto-flow:row;--padding-top:6rem;--padding-bottom:8rem;--padding-left:2rem;--padding-right:2rem;}.elementor-47417 .elementor-element.elementor-element-278e7ba{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:14px 14px 14px 14px;box-shadow:2px 2px 20px -5px rgba(138, 138, 138, 0.5);--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-47417 .elementor-element.elementor-element-ebd05d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:14px 14px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-ebd05d0:not(.elementor-motion-effects-element-type-background), .elementor-47417 .elementor-element.elementor-element-ebd05d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CFA8F3;}.elementor-47417 .elementor-element.elementor-element-f1da795 > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-47417 .elementor-element.elementor-element-f1da795{text-align:center;}.elementor-47417 .elementor-element.elementor-element-f1da795 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-a472e0b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EEEEEE;--border-color:#EEEEEE;--border-radius:0px 0px 14px 14px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-72114b7 > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-47417 .elementor-element.elementor-element-72114b7{text-align:center;}.elementor-47417 .elementor-element.elementor-element-72114b7 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-9b1a7f9{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-eb9dab6{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-353ecc2{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:14px 14px 14px 14px;box-shadow:2px 2px 20px -5px rgba(138, 138, 138, 0.5);--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-47417 .elementor-element.elementor-element-60b8a00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:14px 14px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-60b8a00:not(.elementor-motion-effects-element-type-background), .elementor-47417 .elementor-element.elementor-element-60b8a00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDC5F5;}.elementor-47417 .elementor-element.elementor-element-e86cf67 > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-47417 .elementor-element.elementor-element-e86cf67{text-align:center;}.elementor-47417 .elementor-element.elementor-element-e86cf67 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-0b82d12{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EEEEEE;--border-color:#EEEEEE;--border-radius:0px 0px 14px 14px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-a631d92 > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-47417 .elementor-element.elementor-element-a631d92{text-align:center;}.elementor-47417 .elementor-element.elementor-element-a631d92 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-ac0eb62{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-1ec5504{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-cf96c4c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:14px 14px 14px 14px;box-shadow:2px 2px 20px -5px rgba(138, 138, 138, 0.5);--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-47417 .elementor-element.elementor-element-dd0e7f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:14px 14px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-dd0e7f3:not(.elementor-motion-effects-element-type-background), .elementor-47417 .elementor-element.elementor-element-dd0e7f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5D0E2;}.elementor-47417 .elementor-element.elementor-element-261a4b5 > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-47417 .elementor-element.elementor-element-261a4b5{text-align:center;}.elementor-47417 .elementor-element.elementor-element-261a4b5 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-6c33104{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EEEEEE;--border-color:#EEEEEE;--border-radius:0px 0px 14px 14px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-72bb9f5 > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-47417 .elementor-element.elementor-element-72bb9f5{text-align:center;}.elementor-47417 .elementor-element.elementor-element-72bb9f5 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-b9b3a66{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-91cf0aa{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-cd4e13d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:14px 14px 14px 14px;box-shadow:2px 2px 20px -5px rgba(138, 138, 138, 0.5);--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-47417 .elementor-element.elementor-element-9a2a11d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:14px 14px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-9a2a11d:not(.elementor-motion-effects-element-type-background), .elementor-47417 .elementor-element.elementor-element-9a2a11d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DBCDE3;}.elementor-47417 .elementor-element.elementor-element-6c100f3 > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-47417 .elementor-element.elementor-element-6c100f3{text-align:center;}.elementor-47417 .elementor-element.elementor-element-6c100f3 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-9d35c3a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EEEEEE;--border-color:#EEEEEE;--border-radius:0px 0px 14px 14px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-b41784e > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-47417 .elementor-element.elementor-element-b41784e{text-align:center;}.elementor-47417 .elementor-element.elementor-element-b41784e .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-baff18c{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-4dfb166{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-f161d6b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:14px 14px 14px 14px;box-shadow:2px 2px 20px -5px rgba(138, 138, 138, 0.5);--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-47417 .elementor-element.elementor-element-fdb2730{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:14px 14px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-fdb2730:not(.elementor-motion-effects-element-type-background), .elementor-47417 .elementor-element.elementor-element-fdb2730 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D4D2F2;}.elementor-47417 .elementor-element.elementor-element-f2929fc > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-47417 .elementor-element.elementor-element-f2929fc{text-align:center;}.elementor-47417 .elementor-element.elementor-element-f2929fc .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-07dc4d9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EEEEEE;--border-color:#EEEEEE;--border-radius:0px 0px 14px 14px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-d08cad6 > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-47417 .elementor-element.elementor-element-d08cad6{text-align:center;}.elementor-47417 .elementor-element.elementor-element-d08cad6 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-7bd0ee9{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-e8f8058{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-fae7ef1{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:14px 14px 14px 14px;box-shadow:2px 2px 20px -5px rgba(138, 138, 138, 0.5);--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-47417 .elementor-element.elementor-element-e0fddc5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:14px 14px 0px 0px;}.elementor-47417 .elementor-element.elementor-element-e0fddc5:not(.elementor-motion-effects-element-type-background), .elementor-47417 .elementor-element.elementor-element-e0fddc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E8F7;}.elementor-47417 .elementor-element.elementor-element-a1873a8 > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-47417 .elementor-element.elementor-element-a1873a8{text-align:center;}.elementor-47417 .elementor-element.elementor-element-a1873a8 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-11430ce{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EEEEEE;--border-color:#EEEEEE;--border-radius:0px 0px 14px 14px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47417 .elementor-element.elementor-element-3b5e276 > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-47417 .elementor-element.elementor-element-3b5e276{text-align:center;}.elementor-47417 .elementor-element.elementor-element-3b5e276 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;}.elementor-47417 .elementor-element.elementor-element-1b9811c{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}.elementor-47417 .elementor-element.elementor-element-69652ae{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans Thai", Sans-serif;color:#000000;}@media(min-width:768px){.elementor-47417 .elementor-element.elementor-element-61c033d{--width:100%;}.elementor-47417 .elementor-element.elementor-element-f4549c8{--width:100%;}}@media(max-width:1366px){.elementor-47417 .elementor-element.elementor-element-a0eb80f{--grid-auto-flow:row;}.elementor-47417 .elementor-element.elementor-element-326587f{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-47417 .elementor-element.elementor-element-178b7b7{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-47417 .elementor-element.elementor-element-a0eb80f{--grid-auto-flow:row;}.elementor-47417 .elementor-element.elementor-element-326587f{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-47417 .elementor-element.elementor-element-178b7b7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-47417 .elementor-element.elementor-element-a0eb80f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-47417 .elementor-element.elementor-element-178b7b7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:1367px){.elementor-47417 .elementor-element.elementor-element-550ci3b:not(.elementor-motion-effects-element-type-background), .elementor-47417 .elementor-element.elementor-element-550ci3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-56b8d9a */[id$="pr"] {
    scroll-margin-top: 80px; /* ความสูง header */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7e58a6 */.hover-container {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.hover-container::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: all 0.3s ease;
}

.hover-container:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 6px 12px rgba(0, 0, 0, 0.15),
        0 12px 30px rgba(0, 0, 0, 0.25) !important;
}

.hover-container:hover::after {
    background: rgba(255,255,255,.12);;
}

.hover-container:active,
.hover-container.active {
    transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1832f46 */.chonburi-regular {
  font-family: "Chonburi", serif !important;
  font-weight: 400;
  font-style: normal;
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-e45fee6 */.chonburi-regular {
  font-family: "Chonburi", serif;
  font-weight: 400;
  font-style: normal;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79f30f7 */@media only screen and (max-width: 1240px) {
      .bg-tab {
        height: 14rem;
      }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9eb908e */: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-96fb811 */: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-e398d4f */: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-5a438ef */: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-99e4e3d */: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-f7a2d17 */: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-ac55620 */: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-f17b223 */: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 text-editor, class: .elementor-element-22d36dd */ul {
    margin: 0 0 0 3em !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be2e97d */: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-b400e5b */: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-4c0f161 */: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-2221e9f */: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-9eb908e */: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-96fb811 */: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-e398d4f */: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-5a438ef */: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-99e4e3d */: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-f7a2d17 */: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-ac55620 */: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-f17b223 */: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 text-editor, class: .elementor-element-22d36dd */ul {
    margin: 0 0 0 3em !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be2e97d */: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-b400e5b */: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-4c0f161 */: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-2221e9f */: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-9eb908e */: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-96fb811 */: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-e398d4f */: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-5a438ef */: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-99e4e3d */: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-f7a2d17 */: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-ac55620 */: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-f17b223 */: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 text-editor, class: .elementor-element-22d36dd */ul {
    margin: 0 0 0 3em !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be2e97d */: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-b400e5b */: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-4c0f161 */: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-2221e9f */: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-9eb908e */: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-96fb811 */: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-e398d4f */: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-5a438ef */: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-99e4e3d */: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-f7a2d17 */: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-ac55620 */: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-f17b223 */: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 text-editor, class: .elementor-element-22d36dd */ul {
    margin: 0 0 0 3em !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be2e97d */: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-b400e5b */: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-4c0f161 */: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-2221e9f */: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-9eb908e */: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-96fb811 */: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-e398d4f */: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-5a438ef */: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-99e4e3d */: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-f7a2d17 */: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-ac55620 */: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-f17b223 */: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 text-editor, class: .elementor-element-22d36dd */ul {
    margin: 0 0 0 3em !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be2e97d */: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-b400e5b */: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-4c0f161 */: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-2221e9f */: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-9eb908e */: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-96fb811 */: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-e398d4f */: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-5a438ef */: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-99e4e3d */: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-f7a2d17 */: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-ac55620 */: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-f17b223 */: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 text-editor, class: .elementor-element-22d36dd */ul {
    margin: 0 0 0 3em !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be2e97d */: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-b400e5b */: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-4c0f161 */: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-2221e9f */: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 */