.elementor-6939 .elementor-element.elementor-element-048a0f6{--display:flex;--min-height:300px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-6939 .elementor-element.elementor-element-048a0f6:not(.elementor-motion-effects-element-type-background), .elementor-6939 .elementor-element.elementor-element-048a0f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEE7D9;}.elementor-6939 .elementor-element.elementor-element-ce8597a{z-index:1;}.elementor-6939 .elementor-element.elementor-element-c90ab39{--display:flex;--min-height:300px;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-300px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;overflow:visible;}.elementor-6939 .elementor-element.elementor-element-c90ab39 > .elementor-shape-bottom .elementor-shape-fill, .elementor-6939 .elementor-element.elementor-element-c90ab39 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#E2D6B9;}.elementor-6939 .elementor-element.elementor-element-c90ab39 > .elementor-shape-bottom svg, .elementor-6939 .elementor-element.elementor-element-c90ab39 > .e-con-inner > .elementor-shape-bottom svg{width:calc(130% + 1.3px);height:15em;}.elementor-6939 .elementor-element.elementor-element-908d656{padding:0px 0px 020px 0px;}.elementor-6939 .elementor-element.elementor-element-908d656 img{width:299px;}.elementor-6939 .elementor-element.elementor-element-1a238f1{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-6939 .elementor-element.elementor-element-f9186ea{--spacer-size:15px;}.elementor-6939 .elementor-element.elementor-element-e8ef96e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-6939 .elementor-element.elementor-element-d771a94{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;overflow:visible;}.elementor-6939 .elementor-element.elementor-element-d771a94:not(.elementor-motion-effects-element-type-background), .elementor-6939 .elementor-element.elementor-element-d771a94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6939 .elementor-element.elementor-element-70090ba{--display:flex;--padding-top:20px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;overflow:visible;}.elementor-6939 .elementor-element.elementor-element-64a1681{padding:0px 0px 0px 0px;}.elementor-6939 .elementor-element.elementor-element-64a1681.elementor-element{--align-self:center;}.elementor-6939 .elementor-element.elementor-element-64a1681.elementor-arrows-yes .elementor-main-swiper{width:calc( 90% - 40px );}.elementor-6939 .elementor-element.elementor-element-64a1681 .elementor-main-swiper{width:90%;}.elementor-6939 .elementor-element.elementor-element-64a1681 .elementor-main-swiper .swiper-slide{background-color:#FFFFFF;border-width:0px 0px 0px 0px;border-radius:20px;border-color:#FFDF00;}.elementor-6939 .elementor-element.elementor-element-64a1681 .elementor-swiper-button{font-size:21px;color:#000000;}.elementor-6939 .elementor-element.elementor-element-64a1681 .elementor-swiper-button svg{fill:#000000;}.elementor-6939 .elementor-element.elementor-element-64a1681 .elementor-testimonial__header{background-color:#FFFFFF;}.elementor-6939 .elementor-element.elementor-element-64a1681 .elementor-testimonial__header, .elementor-6939 .elementor-element.elementor-element-64a1681 .elementor-testimonial__name{font-size:17px;}.elementor-6939 .elementor-element.elementor-element-64a1681 .elementor-testimonial__text{font-size:15px;font-weight:500;line-height:23px;}.elementor-6939 .elementor-element.elementor-element-64a1681 .elementor-testimonial__image + cite{margin-inline-start:9px;margin-inline-end:0;}.elementor-6939 .elementor-element.elementor-element-64a1681 .elementor-testimonial__image img{border-radius:100px;}.elementor-6939 .elementor-element.elementor-element-a040b2a{--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;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-nav .elementor-repeater-item-d9cb308 .elementkit-nav-link{z-index:0;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-nav .elementor-repeater-item-c6ed4ff .elementkit-nav-link{z-index:0;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-nav .elementkit-nav-link{background-color:#F1EBD2;text-align:center;padding:10px 10px 10px 10px;color:#000000;border-style:double;border-width:1px 1px 1px 1px;border-color:#C0B379;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-nav .elementkit-nav-link.active{background-color:#FFFFFF;color:#000;border-style:solid;border-color:#FFFFFF;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-wraper .elementkit-nav-link.left-pos .elementskit-tab-icon{margin-right:3%;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-wraper .elementkit-nav-link.left-pos .ekit-icon-image{margin-right:3%;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-wraper .elementkit-nav-link{justify-content:center;text-align:center;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-nav{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link{font-size:16px;font-weight:500;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-wraper .elementkit-nav-link .elementskit-tab-icon{font-size:16px;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-wraper .elementkit-nav-link .elementskit-tab-icon svg{max-width:16px;height:auto;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-wraper:not(.vertical) .elementkit-nav-item:not(:last-child){margin-right:10px;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-wraper.vertical > .elementkit-tab-nav{margin-right:10px;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-wraper.vertical .elementkit-nav-item:not(:last-child){margin-bottom:10px;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-wraper:not(.vertical) .elementkit-tab-nav{margin-bottom:10px;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-nav .elementkit-nav-item a.elementkit-nav-link{border-radius:15px 15px 15px 15px;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .tab-content .tab-pane{padding:20px 0px 20px 0px;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-nav .elementkit-nav-link .elementskit-tab-sub-title{color:#FFFFFF;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-nav .elementkit-nav-link.active .elementskit-tab-sub-title{color:#000;}body.elementor-page-6939:not(.elementor-motion-effects-element-type-background), body.elementor-page-6939 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2D6B9;}@media(min-width:768px){.elementor-6939 .elementor-element.elementor-element-048a0f6{--content-width:100vw;}.elementor-6939 .elementor-element.elementor-element-c90ab39{--content-width:100vw;}.elementor-6939 .elementor-element.elementor-element-e8ef96e{--content-width:900px;}.elementor-6939 .elementor-element.elementor-element-70090ba{--content-width:1045px;}.elementor-6939 .elementor-element.elementor-element-a040b2a{--content-width:900px;}}@media(max-width:1024px){.elementor-6939 .elementor-element.elementor-element-048a0f6{--min-height:300px;}.elementor-6939 .elementor-element.elementor-element-c90ab39{--min-height:300px;--margin-top:-300px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6939 .elementor-element.elementor-element-c90ab39 > .elementor-shape-bottom svg, .elementor-6939 .elementor-element.elementor-element-c90ab39 > .e-con-inner > .elementor-shape-bottom svg{height:11em;}.elementor-6939 .elementor-element.elementor-element-908d656{padding:0px 30px 30px 30px;}.elementor-6939 .elementor-element.elementor-element-f9186ea{--spacer-size:10px;}.elementor-6939 .elementor-element.elementor-element-e8ef96e{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-6939 .elementor-element.elementor-element-64a1681.elementor-arrows-yes .elementor-main-swiper{width:calc( 85% - 40px );}.elementor-6939 .elementor-element.elementor-element-64a1681 .elementor-main-swiper{width:85%;}.elementor-6939 .elementor-element.elementor-element-a040b2a{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-6939 .elementor-element.elementor-element-048a0f6{--min-height:300px;}.elementor-6939 .elementor-element.elementor-element-c90ab39{--min-height:300px;--margin-top:-300px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6939 .elementor-element.elementor-element-c90ab39 > .elementor-shape-bottom svg, .elementor-6939 .elementor-element.elementor-element-c90ab39 > .e-con-inner > .elementor-shape-bottom svg{height:11em;}.elementor-6939 .elementor-element.elementor-element-908d656{padding:0px 0px 30px 0px;}.elementor-6939 .elementor-element.elementor-element-908d656 img{width:274px;}.elementor-6939 .elementor-element.elementor-element-f9186ea{--spacer-size:10px;}.elementor-6939 .elementor-element.elementor-element-e8ef96e{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-6939 .elementor-element.elementor-element-d771a94{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6939 .elementor-element.elementor-element-64a1681.elementor-arrows-yes .elementor-main-swiper{width:calc( 90% - 40px );}.elementor-6939 .elementor-element.elementor-element-64a1681 .elementor-main-swiper{width:90%;}.elementor-6939 .elementor-element.elementor-element-a040b2a{--padding-top:20px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-6939 .elementor-element.elementor-element-e42c4a3 .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link{font-size:15px;}}/* Start custom CSS for container, class: .elementor-element-048a0f6 *//* 🔸 วางใน Elementor -> Custom CSS */

