.elementor-4151 .elementor-element.elementor-element-49b0f38{--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;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-4151 .elementor-element.elementor-element-24d8b4d{--display:flex;--min-height:28.82vw;--overlay-opacity:0.5;--border-radius:32px 32px 32px 32px;--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-4151 .elementor-element.elementor-element-24d8b4d:not(.elementor-motion-effects-element-type-background), .elementor-4151 .elementor-element.elementor-element-24d8b4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-4151 .elementor-element.elementor-element-24d8b4d::before, .elementor-4151 .elementor-element.elementor-element-24d8b4d > .elementor-background-video-container::before, .elementor-4151 .elementor-element.elementor-element-24d8b4d > .e-con-inner > .elementor-background-video-container::before, .elementor-4151 .elementor-element.elementor-element-24d8b4d > .elementor-background-slideshow::before, .elementor-4151 .elementor-element.elementor-element-24d8b4d > .e-con-inner > .elementor-background-slideshow::before, .elementor-4151 .elementor-element.elementor-element-24d8b4d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://kclab.kmitl.ac.th/wp-content/uploads/2025/07/0c9fd8d21ef6f9f2148b970f9f69dc8540af8b1f.png");--background-overlay:'';background-position:bottom right;background-repeat:no-repeat;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4151 .elementor-element.elementor-element-dda6386 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}body:not(.rtl) .elementor-4151 .elementor-element.elementor-element-dda6386{left:32px;}body.rtl .elementor-4151 .elementor-element.elementor-element-dda6386{right:32px;}.elementor-4151 .elementor-element.elementor-element-dda6386{bottom:20px;}.elementor-4151 .elementor-element.elementor-element-dda6386 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:64px;font-weight:400;color:var( --e-global-color-astglobalcolor2 );}.elementor-4151 .elementor-element.elementor-element-c38b8a2{--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;--margin-top:16px;--margin-bottom:-16px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:8px;--padding-right:8px;}.elementor-4151 .elementor-element.elementor-element-7a318e8 > .elementor-widget-container{background-color:var( --e-global-color-astglobalcolor5 );margin:0px 0px 16px 0px;border-radius:50px 50px 50px 50px;}.elementor-4151 .elementor-element.elementor-element-d76b488{--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:16px;--padding-bottom:84px;--padding-left:36px;--padding-right:36px;}.elementor-widget-archive-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4151 .elementor-element.elementor-element-691d715{--grid-row-gap:24px;--grid-column-gap:24px;}.elementor-4151 .elementor-element.elementor-element-691d715 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-4151 .elementor-element.elementor-element-691d715:after{content:"0.66";}.elementor-4151 .elementor-element.elementor-element-691d715 .elementor-post__thumbnail__link{width:100%;}.elementor-4151 .elementor-element.elementor-element-691d715 .elementor-post__meta-data span + span:before{content:"•";}.elementor-4151 .elementor-element.elementor-element-691d715 .elementor-post__card{border-color:#D9D9D9;border-width:1px;border-radius:36px;padding-top:0px;padding-bottom:0px;}.elementor-4151 .elementor-element.elementor-element-691d715 .elementor-post__text{padding:0 24px;margin-top:0px;}.elementor-4151 .elementor-element.elementor-element-691d715 .elementor-post__meta-data{padding:10px 24px;}.elementor-4151 .elementor-element.elementor-element-691d715 .elementor-post__avatar{padding-right:24px;padding-left:24px;}.elementor-4151 .elementor-element.elementor-element-691d715 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-4151 .elementor-element.elementor-element-691d715 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-4151 .elementor-element.elementor-element-691d715 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4151 .elementor-element.elementor-element-691d715 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4151 .elementor-element.elementor-element-691d715 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-4151 .elementor-element.elementor-element-db08e55 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-4151 .elementor-element.elementor-element-691d715 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-4151 .elementor-element.elementor-element-691d715:after{content:"0.5";}.elementor-4151 .elementor-element.elementor-element-691d715 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-49b0f38 */.ast-container {
    margin: 0px;
    padding: 0px;
    max-width: unset;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a318e8 *//* Container styling */
.searchandfilter {
  background: unset;
  padding: 15px;
  border-radius: 10px;
  width: 100vw;
  max-width: 100%;
}

/* Form layout */
.searchandfilter ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Individual fields */
.searchandfilter li {
  display: flex;
}

/* Text input */
.searchandfilter input[type="text"] {
  width: calc( (100vw - 190px) * 0.49 );
  padding: 0.6rem;
  border: 1px solid var(--e-global-color-secondary);
  border-radius: 36px;
  font-size: 1rem;
  color: var(--e-global-color-text);
}

/* Select dropdown */
.searchandfilter select {
  width: calc( (100vw - 190px) * 0.4 );
  padding: 0.6rem;
  border: 1px solid var(--e-global-color-secondary);
  border-radius: 36px;
  font-size: 1rem;
  color: var(--e-global-color-text);
}

/* Submit button */
.searchandfilter input[type="submit"] {
  background-color: var(--e-global-color-primary); /* #E35205 */
  color: #fff;
  border: none;
  padding: 0.6rem 1.2rem;
  border-radius: 36px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s ease;
  width: 160px;
}

.searchandfilter input[type="submit"]:hover {
  background-color: var(--e-global-color-accent); /* #0532E3 */
}
@media (max-width: 800px) {
  .searchandfilter ul {
    flex-wrap: wrap;
  }

  .searchandfilter input[type="text"] {
    width: calc(100vw - 55px);
  }
  .searchandfilter select {
    width: calc( 100vw - 170px );
  }
  .searchandfilter input[type="submit"] {
    width:80px;
  }
}/* End custom CSS */
/* Start custom CSS for archive-posts, class: .elementor-element-691d715 */.custom-post .elementor-pagination{
    display: flex;
    justify-content: end;
    gap:4px;
    margin-top: 16px;
}
.custom-post .elementor-pagination .page-numbers{
    display: flex;
    width: 48px;
    height: 48px;
    padding: 8px 22px;
    justify-content: center;
    align-items: center;
    border-radius: 36px;
    border: 1px solid var(--Outline, #D9D9D9);
    background: var(--Brand-White, #FFF);
}
.custom-post .elementor-pagination .page-numbers.current{
    color: #fff;
    border-radius: 36px;
    border: 1px solid var(--Outline, #D9D9D9);
    background: var(--Brand-Orange, #E35205);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d76b488 */#mainconcus{
    max-width: 1440px;
    margin: auto;
}/* End custom CSS */