/* Services + About inner pages */
.pda-lead { max-width: 680px; }
.section-wrapper.text-center .pda-lead { margin-left: auto; margin-right: auto; }

/* cards */
.pda-svc-card { position: relative; padding: 32px 28px; border: 1px solid rgba(23,146,168,.12); transition: transform .3s, box-shadow .3s; }
.pda-svc-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(23,146,168,.14); }
.pda-svc-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 84px; height: 84px; margin-bottom: 18px; }
.pda-svc-card__icon img { width: 84px; height: 84px; object-fit: contain; }
.pda-svc-card__icon--ph { width: 64px; height: 64px; border-radius: 16px; background: var(--main-eight-600, #1792A8); color: #fff; font-size: 30px; }
.pda-svc-card__tag { position: absolute; top: 22px; right: 22px; font-size: 13px; font-weight: 600; color: var(--main-eight-600, #1792A8); background: rgba(23,146,168,.1); padding: 4px 12px; border-radius: 999px; }

/* feature rows */
.pda-feature__img img { aspect-ratio: 4 / 3; object-fit: cover; }
.pda-feature__body { padding-inline: 8px; }
.pda-feature:not(.pda-feature--rev) .pda-feature__body { padding-left: 40px; }
.pda-feature--rev .pda-feature__body { padding-right: 40px; }
.pda-checklist { list-style: none; padding: 0; margin: 0 0 40px; display: grid; gap: 12px; }
.pda-checklist li { display: flex; gap: 10px; align-items: flex-start; font-weight: 500; }
.pda-checklist i { color: var(--main-eight-600, #1792A8); font-size: 22px; flex: none; margin-top: 2px; }

/* steps */
.pda-step { position: relative; padding: 32px 28px; background: #fff; border: 1px solid rgba(23,146,168,.12); }
.pda-step__num { display: block; font-size: 56px; line-height: 1; font-weight: 600; color: var(--main-eight-600, #1792A8); opacity: .25; margin-bottom: 14px; }

/* why */
.pda-why__img img { aspect-ratio: 3 / 4; object-fit: cover; }
.pda-why-item__icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; background: rgba(23,146,168,.12); color: var(--main-eight-600, #1792A8); font-size: 26px; }

/* about intro */
.pda-about-intro .about-eight-thumb img { aspect-ratio: 4 / 5; object-fit: cover; }

/* cta */
.cta-two-area { padding-bottom: 120px; }
.pda-counter-area .counter-wrapper { gap: 24px; }

@media (max-width: 991px) {
  .pda-feature:not(.pda-feature--rev) .pda-feature__body,
  .pda-feature--rev .pda-feature__body { padding: 0; }
  .pda-why__body, .pda-about-intro__body { margin-left: 0 !important; }
  .pda-why__img img { aspect-ratio: 4 / 3; }
}
@media (max-width: 767px) {
  .pda-svc-card, .pda-step { padding: 24px 20px; }
  .pda-counter-area .counter-wrapper > div { flex: 0 0 calc(50% - 12px); }
  .pda-about-intro .about-eight-thumb-count { margin-top: 12px; margin-right: 12px; }
}

/* About intro: breathing room between the checklist and the "ดูบริการทั้งหมด" button */
.pda-about-intro .pda-checklist { margin-bottom: 40px; }

/* Section backgrounds: same light blue as the FAQ block (.faq-two-area); services alternate blue / white */
.pda-bg-blue { background: rgba(1, 100, 225, 0.06); }
.pda-bg-white { background: #fff; }

/* service detail: package cards */
.pda-package { position: relative; padding: 36px 30px; border: 1px solid rgba(23,146,168,.12); transition: transform .3s, box-shadow .3s; }
.pda-package:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(23,146,168,.14); }
.pda-package--hot { border-color: var(--main-eight-600, #1792A8); box-shadow: 0 18px 40px rgba(23,146,168,.14); }
.pda-package__badge { position: absolute; top: 22px; right: 22px; font-size: 13px; font-weight: 600; color: #fff; background: var(--main-eight-600, #1792A8); padding: 4px 12px; border-radius: 999px; }
.pda-package__desc { margin-bottom: 22px; }
.pda-package .pda-checklist { margin-bottom: 28px; }
@media (max-width: 575px) { .pda-package { padding: 28px 22px; } }

/* same gradient as the home "ผลงาน" section (.service-eight-area) */
.pda-bg-fade { background: linear-gradient(180deg, #afdcfd 0%, rgba(175, 220, 253, 0) 100%); }

/* "other service" strip: same faint grid background as the footer */
.pda-other-svc { position: relative; z-index: 1; overflow: hidden; background: #fff; }
.pda-other-svc::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgb(32 52 66 / 10%) 1px, transparent 1px), linear-gradient(90deg, rgb(32 52 66 / 10%) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: linear-gradient(to top, #000 0%, transparent 85%);
  mask-image: linear-gradient(to top, #000 0%, transparent 85%);
}