.elementor-15431 .elementor-element.elementor-element-ae17abf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--align-items:center;--background-transition:0.3s;}.elementor-15431 .elementor-element.elementor-element-274444c{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-15431 .elementor-element.elementor-element-540b505 .elementor-heading-title{color:#513DB8;font-family:"Inter", Sarabun;font-size:36px;font-weight:800;font-style:normal;}.elementor-15431 .elementor-element.elementor-element-540b505 > .elementor-widget-container{margin:80px 0px 50px 0px;padding:1rem 0rem 1rem 0rem;}.elementor-15431 .elementor-element.elementor-element-540b505{width:var( --container-widget-width, 82.887% );max-width:82.887%;--container-widget-width:82.887%;--container-widget-flex-grow:0;}.elementor-15431 .elementor-element.elementor-element-540b505.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15431 .elementor-element.elementor-element-96b6544{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:flex-end;--align-items:flex-end;--background-transition:0.3s;}.elementor-15431 .elementor-element.elementor-element-6de161d{color:#7767BA;font-size:20px;font-weight:400;}.elementor-15431 .elementor-element.elementor-element-8af3b42 .ue-remote-carousel-navigation-wrapper{justify-content:flex-end;}.elementor-15431 .elementor-element.elementor-element-8af3b42 .ue-remote-carousel-navigation{flex-direction:row;gap:15px;}.elementor-15431 .elementor-element.elementor-element-8af3b42 .ue-remote-arrow{flex-direction:row;gap:10px;min-width:50px;min-height:50px;border-radius:100px 100px 100px 100px;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-15431 .elementor-element.elementor-element-8af3b42 .ue-carousel-nav-label{color:#ffffff;}.elementor-15431 .elementor-element.elementor-element-8af3b42 .ue-remote-arrow .ue-carousel-nav-icon{color:#7767BA;}.elementor-15431 .elementor-element.elementor-element-8af3b42 button .ue-carousel-nav-icon svg{fill:#7767BA;}.elementor-15431 .elementor-element.elementor-element-8af3b42 .ue-carousel-nav-icon{font-size:20px;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-item{transform:scale(1,1);}.elementor-15431 .elementor-element.elementor-element-0d406a7 .uc-active-item .ue-item{transform:scale(1,1);}.elementor-15431 .elementor-element.elementor-element-0d406a7 .carousel-image{height:250px;background-size:cover;opacity:100%;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .uc-active-item .carousel-image{opacity:100%;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .uc_image_carousel_container_holder{text-align:center;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-content-holder{justify-content:start;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .content-padding{padding:20px 20px 20px 20px;min-height:0px;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .uc_image_carousel_content{background-color:#efefef;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-title{color:#000000;margin-top:0px;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-text{color:#686868;margin-top:10px;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .uc_more_btn{padding:10px 20px 10px 20px;border-radius:15px;background-color:#d3d3d3;color:#000000;margin-top:10px;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .uc_more_btn svg{fill:#000000;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-btn-inner-wrapper{gap:10px;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-nav .owl-prev{left:0px;right:auto;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-nav .owl-next{right:0px;left:auto;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-carousel .owl-nav .owl-next,.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-carousel .owl-nav .owl-prev{top:90px;border-radius:0px;width:62px;height:62px;line-height:62px;font-size:24px;background-color:#ffffff;color:#000000;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-carousel .owl-nav .owl-next:hover,.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-carousel .owl-nav .owl-prev:hover{background-color:#000000;color:#ffffff;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-carousel .owl-nav svg{fill:#000000!important;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-carousel .owl-nav .owl-next:hover svg,.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-carousel .owl-nav .owl-prev:hover svg{fill:#ffffff!important;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-dot.active{background-color:#000000;}.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-dots{margin-top:20px;}.elementor-15431 .elementor-element.elementor-element-3fd976e0{text-align:center;}.elementor-15431 .elementor-element.elementor-element-4bc011d6{text-align:center;}.elementor-15431 .elementor-element.elementor-element-a617b85{text-align:center;}.elementor-15431 .elementor-element.elementor-element-141125d{text-align:center;}.elementor-15431 .elementor-element.elementor-element-4180a939{--spacer-size:50px;}.elementor-15431 .elementor-element.elementor-element-e81d78b{text-align:center;}.elementor-15431 .elementor-element.elementor-element-5893421.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15431 .elementor-element.elementor-element-4cb85da{text-align:center;}.elementor-15431 .elementor-element.elementor-element-c5e5260{text-align:center;}.elementor-15431 .elementor-element.elementor-element-3eddaa9{text-align:center;}.elementor-15431 .elementor-element.elementor-element-f239acf{--spacer-size:50px;}.elementor-15431 .elementor-element.elementor-element-1fa889d{text-align:center;}.elementor-15431 .elementor-element.elementor-element-71acd88.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15431 .elementor-element.elementor-element-94cac12{text-align:center;}.elementor-15431 .elementor-element.elementor-element-ec7b6c3{text-align:center;}.elementor-15431 .elementor-element.elementor-element-77d8b2d{text-align:center;}.elementor-15431 .elementor-element.elementor-element-07a202a{--spacer-size:50px;}.elementor-15431 .elementor-element.elementor-element-4eba444{text-align:center;}.elementor-15431 .elementor-element.elementor-element-479a6ad.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15431 .elementor-element.elementor-element-2481ae2{text-align:center;}.elementor-15431 .elementor-element.elementor-element-17ae83b{text-align:center;}.elementor-15431 .elementor-element.elementor-element-7bb8c52{text-align:center;}.elementor-15431 .elementor-element.elementor-element-633b84d{--spacer-size:50px;}.elementor-15431 .elementor-element.elementor-element-6c74e78{text-align:center;}.elementor-15431 .elementor-element.elementor-element-5cf70d3.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15431 .elementor-element.elementor-element-954a8f1{text-align:center;}.elementor-15431 .elementor-element.elementor-element-25f7bb3{text-align:center;}.elementor-15431 .elementor-element.elementor-element-6ef6707{text-align:center;}.elementor-15431 .elementor-element.elementor-element-f9afd88{text-align:center;}.elementor-15431 .elementor-element.elementor-element-2fd4813.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15431 .elementor-element.elementor-element-a000beb{text-align:center;}.elementor-15431 .elementor-element.elementor-element-b7a4588{text-align:center;}.elementor-15431 .elementor-element.elementor-element-065f7e6{text-align:center;}/* Start custom CSS for ucaddon_content_carousel_new, class: .elementor-element-0d406a7 *//* ===== ตัว item หลัก ===== */
.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-item{
  position: relative;
  overflow: visible !important;
  min-height: 170px;
  padding-top: 88px; /* เผื่อพื้นที่ให้รูปเด้งขึ้น */
  cursor: pointer;
}

/* บล็อก content ไม่ต้องมีพื้นหลัง */
.elementor-15431 .elementor-element.elementor-element-0d406a7 .uc_image_carousel_content,
.elementor-15431 .elementor-element.elementor-element-0d406a7 .uc_image_carousel_content-wrapper,
.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-content-holder{
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ===== title ให้กลายเป็นปุ่ม ===== */
.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-title{
  position: relative;
  z-index: 30;

  display: flex;
  align-items: center;
  justify-content: space-between;

  min-height: 60px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;

  border-radius: 24px;
  background: #FFF;

  color: #352A64 !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;

  box-shadow: 0 4px 16.4px rgba(0, 0, 0, 0.12);
}

.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-title::before{
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 30px;

  border: 3px solid #8E79FF;
  background: transparent;

  z-index: 5;
}

/* ===== รูป hover 2 ชั้น ===== */
.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-item::before,
.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-item::after{
  content: "";
  position: absolute;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform-origin: bottom center;
}

/* รูปหลัง */
.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-item::before{
  z-index: 10;
  width: 78%;
  aspect-ratio: 245 / 140;
  bottom: 42px;
  background-image: url("https://pcm-dev.ksta.co/wp-content/uploads/2026/04/Rectangle-161124406.png");
  transform: translateX(-42%) translateY(18px) rotate(3deg);
  transition:
    opacity 0.28s ease 0.08s,
    transform 0.28s ease 0.08s,
    visibility 0.28s ease 0.08s;
}

/* รูปหน้า */
.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-item::after{
  z-index: 20;
  width: 78%;
  aspect-ratio: 245 / 140;
  bottom: 42px;
  background-image: url("https://pcm-dev.ksta.co/wp-content/uploads/2026/04/Group-1597880249.png");
  transform: translateX(-55%) translateY(14px);
  transition:
    opacity 0.28s ease,
    transform 0.28s ease,
    visibility 0.28s ease;
}

.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-title:hover{
    color: #7E6CC8 !important;
}

/* hover ทั้ง card */
.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-item:hover::before,
.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-item:hover::after{
  opacity: 1;
  visibility: visible;
}

/* รูปหน้าขึ้นก่อน */
.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-item:hover::after{
  transform: translateX(-50%) translateY(-8px);
}

/* รูปหลังขึ้นตาม */
.elementor-15431 .elementor-element.elementor-element-0d406a7 .ue-item:hover::before{
  transform: translateX(-42%) translateY(-25px) rotate(3deg);
}



/* ระยะห่าง card */
.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-item{
  padding-top: 8px;
  padding-bottom: 10px;
}

.elementor-15431 .elementor-element.elementor-element-0d406a7 .owl-item{
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 7px;
  padding-right: 7px;
  box-sizing: border-box;
}

.elementor-15431 .elementor-element.elementor-element-0d406a7 .uc_image_carousel_content-wrapper a{
  text-decoration: none !important;
  color: inherit !important;
}/* End custom CSS */