/* -------------------------- */
/* 1. กรอบ (เปลือกตา) */
/* -------------------------- */
.eye-container {
  position: relative;
  width: 100%;
  height: 600px; /* 👈 ปรับความสูงของกรอบ "ดวงตา" ได้ที่นี่ */
  
  /* ✅ นี่คือส่วนที่สำคัญที่สุด: ทำหน้าที่เป็น "เปลือกตา" */
  overflow: hidden; 
  
  background-color: #FFFFFF; /* 👈 สีขาวของตา (ถ้าจำเป็น) */
  
  /* จัดให้ลูกตาอยู่ตรงกลาง */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* -------------------------- */
/* 2. ลูกตาสีเหลือง (Iris) */
/* -------------------------- */
.iris-bg {
  position: absolute;
  
  /* ✅ ทำให้ใหญ่กว่ากรอบมากๆ (เช่น 150vw) เพื่อให้เห็นเป็นขอบโค้ง */
  width: 150vw; 
  height: 150vw;
  min-width: 1200px; /* 👈 ขนาดวงกลมขั้นต่ำ */
  min-height: 1200px;
  
  background-color: #fbcb0a; /* 👈 สีเหลืองจากในรูป */
  border-radius: 50%;
  
  /* จัดการของข้างใน (ตัวหนังสือ, ปุ่ม) ให้อยู่กลาง */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; 
}

/* -------------------------- */
/* 3. ตัวหนังสือหมุนๆ */
/* -------------------------- */
.spinning-text {
  position: absolute;
  width: 500px; /* 👈 ปรับขนาด "วง" ของตัวหนังสือ */
  height: 500px;
  
  /* ✅ สั่งให้หมุนช้าๆ 30 วินาทีต่อรอบ */
  animation: spin 30s linear infinite; 
}

.spinning-text svg {
   width: 100%;
   height: 100%;
   /* ป้องกันบั๊กตัวหนังสือหายใน Safari */
   transform: translate3d(0, 0, 0); 
}

/* ✅ Keyframes สำหรับการหมุน */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* -------------------------- */
/* 4. ปุ่มลูกตาดำ (Pupil) */
/* -------------------------- */
.pupil-button {
  position: absolute;
  width: 110px; /* 👈 ขนาดปุ่ม "ลูกตาดำ" */
  height: 110px;
  background-color: #3B82F6; /* 👈 สีน้ำเงินจากในรูป */
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  text-decoration: none;
  z-index: 10; /* 👈 ให้อยู่ทับตัวหนังสือ */
  cursor: pointer;
  transition: transform 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.pupil-button:hover {
   transform: scale(1.1);
}


/* -------------------------- */
/* 🔸 สำหรับมือถือ (Mobile) 🔸 */
/* -------------------------- */
@media (max-width: 767px) {
  .eye-container {
     height: 400px; /* 👈 ลดความสูงกรอบในมือถือ */
  }
  
  .iris-bg {
     /* 👈 ทำให้ใหญ่ขึ้นอีกในมือถือ (เช่น 250vw) เพื่อให้ขอบโค้งยังสวย */
     width: 250vw;
     height: 250vw;
  }
  
  .spinning-text {
     width: 300px; /* 👈 ลดขนาดวงตัวหนังสือ */
     height: 300px;
  }
  
  /* ปรับขนาดฟอนต์ใน SVG */
  .spinning-text text {
     font-size: 28px; 
  }
  
  .pupil-button {
     width: 90px; /* 👈 ลดขนาดปุ่ม */
     height: 90px;
     font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c90ab39 *//* 🔸 วางใน Elementor -> Custom CSS */

/* -------------------------- */
/* 1. กรอบ (เปลือกตา) */
/* -------------------------- */
.eye-container {
  position: relative;
  width: 100%;
  height: 600px; /* 👈 ปรับความสูงของกรอบ "ดวงตา" ได้ที่นี่ */
  
  /* ✅ นี่คือส่วนที่สำคัญที่สุด: ทำหน้าที่เป็น "เปลือกตา" */
  overflow: hidden; 
  
  background-color: #FFFFFF; /* 👈 สีขาวของตา (ถ้าจำเป็น) */
  
  /* จัดให้ลูกตาอยู่ตรงกลาง */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* -------------------------- */
/* 2. ลูกตาสีเหลือง (Iris) */
/* -------------------------- */
.iris-bg {
  position: absolute;
  
  /* ✅ ทำให้ใหญ่กว่ากรอบมากๆ (เช่น 150vw) เพื่อให้เห็นเป็นขอบโค้ง */
  width: 150vw; 
  height: 150vw;
  min-width: 1200px; /* 👈 ขนาดวงกลมขั้นต่ำ */
  min-height: 1200px;
  
  background-color: #fbcb0a; /* 👈 สีเหลืองจากในรูป */
  border-radius: 50%;
  
  /* จัดการของข้างใน (ตัวหนังสือ, ปุ่ม) ให้อยู่กลาง */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; 
}

/* -------------------------- */
/* 3. ตัวหนังสือหมุนๆ */
/* -------------------------- */
.spinning-text {
  position: absolute;
  width: 500px; /* 👈 ปรับขนาด "วง" ของตัวหนังสือ */
  height: 500px;
  
  /* ✅ สั่งให้หมุนช้าๆ 30 วินาทีต่อรอบ */
  animation: spin 30s linear infinite; 
}

.spinning-text svg {
   width: 100%;
   height: 100%;
   /* ป้องกันบั๊กตัวหนังสือหายใน Safari */
   transform: translate3d(0, 0, 0); 
}

/* ✅ Keyframes สำหรับการหมุน */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* -------------------------- */
/* 4. ปุ่มลูกตาดำ (Pupil) */
/* -------------------------- */
.pupil-button {
  position: absolute;
  width: 110px; /* 👈 ขนาดปุ่ม "ลูกตาดำ" */
  height: 110px;
  background-color: #3B82F6; /* 👈 สีน้ำเงินจากในรูป */
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  text-decoration: none;
  z-index: 10; /* 👈 ให้อยู่ทับตัวหนังสือ */
  cursor: pointer;
  transition: transform 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.pupil-button:hover {
   transform: scale(1.1);
}


/* -------------------------- */
/* 🔸 สำหรับมือถือ (Mobile) 🔸 */
/* -------------------------- */
@media (max-width: 767px) {
  .eye-container {
     height: 400px; /* 👈 ลดความสูงกรอบในมือถือ */
  }
  
  .iris-bg {
     /* 👈 ทำให้ใหญ่ขึ้นอีกในมือถือ (เช่น 250vw) เพื่อให้ขอบโค้งยังสวย */
     width: 250vw;
     height: 250vw;
  }
  
  .spinning-text {
     width: 300px; /* 👈 ลดขนาดวงตัวหนังสือ */
     height: 300px;
  }
  
  /* ปรับขนาดฟอนต์ใน SVG */
  .spinning-text text {
     font-size: 28px; 
  }
  
  .pupil-button {
     width: 90px; /* 👈 ลดขนาดปุ่ม */
     height: 90px;
     font-size: 14px;
  }
}/* End custom CSS */