/* fonts */
@font-face {
  font-family: "Optima";
  font-style: normal;
  font-weight: normal;
  src: local("Optima"), url("./fonts/Optima.woff2?v=1") format("woff2");
}
@font-face {
  font-family: "Optima";
  font-style: normal;
  font-weight: 700;
  src: local("Optima Bold"), url("./fonts/Optima_Bold.woff2?v=1") format("woff2");
}
@font-face {
  font-family: "Optima";
  font-style: italic;
  font-weight: normal;
  src: local("Optima Italic"), url("./fonts/Optima_Italic.woff2?v=1") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: normal;
  src: local("Mulish"), url("./fonts/Mulish-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: normal;
  src: local("Mulish"), url("./fonts/Mulish-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 500;
  src: local("Mulish"), url("./fonts/Mulish-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 500;
  src: local("Mulish"), url("./fonts/Mulish-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 700;
  src: local("Mulish"), url("./fonts/Mulish-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 700;
  src: local("Mulish"), url("./fonts/Mulish-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 800;
  src: local("Mulish"), url("./fonts/Mulish-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "DINPro";
  font-style: normal;
  font-weight: normal;
  src: local("DINPro"), url("./fonts/DINPro-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "DINPro";
  font-style: normal;
  font-weight: 500;
  src: local("DINPro"), url("./fonts/DINPro-Medium.woff2") format("woff2");
}
.banner .page-head {
  background: #F9B830;
  background: linear-gradient(90deg, #CF8500 0%, #FAB830 62.67%);
}
.banner .image-wrapper:after {
  background: none;
}

.layout-content .page-title {
  color: #FFFFFF;
  background: none;
  -webkit-text-fill-color: unset;
}
.layout-content .page-title.page-title-clone {
  -webkit-text-fill-color: unset;
}
.layout-content .col-image.style2 {
  margin-bottom: 40px;
}
.layout-content .col-image.style2 .image-wrapper {
  position: relative;
}
.layout-content .col-image.style2 .image-wrapper:before {
  content: "";
  background-color: #F9B830;
  width: 110%;
  display: block;
  z-index: -1;
  aspect-ratio: 705/420;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  border-top-left-radius: 120px;
  transition: opacity, transform 0.8s cubic-bezier(0.25, 0.75, 0.5, 1);
  transition-delay: 0.55s;
}
@media (min-width: 1200px) {
  .layout-content .col-image.style2 .image-wrapper:before {
    width: 115%;
    aspect-ratio: 760/420;
  }
}
.layout-content .col-image.style2 .image-wrapper:after {
  content: "";
  background-color: #231956;
  width: 120%;
  display: block;
  z-index: -2;
  aspect-ratio: 754/176;
  position: absolute;
  top: auto;
  left: auto;
  bottom: -52px;
  right: 0;
  border-top-left-radius: 120px;
  transition: opacity, transform 0.8s cubic-bezier(0.25, 0.75, 0.5, 1);
  transition-delay: 0.55s;
}
@media (min-width: 1200px) {
  .layout-content .col-image.style2 .image-wrapper:after {
    width: 130%;
  }
}
@media (max-width: 991px) {
  .layout-content .col-image.style2 {
    width: 100%;
    margin-left: auto;
    margin-bottom: 94px;
  }
  .layout-content .col-image.style2 img {
    border-top-right-radius: 40px;
    aspect-ratio: 328/222;
  }
  .layout-content .col-image.style2 .image-wrapper:before {
    left: -20px;
    aspect-ratio: 317/197;
    width: 100%;
  }
  .layout-content .col-image.style2 .image-wrapper::after {
    bottom: -36px;
    aspect-ratio: 375/89;
  }
}

body .region-content .body {
  color: #231956;
}
body .region-content .body h2 {
  color: #231956;
}
body .region-content .body h3 {
  color: #3E4CC8;
}
body .region-content .body .intro-cont {
  margin-top: 60px;
}
@media (max-width: 991px) {
  body .region-content .body .intro-cont {
    margin-top: 16px;
  }
}
body .region-content .com-text a {
  color: #231956;
}
body .region-content .com-accordion {
  background-color: #F5F5F8;
}
body .region-content .com-accordion .label {
  color: #231956;
}
body .region-content .btn.btn-border, body .region-content a.btn.btn-border {
  color: #231956;
  border-color: #231956;
}
body .region-content .btn.btn-border:hover, body .region-content a.btn.btn-border:hover {
  background-color: #231956;
  color: #F5F5F8;
}
body .region-content .with-bg {
  background-color: #F5F5F8;
}
body .region-content section.experience {
  margin-bottom: 36px;
}
@media (max-width: 991px) {
  body .region-content section.experience {
    margin-bottom: 70px;
  }
}
body .region-content section.experience h3 {
  font-family: "Optima", sans-serif;
  font-size: 1.5rem;
  color: #231956;
}
body .region-content section.experience .exp-title {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  body .region-content section.experience .exp-title {
    margin-bottom: 20px;
  }
}
body .region-content section.experience .exp-container {
  margin: 0 auto;
  background-color: #231956;
  color: #FFFFFF;
  padding: 70px;
  max-width: 1100px;
  border-top-left-radius: 120px;
  border-bottom-right-radius: 120px;
  position: relative;
}
@media (max-width: 991px) {
  body .region-content section.experience .exp-container {
    padding: 72px 28px 80px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
body .region-content section.experience #slick-main {
  max-width: 834px;
  margin: 0 auto;
  position: relative;
  background-color: #231956;
}
body .region-content section.experience #slick-main .item-head {
  margin-bottom: 20px;
}
body .region-content section.experience #slick-main .item-head .student {
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 800;
}
body .region-content section.experience #slick-main .item-head .info {
  color: #F9B830;
  line-height: 1.8em;
}
body .region-content section.experience #slick-main .image-container {
  height: 380px;
  margin-top: 20px;
  margin-bottom: 44px;
  position: relative;
  z-index: 1;
}
body .region-content section.experience #slick-main .image-container .img {
  height: 100%;
  background-size: cover;
  margin: 0 54px;
}
@media (max-width: 991px) {
  body .region-content section.experience #slick-main .image-container {
    height: auto;
    margin-bottom: 20px;
  }
  body .region-content section.experience #slick-main .image-container .img {
    padding-top: 52.5%;
    margin: 0;
  }
}
body .region-content section.experience .slick-image {
  max-width: 834px;
  overflow: hidden;
  position: absolute;
  top: 210px;
  left: 0;
  bottom: auto;
  right: 0;
}
body .region-content section.experience .slick-image .slick-list {
  overflow: visible;
}
body .region-content section.experience .slick-image .image-container {
  height: 380px;
}
body .region-content section.experience .slick-image .slick-slide {
  width: 225px;
  padding-left: 40px;
  /* &.slick-current {
      width: 834px;
      padding: 0 54px;
      .img {
          padding-top: 52.5%;
      }
      & + .slick-slide {
          padding: 0;
          width: 185px;
      }
  } */
}
body .region-content section.experience .slick-image .slick-slide .img {
  width: 100%;
  padding-top: 131.5%;
  margin-top: auto;
  background-size: cover;
}
body .region-content section.experience .slick-image .slick-initialized .slick-slide {
  display: flex;
}
body .region-content section.experience .slick-image#slick-image-prev {
  left: -36%;
  right: 50%;
}
body .region-content section.experience .slick-image#slick-image-next {
  left: calc(100% - 173px);
  right: -50%;
}
body .region-content section.apply-now {
  background: #EFF0FF;
}
body .region-content section.apply-now h2 {
  color: #231956;
}
body .region-content section.full-w-image .image-wrapper::before {
  background: #231956;
}
body .region-content section.curriculum {
  /* .filter-item {
      h3 {
          color: $colorYellow2;
      }
  } */
}
body .region-content section.curriculum .course-list {
  background-color: #F8F4FF;
}
body .region-content section.curriculum .course-list:after {
  background-color: #F9B830;
}
body .region-content section.curriculum .course-list h3 {
  color: #A66F0A;
}
body .region-content section.curriculum .course-list .item-list > li > a {
  color: #231956;
}
body .region-content section.curriculum .m-course-list-wrapper:nth-child(9n+4) .course-list, body .region-content section.curriculum .m-course-list-wrapper:nth-child(9n+5) .course-list, body .region-content section.curriculum .m-course-list-wrapper:nth-child(9n+6) .course-list {
  background-color: #FFFEF3;
}
@media (max-width: 991px) {
  body .region-content section.curriculum .m-course-list-wrapper .course-list {
    background-color: #F5F5F8;
  }
  body .region-content section.curriculum .m-course-list-wrapper:nth-child(even) .course-list {
    background-color: #F5F5F8;
  }
}
body .region-content section.course-desc h3 {
  color: #A66F0A;
}
body .region-content section.schedule .path {
  align-items: normal;
  min-width: 1166px;
}
@media (max-width: 991px) {
  body .region-content section.schedule .path {
    min-width: auto;
  }
}
body .region-content section.schedule .path .col {
  width: 195px;
}
body .region-content section.schedule .path .col.col-width-2 {
  width: 180px;
}
body .region-content section.schedule .path .col.col-period-spacer {
  width: 46px;
}
body .region-content section.schedule .path .col .row:first-child {
  min-height: 72px;
}
body .region-content section.schedule .path .col .row .term-label {
  background-color: #F5F5F8;
}
body .region-content section.schedule .path .col .row .period-wrapper .period .period-label {
  background-color: #686A97;
}
body .region-content section.schedule .path .col .row .period-wrapper .period .details {
  background-color: #231956;
  height: 238px;
}
@media (max-width: 991px) {
  body .region-content section.schedule .path .col .row .period-wrapper .period .details {
    height: auto;
  }
}
body .region-content section.schedule .path .col .row .period-wrapper .period.period-spacer {
  width: 46px;
}
body .region-content section.schedule .path .col .row .period-wrapper .period.period-spacer div {
  background-color: transparent;
}
body .region-content section.schedule .path .col .row .period-wrapper .period.period-spacer .details {
  background-color: transparent;
}
body .region-content section.schedule .path .col .row .period-wrapper .period.period-spacer .details:after {
  background-image: url("../img/icon/next-style2-purple.svg");
}
body .region-content section.schedule .path .col.col-cems {
  width: 278px;
}
@media (max-width: 991px) {
  body .region-content section.schedule .path .col.col-cems {
    width: 180px;
  }
}
body .region-content section.schedule .path .col.col-cems .row .period-wrapper .period .period-label {
  background-color: #F9B830;
}
body .region-content section.schedule .path .col.col-cems .row .period-wrapper .period .details {
  background-color: #DE9614;
}
body .region-content section.schedule .path-note {
  margin-left: 215px;
  width: 956px;
  background-color: #F5F5F8;
}
@media (max-width: 991px) {
  body .region-content section.schedule .path-note {
    margin-left: 0;
  }
}
body .region-content section.schedule .tabs {
  background-color: #F5F5F8;
}
body .region-content section.schedule .tabs a {
  color: #231956;
}
body .region-content section.schedule .tabs a.active {
  color: #231956;
}
body .region-content section.schedule .tabs a.active:after {
  background-color: #3E4CC8;
}
@media (max-width: 991px) {
  body .region-content section.intro .col-image.style2 {
    margin-bottom: 94px;
  }
}
body .region-content .slick-nav-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 64px;
}
@media (max-width: 991px) {
  body .region-content .slick-nav-container {
    margin-top: 42px;
  }
}
body .region-content .slick-nav-container .slick-dots {
  display: flex;
  margin: 0 24px;
}
body .region-content .slick-nav-container .slick-dots li + li {
  margin-top: 0;
  margin-left: 8px;
}
body .region-content .slick-nav-container .slick-dots li button {
  font-size: 0;
  line-height: 0;
  width: 14px;
  height: 14px;
  border: 2px solid #231956;
  background-color: #F9B830;
  border-radius: 100%;
  display: block;
  padding: 0;
}
body .region-content .slick-nav-container .slick-dots li.slick-active button {
  border-color: #F9B830;
  background-color: #231956;
}
body .region-content .slick-nav-container .slick-nav {
  display: flex;
}
body .region-content .slick-nav-container .slick-nav button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 0 12px;
  background-color: transparent;
  border: none;
}
body .region-content .slick-nav-container .slick-nav button.slick-prev:before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-image: url("../img/icon/m-prev-yellow.svg");
  background-repeat: no-repeat;
  width: 8px;
  height: 14px;
}
body .region-content .slick-nav-container .slick-nav button.slick-next:before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-image: url("../img/icon/m-next-yellow.svg");
  background-repeat: no-repeat;
  width: 8px;
  height: 14px;
}
body .region-content .form .form-wrapper .form-subheading {
  color: #231956;
}
body .region-content .form .form-wrapper .form-element input[type=checkbox]:checked:before {
  background-color: #7483D1;
}
body .region-content .accordion-group .accordion-bulk-control a.btn:after {
  background-image: url("../img/icon/expand-cems.svg");
}/*# sourceMappingURL=cems.css.map */