.elementor-46332 .elementor-element.elementor-element-c64b0fb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46332 .elementor-element.elementor-element-c64b0fb:not(.elementor-motion-effects-element-type-background), .elementor-46332 .elementor-element.elementor-element-c64b0fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CDB8F547;}.elementor-46332 .elementor-element.elementor-element-1929ccb{--display:flex;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:0rem 0rem 2rem 0rem;--border-top-width:0rem;--border-right-width:0rem;--border-bottom-width:2rem;--border-left-width:0rem;border-color:#460763;--border-color:#460763;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-46332 .elementor-element.elementor-element-1929ccb:not(.elementor-motion-effects-element-type-background), .elementor-46332 .elementor-element.elementor-element-1929ccb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.iccs.ac.th/wp-content/uploads/2026/02/study-banner.png");}.elementor-46332 .elementor-element.elementor-element-1929ccb::before, .elementor-46332 .elementor-element.elementor-element-1929ccb > .elementor-background-video-container::before, .elementor-46332 .elementor-element.elementor-element-1929ccb > .e-con-inner > .elementor-background-video-container::before, .elementor-46332 .elementor-element.elementor-element-1929ccb > .elementor-background-slideshow::before, .elementor-46332 .elementor-element.elementor-element-1929ccb > .e-con-inner > .elementor-background-slideshow::before, .elementor-46332 .elementor-element.elementor-element-1929ccb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#460763;--background-overlay:'';}.elementor-46332 .elementor-element.elementor-element-765a5ab{--spacer-size:6rem;}.elementor-46332 .elementor-element.elementor-element-60bde9f > .elementor-widget-container{padding:2rem 2rem 2rem 0rem;}.elementor-46332 .elementor-element.elementor-element-60bde9f{text-align:center;}.elementor-46332 .elementor-element.elementor-element-60bde9f .elementor-heading-title{font-family:"Chonburi", Sans-serif;text-shadow:4px 4px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-46332 .elementor-element.elementor-element-d8fedcc{--spacer-size:6rem;}.elementor-46332 .elementor-element.elementor-element-783927c{--spacer-size:3rem;}.elementor-46332 .elementor-element.elementor-element-43387cd{--display:flex;}.elementor-46332 .elementor-element.elementor-element-943992e{--display:flex;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-46332 .elementor-element.elementor-element-7a4f6ba{--spacer-size:2rem;}.elementor-46332 .elementor-element.elementor-element-cf878a4 > .elementor-widget-container{padding:2rem 2rem 2rem 2rem;}.elementor-46332 .elementor-element.elementor-element-cf878a4{text-align:center;}.elementor-46332 .elementor-element.elementor-element-cf878a4 .elementor-heading-title{font-family:"Chonburi", Sans-serif;font-size:34px;font-weight:600;letter-spacing:1px;color:#705818;}.elementor-46332 .elementor-element.elementor-element-6609862 > .elementor-widget-container{padding:0rem 0rem 1rem 0rem;}.elementor-46332 .elementor-element.elementor-element-6609862{text-align:center;}.elementor-46332 .elementor-element.elementor-element-6609862 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:500;}.elementor-46332 .elementor-element.elementor-element-98101e0{--divider-border-style:solid;--divider-color:#47443CC9;--divider-border-width:2px;}.elementor-46332 .elementor-element.elementor-element-98101e0 .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-46332 .elementor-element.elementor-element-98101e0 .elementor-divider{text-align:center;}.elementor-46332 .elementor-element.elementor-element-cb3e7aa{--spacer-size:3rem;}.elementor-46332 .elementor-element.elementor-element-348fb61{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-46332 .elementor-element.elementor-element-85698e8 > .elementor-widget-container{padding:32px 32px 32px 74px;}.elementor-46332 .elementor-element.elementor-element-85698e8 .elementor-heading-title{font-family:"Chonburi", Sans-serif;font-size:34px;font-weight:600;letter-spacing:1px;color:#705818;}.elementor-46332 .elementor-element.elementor-element-64de64a{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-46332 .elementor-element.elementor-element-f434279{--display:flex;}.elementor-46332 .elementor-element.elementor-element-d11a008{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-2f1c06a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46332 .elementor-element.elementor-element-efcab71{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-77728e9{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-77728e9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46332 .elementor-element.elementor-element-77728e9 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46332 .elementor-element.elementor-element-77728e9 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46332 .elementor-element.elementor-element-58e99e5{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-73d66ed{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-73d66ed > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46332 .elementor-element.elementor-element-73d66ed .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46332 .elementor-element.elementor-element-73d66ed .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46332 .elementor-element.elementor-element-5e6daca{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-4ab896c{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-4ab896c .elementor-divider-separator{width:100%;}.elementor-46332 .elementor-element.elementor-element-4ab896c .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46332 .elementor-element.elementor-element-29f6667{--display:flex;}.elementor-46332 .elementor-element.elementor-element-458602e{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-41c4fc4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46332 .elementor-element.elementor-element-36023e6{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-551d2d3{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-551d2d3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46332 .elementor-element.elementor-element-551d2d3 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46332 .elementor-element.elementor-element-551d2d3 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46332 .elementor-element.elementor-element-05c1b60{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-eb37fb8{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-eb37fb8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46332 .elementor-element.elementor-element-eb37fb8 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46332 .elementor-element.elementor-element-eb37fb8 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46332 .elementor-element.elementor-element-0a86036{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-b00e8f1{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-b00e8f1 .elementor-divider-separator{width:100%;}.elementor-46332 .elementor-element.elementor-element-b00e8f1 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46332 .elementor-element.elementor-element-f803ab1{--display:flex;}.elementor-46332 .elementor-element.elementor-element-a4cc334{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-7ca2d9e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46332 .elementor-element.elementor-element-716e66c{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-8186cad{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-8186cad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46332 .elementor-element.elementor-element-8186cad .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46332 .elementor-element.elementor-element-8186cad .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46332 .elementor-element.elementor-element-24b6c5a{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-0a1c24c{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-0a1c24c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46332 .elementor-element.elementor-element-0a1c24c .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46332 .elementor-element.elementor-element-0a1c24c .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46332 .elementor-element.elementor-element-a247727{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-b4c6683{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-b4c6683 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46332 .elementor-element.elementor-element-b4c6683 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46332 .elementor-element.elementor-element-b4c6683 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46332 .elementor-element.elementor-element-5510487{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-de51c67{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-de51c67 .elementor-divider-separator{width:100%;}.elementor-46332 .elementor-element.elementor-element-de51c67 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46332 .elementor-element.elementor-element-1b26b15{--display:flex;}.elementor-46332 .elementor-element.elementor-element-860b217{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-6bb269f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46332 .elementor-element.elementor-element-1c4d53b{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-f8b1b09{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-f8b1b09 .elementor-divider-separator{width:100%;}.elementor-46332 .elementor-element.elementor-element-f8b1b09 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46332 .elementor-element.elementor-element-9ecd707{--display:flex;}.elementor-46332 .elementor-element.elementor-element-5406569{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-99222dc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46332 .elementor-element.elementor-element-224426b{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-b0280f9{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-b0280f9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46332 .elementor-element.elementor-element-b0280f9 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-46332 .elementor-element.elementor-element-b0280f9 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-46332 .elementor-element.elementor-element-8eeca9f{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-6ba9392{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-6ba9392 .elementor-divider-separator{width:100%;}.elementor-46332 .elementor-element.elementor-element-6ba9392 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46332 .elementor-element.elementor-element-0d8e8d5{--display:flex;}.elementor-46332 .elementor-element.elementor-element-746bd58{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-de16e8f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46332 .elementor-element.elementor-element-6fb3f9f{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-d9efa56{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-d9efa56 .elementor-divider-separator{width:100%;}.elementor-46332 .elementor-element.elementor-element-d9efa56 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46332 .elementor-element.elementor-element-d573a54{--display:flex;}.elementor-46332 .elementor-element.elementor-element-156b9e1{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-4b16e3f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46332 .elementor-element.elementor-element-0926e96{width:100%;max-width:100%;}.elementor-46332 .elementor-element.elementor-element-077c7d9{--divider-border-style:solid;--divider-color:#5E5E5E;--divider-border-width:1px;}.elementor-46332 .elementor-element.elementor-element-077c7d9 .elementor-divider-separator{width:100%;}.elementor-46332 .elementor-element.elementor-element-077c7d9 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-46332 .elementor-element.elementor-element-f8c9428{--spacer-size:9rem;}/* Start custom CSS for heading, class: .elementor-element-60bde9f */.chonburi-regular {
  font-family: "Chonburi", serif !important;
  font-weight: 400;
  font-style: normal;
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-d8fedcc */.chonburi-regular {
  font-family: "Chonburi", serif;
  font-weight: 400;
  font-style: normal;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d11a008 */:root {
    --primary-outer: #9575cd;
    --primary-inner: #593894;
    --dark-grey: #555555;
    --text-main: #616161;
    --bg-light: #D1C3EB;
}

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

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

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

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

}

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

}

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

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

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

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

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

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

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

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

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

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

.degree-header {
    color: #020202;
}

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

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

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

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

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

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

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

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

}

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

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

}

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

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

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

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

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

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

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

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

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

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

.degree-header {
    color: #020202;
}

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

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

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

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

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

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

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

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

}

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

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

}

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

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

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

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

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

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

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

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

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

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

.degree-header {
    color: #020202;
}

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

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

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

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

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

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

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

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

}

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

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

}

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

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

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

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

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

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

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

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

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

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

.degree-header {
    color: #020202;
}

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

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

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

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

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

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

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

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

}

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

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

}

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

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

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

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

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

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

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

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

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

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

.degree-header {
    color: #020202;
}

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

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

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

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

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

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

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

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

}

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

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

}

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

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

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

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

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

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

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

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

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

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

.degree-header {
    color: #020202;
}

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

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

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

.btn-mauve { background-color: var(--primary-inner); }
.btn-mauve:hover {
    background-color: #40276D;
    color: var(--bg-light);
}
.btn-dark { background-color: var(--dark-grey); }/* End custom CSS */