.elementor-71 .elementor-element.elementor-element-8d2b545{--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;}.elementor-71 .elementor-element.elementor-element-26cfcf9{--swiper-slides-to-display:1;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-71 .elementor-element.elementor-element-26cfcf9 .swiper-slide > .elementor-element{height:100%;}.elementor-71 .elementor-element.elementor-element-46629fc{padding:0px 0px 0px 0px;}.elementor-71 .elementor-element.elementor-element-71af7ba{--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;--justify-content:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-71 .elementor-element.elementor-element-0ffacb0 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:60px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-71 .elementor-element.elementor-element-2029717 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:65px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-71 .elementor-element.elementor-element-893e960{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-71 .elementor-element.elementor-element-6a23d56{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-71 .elementor-element.elementor-element-bb8c65b .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:65px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-71 .elementor-element.elementor-element-1c2a1ff .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:65px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-71 .elementor-element.elementor-element-3e522a7{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-71 .elementor-element.elementor-element-afbb19f{--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:90px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-71 .elementor-element.elementor-element-dba4a21{--display:flex;}.elementor-71 .elementor-element.elementor-element-0cc7d6f{--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;--justify-content:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:90px;--padding-bottom:10px;--padding-left:30px;--padding-right:20px;}@media(min-width:768px){.elementor-71 .elementor-element.elementor-element-71af7ba{--content-width:1200px;}.elementor-71 .elementor-element.elementor-element-6a23d56{--content-width:1200px;}.elementor-71 .elementor-element.elementor-element-afbb19f{--content-width:1200px;}.elementor-71 .elementor-element.elementor-element-0cc7d6f{--content-width:900px;}}@media(max-width:1024px){.elementor-71 .elementor-element.elementor-element-26cfcf9{--swiper-slides-to-display:1;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-71 .elementor-element.elementor-element-0ffacb0 .elementor-heading-title{font-size:45px;}.elementor-71 .elementor-element.elementor-element-2029717 .elementor-heading-title{font-size:45px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-71 .elementor-element.elementor-element-893e960{font-size:14px;}.elementor-71 .elementor-element.elementor-element-bb8c65b .elementor-heading-title{font-size:45px;}.elementor-71 .elementor-element.elementor-element-1c2a1ff .elementor-heading-title{font-size:45px;}.elementor-71 .elementor-element.elementor-element-3e522a7{font-size:14px;}}@media(max-width:767px){.elementor-71 .elementor-element.elementor-element-26cfcf9{--swiper-slides-to-display:1;}.elementor-71 .elementor-element.elementor-element-71af7ba{--padding-top:40px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-71 .elementor-element.elementor-element-0ffacb0 .elementor-heading-title{font-size:22px;line-height:1.1em;}.elementor-71 .elementor-element.elementor-element-2029717 .elementor-heading-title{font-size:19px;line-height:1.1em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-71 .elementor-element.elementor-element-893e960{font-size:15px;}.elementor-71 .elementor-element.elementor-element-6a23d56{--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-71 .elementor-element.elementor-element-bb8c65b .elementor-heading-title{font-size:22px;line-height:1.1em;}.elementor-71 .elementor-element.elementor-element-1c2a1ff .elementor-heading-title{font-size:19px;line-height:1.1em;}.elementor-71 .elementor-element.elementor-element-3e522a7{font-size:15px;}.elementor-71 .elementor-element.elementor-element-afbb19f{--padding-top:40px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-71 .elementor-element.elementor-element-0cc7d6f{--padding-top:40px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS *//* =========================================
   HERO — Professor Cleaner
   ========================================= */
.pc-hero{
  position:relative;
  background:linear-gradient(135deg,#F3F7FF 0%,#FFFFFF 60%);
  overflow:hidden;
}
.pc-hero::before{
  content:"";
  position:absolute;
  width:520px;height:520px;
  right:-160px;top:-160px;
  background:radial-gradient(circle,rgba(74,125,255,.18) 0%,rgba(74,125,255,0) 70%);
  border-radius:50%;
  pointer-events:none;
}
.pc-hero-text{gap:18px !important;}

/* ---------- ป้ายเล็ก ---------- */
.pc-hero-badge .elementor-heading-title{
  display:inline-block;
  background:#FFFFFF;
  color:#046BD2 !important;
  font-family:'Kanit',sans-serif !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
  padding:8px 18px;
  margin:0;
  border:1px solid #E2E6EE;
  border-radius:50px;
  box-shadow:0 4px 14px rgba(26,43,76,.06);
}

/* ---------- หัวข้อ H1 ---------- */
.pc-hero-title .elementor-heading-title{
  font-family:'Kanit',sans-serif !important;
  font-size:52px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  color:#1A2B4C !important;
  margin:0;
}
.pc-hero-title .elementor-heading-title span{
  display:block;
  color:#046BD2;
  background:linear-gradient(90deg,#046BD2,#4A7DFF);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* ---------- คำอธิบาย ---------- */
.pc-hero-sub,
.pc-hero-sub p{
  font-family:'Kanit',sans-serif !important;
  font-size:18px !important;
  font-weight:300 !important;
  line-height:1.7 !important;
  color:#4B5875 !important;
  max-width:560px;
  margin:0 !important;
}

/* ---------- จุดเด่น ---------- */
.pc-hero-list .elementor-icon-list-item{padding:5px 0 !important;}
.pc-hero-list .elementor-icon-list-icon i{
  color:#046BD2 !important;
  font-size:20px !important;
}
.pc-hero-list .elementor-icon-list-icon svg{
  fill:#046BD2 !important;
  width:20px !important;height:20px !important;
}
.pc-hero-list .elementor-icon-list-text{
  font-family:'Kanit',sans-serif !important;
  font-size:17px !important;
  color:#1A2B4C !important;
  padding-left:8px !important;
}

/* ---------- ปุ่ม ---------- */
.pc-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;}
.pc-btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Kanit',sans-serif;
  font-size:18px;font-weight:500;
  padding:15px 30px;
  border-radius:50px;
  text-decoration:none !important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.pc-btn:hover{transform:translateY(-3px);}
.pc-btn-line{
  background:#06C755;
  color:#FFFFFF !important;
  box-shadow:0 8px 22px rgba(6,199,85,.32);
}
.pc-btn-line:hover{box-shadow:0 12px 28px rgba(6,199,85,.42);}
.pc-btn-call{
  background:#FFFFFF;
  color:#1A2B4C !important;
  border:2px solid #E2E6EE;
}
.pc-btn-call:hover{border-color:#046BD2;color:#046BD2 !important;}

/* ---------- แถบความเชื่อมั่น ---------- */
.pc-hero-trust{
  display:flex;gap:32px;
  margin-top:28px;padding-top:24px;
  border-top:1px solid #E2E6EE;
}
.pc-trust-item{display:flex;flex-direction:column;}
.pc-trust-item strong{
  font-family:'Kanit',sans-serif;
  font-size:26px;font-weight:600;
  color:#1A2B4C;line-height:1.2;
}
.pc-trust-item span{
  font-family:'Kanit',sans-serif;
  font-size:14px;color:#6B7690;
}

/* ---------- รูปฝั่งขวา ---------- */
.pc-hero-media{position:relative;}
.pc-hero-img img{
  width:100% !important;
  aspect-ratio:9/10;
  object-fit:cover;
  border-radius:28px !important;
  box-shadow:0 30px 60px rgba(26,43,76,.18);
}

/* ---------- การ์ดลอย ---------- */
.pc-hero-media .elementor-widget-html,
.pc-hero-media .elementor-widget-html .elementor-widget-container{position:static !important;}
.pc-hero-float{
  position:absolute;
  left:-30px;bottom:40px;
  display:flex;align-items:center;gap:14px;
  background:#FFFFFF;
  padding:16px 22px;
  border-radius:18px;
  box-shadow:0 16px 40px rgba(26,43,76,.16);
  animation:pcFloat 4s ease-in-out infinite;
  z-index:2;
}
.pc-float-icon{
  width:44px;height:44px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:#06C755;color:#FFFFFF;
  font-size:22px;font-weight:700;
  border-radius:12px;
}
.pc-hero-float strong{
  display:block;
  font-family:'Kanit',sans-serif;
  font-size:16px;color:#1A2B4C;
}
.pc-hero-float span{
  font-family:'Kanit',sans-serif;
  font-size:13px;color:#6B7690;
}
@keyframes pcFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-10px);}
}

/* =========================================
   TABLET
   ========================================= */
@media (max-width:1024px){
  .pc-hero-title .elementor-heading-title{font-size:40px !important;}
  .pc-hero-float{left:10px;}
}

/* =========================================
   MOBILE
   ========================================= */
@media (max-width:767px){
  .pc-hero{padding-top:30px !important;padding-bottom:50px !important;}
  .pc-hero-text,.pc-hero-media{width:100% !important;}
  .pc-hero-title .elementor-heading-title{font-size:32px !important;}
  .pc-hero-sub,.pc-hero-sub p{font-size:16px !important;}
  .pc-hero-cta{flex-direction:column;}
  .pc-btn{justify-content:center;width:100%;}
  .pc-hero-trust{gap:18px;justify-content:space-between;}
  .pc-trust-item strong{font-size:20px;}
  .pc-trust-item span{font-size:12px;}
  .pc-hero-float{left:12px;bottom:16px;padding:12px 16px;}
}

/* =========================================
   HERO — ปรับแต่งเพิ่มเติม
   ========================================= */

/* ทำ Hero เป็นการ์ดมุมโค้ง */
.pc-hero{
  border-radius:32px;
  margin-top:10px;
}

/* ห้ามตัดคำ "มืออาชีพ" และไม่ให้เป็นตัวเอียง */
.pc-hero-title .elementor-heading-title em{
  font-style:normal;
  white-space:nowrap;
  display:inline-block;
  background:linear-gradient(90deg,#046BD2,#4A7DFF);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* ===== MOBILE ===== */
@media (max-width:767px){
  /* การ์ด Hero มุมโค้งน้อยลงในจอเล็ก */
  .pc-hero{
    border-radius:20px;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  /* ป้ายเล็กให้อยู่บรรทัดเดียว */
  .pc-hero-badge .elementor-heading-title{
    font-size:12.5px !important;
    padding:6px 14px;
    white-space:nowrap;
  }

  /* หัวข้อเล็กลงนิดให้พอดีจอ */
  .pc-hero-title .elementor-heading-title{
    font-size:30px !important;
    line-height:1.3 !important;
  }

  /* จุดเด่นตัวเล็กลงนิด จะได้ไม่ตัดบรรทัดบ่อย */
  .pc-hero-list .elementor-icon-list-text{
    font-size:15.5px !important;
  }
}

/* =========================================
   SECTION HEADER — ใช้ซ้ำได้ทุก Section
   ========================================= */

/* ป้ายเล็ก */
.pc-sec-badge .elementor-heading-title{
  display:inline-block;
  background:#F3F7FF;
  color:#046BD2 !important;
  font-family:'Kanit',sans-serif !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
  padding:7px 18px;
  margin:0;
  border-radius:50px;
  letter-spacing:.3px;
}
.pc-sec-badge{text-align:center;}

/* หัวข้อ H2 */
.pc-sec-title .elementor-heading-title{
  font-family:'Kanit',sans-serif !important;
  font-size:42px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  color:#1A2B4C !important;
  text-align:center !important;
  margin:0;
}
.pc-sec-title .elementor-heading-title span{
  color:#046BD2;
  background:linear-gradient(90deg,#046BD2,#4A7DFF);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* คำอธิบาย */
.pc-sec-sub,
.pc-sec-sub p{
  font-family:'Kanit',sans-serif !important;
  font-size:17px !important;
  font-weight:300 !important;
  line-height:1.7 !important;
  color:#4B5875 !important;
  text-align:center !important;
  max-width:640px;
  margin:0 auto !important;
}

/* ===== TABLET ===== */
@media (max-width:1024px){
  .pc-sec-title .elementor-heading-title{font-size:34px !important;}
}

/* ===== MOBILE ===== */
@media (max-width:767px){
  .pc-services{padding-top:60px !important;}
  .pc-sec-badge .elementor-heading-title{font-size:13px !important;}
  .pc-sec-title .elementor-heading-title{font-size:27px !important;}
  .pc-sec-title .elementor-heading-title span{display:block;}
  .pc-sec-sub,.pc-sec-sub p{font-size:15px !important;}
}

/* =========================================
   SERVICES — การ์ดใหญ่ 2 ใบ
   ========================================= */
.pc-main-services{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:28px;
  width:100%;
  margin-top:30px;
}
.pc-svc-card{
  display:flex;flex-direction:column;
  background:#FFFFFF;
  border:1px solid #E2E6EE;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(26,43,76,.06);
  transition:transform .3s ease,box-shadow .3s ease;
}
.pc-svc-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 50px rgba(26,43,76,.14);
}

/* รูป */
.pc-svc-img{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#F3F7FF;
}
.pc-svc-img img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
.pc-svc-card:hover .pc-svc-img img{transform:scale(1.05);}

/* ป้ายบนรูป */
.pc-svc-tag{
  position:absolute;top:18px;left:18px;
  background:#FF8A00;color:#FFFFFF;
  font-family:'Kanit',sans-serif;
  font-size:14px;font-weight:500;
  padding:6px 16px;
  border-radius:50px;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
}
.pc-svc-tag.pc-tag-blue{background:#046BD2;}

/* เนื้อหา */
.pc-svc-body{
  display:flex;flex-direction:column;
  flex:1;
  padding:28px 30px 30px;
}
.pc-svc-title{
  font-family:'Kanit',sans-serif !important;
  font-size:24px !important;
  font-weight:600 !important;
  color:#1A2B4C !important;
  line-height:1.35 !important;
  margin:0 0 10px !important;
}
.pc-svc-desc{
  font-family:'Kanit',sans-serif;
  font-size:16px;font-weight:300;
  line-height:1.7;
  color:#4B5875;
  margin:0 0 18px !important;
}

/* รายการจุดเด่น */
.pc-svc-list{
  list-style:none !important;
  margin:0 0 24px !important;
  padding:0 !important;
}
.pc-svc-list li{
  position:relative;
  font-family:'Kanit',sans-serif;
  font-size:15.5px;
  color:#1A2B4C;
  padding:6px 0 6px 30px;
  margin:0 !important;
}
.pc-svc-list li::before{
  content:"✓";
  position:absolute;left:0;top:7px;
  width:20px;height:20px;
  display:flex;align-items:center;justify-content:center;
  background:#E8F0FF;color:#046BD2;
  font-size:12px;font-weight:700;
  border-radius:50%;
}

/* ราคา + ปุ่ม */
.pc-svc-foot{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;
  margin-top:auto;
  padding-top:22px;
  border-top:1px dashed #E2E6EE;
}
.pc-svc-price span{
  display:block;
  font-family:'Kanit',sans-serif;
  font-size:13px;color:#6B7690;
}
.pc-svc-price strong{
  font-family:'Kanit',sans-serif;
  font-size:32px;font-weight:600;
  color:#046BD2;line-height:1.1;
}
.pc-svc-price small{
  font-size:16px;font-weight:400;color:#1A2B4C;
}
.pc-svc-btn{
  display:inline-flex;align-items:center;
  font-family:'Kanit',sans-serif;
  font-size:16px;font-weight:500;
  color:#FFFFFF !important;
  background:linear-gradient(90deg,#046BD2,#4A7DFF);
  padding:13px 24px;
  border-radius:50px;
  text-decoration:none !important;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(4,107,210,.25);
  transition:transform .2s ease,box-shadow .2s ease;
}
.pc-svc-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(4,107,210,.35);
}

/* ===== TABLET ===== */
@media (max-width:1024px){
  .pc-svc-body{padding:24px;}
  .pc-svc-title{font-size:21px !important;}
  .pc-svc-price strong{font-size:27px;}
}

/* ===== MOBILE ===== */
@media (max-width:767px){
  .pc-main-services{grid-template-columns:1fr;gap:22px;margin-top:20px;}
  .pc-svc-body{padding:22px 20px 24px;}
  .pc-svc-title{font-size:20px !important;}
  .pc-svc-desc{font-size:15px;}
  .pc-svc-foot{flex-direction:column;align-items:stretch;text-align:center;}
  .pc-svc-btn{justify-content:center;}
}

/* =========================================
   SERVICES — การ์ดเล็ก (บริการเสริม)
   ========================================= */
.pc-extra-wrap{width:100%;margin-top:50px;}
.pc-extra-heading{
  font-family:'Kanit',sans-serif !important;
  font-size:22px !important;
  font-weight:600 !important;
  color:#1A2B4C !important;
  text-align:center;
  margin:0 0 24px !important;
}
.pc-extra-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.pc-extra-card{
  display:flex;flex-direction:column;
  gap:14px;
  background:#FFFFFF;
  border:1px solid #E2E6EE;
  border-radius:18px;
  padding:22px 20px;
  text-decoration:none !important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.pc-extra-card:hover{
  transform:translateY(-4px);
  border-color:#4A7DFF;
  box-shadow:0 14px 32px rgba(4,107,210,.12);
}

/* ไอคอน */
.pc-extra-icon{
  width:50px;height:50px;
  display:flex;align-items:center;justify-content:center;
  background:#F3F7FF;
  color:#046BD2;
  border-radius:14px;
  flex-shrink:0;
  transition:background .25s ease,color .25s ease;
}
.pc-extra-icon svg{width:26px;height:26px;}
.pc-extra-card:hover .pc-extra-icon{background:#046BD2;color:#FFFFFF;}

/* ข้อความ */
.pc-extra-text strong{
  display:block;
  font-family:'Kanit',sans-serif;
  font-size:17px;font-weight:600;
  color:#1A2B4C;
  margin-bottom:4px;
}
.pc-extra-text small{
  display:block;
  font-family:'Kanit',sans-serif;
  font-size:14px;font-weight:300;
  line-height:1.6;
  color:#6B7690;
}

/* การ์ดพิเศษ LINE */
.pc-extra-cta{
  background:linear-gradient(135deg,#06C755,#04A847);
  border-color:#06C755;
}
.pc-extra-cta .pc-extra-icon{background:rgba(255,255,255,.2);color:#FFFFFF;}
.pc-extra-cta .pc-extra-text strong,
.pc-extra-cta .pc-extra-text small{color:#FFFFFF;}
.pc-extra-cta:hover{border-color:#06C755;box-shadow:0 14px 32px rgba(6,199,85,.3);}
.pc-extra-cta:hover .pc-extra-icon{background:#FFFFFF;color:#06C755;}

/* ===== TABLET ===== */
@media (max-width:1024px){
  .pc-extra-grid{grid-template-columns:repeat(2,1fr);}
}

/* ===== MOBILE ===== */
@media (max-width:767px){
  .pc-extra-wrap{margin-top:36px;}
  .pc-extra-heading{font-size:20px !important;}
  .pc-extra-grid{grid-template-columns:1fr;gap:12px;}
  .pc-extra-card{flex-direction:row;align-items:center;padding:16px;}
  .pc-extra-icon{width:44px;height:44px;}
  .pc-extra-icon svg{width:22px;height:22px;}
  .pc-extra-text strong{font-size:16px;}
  .pc-extra-text small{font-size:13px;}
}

/* =========================================
   PROCESS — ขั้นตอน 4 ขั้น
   ========================================= */
.pc-process{background:#F3F7FF;border-radius:32px;margin-top:40px;}
.pc-steps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  width:100%;
  margin-top:40px;
}
/* เส้นประเชื่อมระหว่างขั้น */
.pc-steps::before{
  content:"";
  position:absolute;
  top:62px;left:12.5%;right:12.5%;
  border-top:2px dashed #B9CBF2;
  z-index:0;
}
.pc-step{
  position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:center;
  text-align:center;
  padding:0 8px;
}
.pc-step-num{
  font-family:'Kanit',sans-serif;
  font-size:14px;font-weight:600;
  color:#046BD2;
  letter-spacing:1px;
  margin-bottom:10px;
}
.pc-step-icon{
  width:76px;height:76px;
  display:flex;align-items:center;justify-content:center;
  background:#FFFFFF;
  color:#046BD2;
  border:2px solid #E2E6EE;
  border-radius:50%;
  box-shadow:0 10px 24px rgba(4,107,210,.12);
  margin-bottom:20px;
  transition:background .3s ease,color .3s ease,transform .3s ease;
}
.pc-step-icon svg{width:32px;height:32px;}
.pc-step:hover .pc-step-icon{
  background:#046BD2;color:#FFFFFF;
  border-color:#046BD2;
  transform:translateY(-4px);
}
.pc-step-title{
  font-family:'Kanit',sans-serif !important;
  font-size:19px !important;
  font-weight:600 !important;
  color:#1A2B4C !important;
  line-height:1.4 !important;
  margin:0 0 8px !important;
}
.pc-step-desc{
  font-family:'Kanit',sans-serif;
  font-size:15px;font-weight:300;
  line-height:1.7;
  color:#4B5875;
  margin:0 !important;
}

/* ===== TABLET ===== */
@media (max-width:1024px){
  .pc-steps{grid-template-columns:repeat(2,1fr);row-gap:40px;}
  .pc-steps::before{display:none;}
}

/* ===== MOBILE ===== */
@media (max-width:767px){
  .pc-process{
    border-radius:20px;
    padding-top:60px !important;padding-bottom:60px !important;
  }
  .pc-steps{grid-template-columns:1fr;gap:16px;margin-top:24px;}
  .pc-step{
    flex-direction:row;align-items:flex-start;
    text-align:left;gap:16px;
    background:#FFFFFF;
    padding:18px;border-radius:18px;
  }
  .pc-step-num{display:none;}
  .pc-step-icon{width:52px;height:52px;margin:0;flex-shrink:0;}
  
  /* =========================================
   PROCESS — แก้ไขเพิ่มเติม
   ========================================= */

/* ป้ายเล็กใน Section พื้นฟ้า ให้เป็นสีขาว */
.pc-process .pc-sec-badge .elementor-heading-title{
  background:#FFFFFF;
  box-shadow:0 4px 14px rgba(26,43,76,.06);
}

/* ===== MOBILE: ไอคอนซ้าย / หัวข้อ+คำอธิบายเรียงลงมาทางขวา ===== */
@media (max-width:767px){
  .pc-step{
    display:grid !important;
    grid-template-columns:52px 1fr;
    column-gap:16px;
    row-gap:4px;
    align-items:start;
  }
  .pc-step-icon{grid-row:1 / span 2;}
  .pc-step-title{margin:2px 0 0 !important;}
}
}
/* =========================================
   CTA LINE — ปิดท้ายหน้า
   ========================================= */
.pc-cta-box{
  position:relative;
  display:flex;align-items:center;justify-content:space-between;
  gap:40px;
  width:100%;
  padding:60px 64px;
  background:linear-gradient(135deg,#1A2B4C 0%,#046BD2 100%);
  border-radius:32px;
  overflow:hidden;
  box-shadow:0 30px 60px rgba(26,43,76,.25);
}
/* วงกลมตกแต่งพื้นหลัง */
.pc-cta-box::before,
.pc-cta-box::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.pc-cta-box::before{
  width:360px;height:360px;
  right:-100px;top:-140px;
  background:rgba(255,255,255,.07);
}
.pc-cta-box::after{
  width:220px;height:220px;
  left:-80px;bottom:-110px;
  background:rgba(255,255,255,.05);
}

/* ฝั่งซ้าย */
.pc-cta-text{position:relative;z-index:1;flex:1;max-width:640px;}
.pc-cta-badge{
  display:inline-block;
  font-family:'Kanit',sans-serif;
  font-size:14px;font-weight:500;
  color:#FFFFFF;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.25);
  padding:6px 16px;
  border-radius:50px;
  margin-bottom:18px;
}
.pc-cta-title{
  font-family:'Kanit',sans-serif !important;
  font-size:40px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  color:#FFFFFF !important;
  margin:0 0 14px !important;
}
.pc-cta-title span{color:#8FD9FF;}
.pc-cta-desc{
  font-family:'Kanit',sans-serif;
  font-size:17px;font-weight:300;
  line-height:1.7;
  color:rgba(255,255,255,.85);
  margin:0 0 28px !important;
}

/* ปุ่ม */
.pc-cta-btns{display:flex;flex-wrap:wrap;gap:14px;}
.pc-cta-btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Kanit',sans-serif;
  font-size:18px;font-weight:500;
  padding:15px 30px;
  border-radius:50px;
  text-decoration:none !important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.pc-cta-btn:hover{transform:translateY(-3px);}
.pc-cta-line{
  background:#06C755;color:#FFFFFF !important;
  box-shadow:0 10px 26px rgba(6,199,85,.4);
}
.pc-cta-call{
  background:transparent;color:#FFFFFF !important;
  border:2px solid rgba(255,255,255,.4);
}
.pc-cta-call:hover{background:rgba(255,255,255,.1);border-color:#FFFFFF;}

/* ฝั่งขวา: กล่อง LINE ID */
.pc-cta-card{
  position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:center;
  text-align:center;
  background:#FFFFFF;
  padding:30px 36px;
  border-radius:24px;
  box-shadow:0 20px 40px rgba(0,0,0,.18);
  flex-shrink:0;
}
.pc-cta-card-icon{
  width:70px;height:70px;
  display:flex;align-items:center;justify-content:center;
  background:#06C755;color:#FFFFFF;
  border-radius:20px;
  margin-bottom:14px;
}
.pc-cta-card-label{
  font-family:'Kanit',sans-serif;
  font-size:13px;color:#6B7690;
}
.pc-cta-card-id{
  font-family:'Kanit',sans-serif;
  font-size:28px;font-weight:600;
  color:#06C755;
  margin:2px 0 8px;
}
.pc-cta-card-note{
  font-family:'Kanit',sans-serif;
  font-size:13px;line-height:1.6;
  color:#6B7690;
}

/* ===== TABLET ===== */
@media (max-width:1024px){
  .pc-cta-box{padding:48px 40px;}
  .pc-cta-title{font-size:32px !important;}
}

/* ===== MOBILE ===== */
@media (max-width:767px){
  .pc-cta{padding-bottom:110px !important;}
  .pc-cta-box{
    flex-direction:column;
    text-align:center;
    padding:40px 22px;
    border-radius:24px;
    gap:28px;
  }
  .pc-cta-title{font-size:26px !important;}
  .pc-cta-desc{font-size:15px;}
  .pc-cta-btns{flex-direction:column;}
  .pc-cta-btn{justify-content:center;width:100%;}
  .pc-cta-card{width:100%;padding:24px;}
}

/* =========================================
   CTA — ปรับมือถือให้กว้างขึ้น
   ========================================= */
@media (max-width:767px){
  .pc-cta{
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .pc-cta-box{padding:36px 18px;}
  .pc-cta-title{font-size:23px !important;}
  .pc-cta-title br{display:none;}
  .pc-cta-title span{display:block;}
  .pc-cta-btn{
    font-size:16px;
    padding:14px 20px;
    white-space:nowrap;
  }
}

/* CTA — ห้ามตัดคำ "เหมือนใหม่?" */
.pc-cta-title em{
  font-style:normal;
  white-space:nowrap;
  display:inline-block;
}

/* ===== จุดลิงก์ Section บริการ (กัน Header บัง) ===== */
#services {
  scroll-margin-top: 110px;
}
@media (max-width: 767px) {
  #services {
    scroll-margin-top: 20px;
  }
}
html {
  scroll-behavior: smooth;
}/* End custom CSS */