.elementor-47435 .elementor-element.elementor-element-24fcb41:not(.elementor-motion-effects-element-type-background), .elementor-47435 .elementor-element.elementor-element-24fcb41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://techops.digiwin.com/wp-content/uploads/2026/09/hero-banner.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-47435 .elementor-element.elementor-element-24fcb41{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:130px 0px 130px 0px;}.elementor-47435 .elementor-element.elementor-element-24fcb41 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-47435 .elementor-element.elementor-element-a0d3978 .elementor-heading-title{font-size:28px;}.elementor-47435 .elementor-element.elementor-element-35dfc76{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-47435 .elementor-element.elementor-element-35dfc76 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-47435 .elementor-element.elementor-element-f050799{--spacer-size:10px;}.elementor-47435 .elementor-element.elementor-element-f52bde3 .elementor-heading-title{font-size:28px;}.elementor-47435 .elementor-element.elementor-element-1cdd488:not(.elementor-motion-effects-element-type-background), .elementor-47435 .elementor-element.elementor-element-1cdd488 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F6FF;}.elementor-47435 .elementor-element.elementor-element-1cdd488 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-47435 .elementor-element.elementor-element-1cdd488{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-47435 .elementor-element.elementor-element-fe1c3f1{--spacer-size:10px;}.elementor-47435 .elementor-element.elementor-element-7e25d9e{font-size:18px;font-weight:600;line-height:1.2lh;}.elementor-47435 .elementor-element.elementor-element-ad96c4e{--spacer-size:10px;}.elementor-47435 .elementor-element.elementor-element-16183d5{--spacer-size:10px;}.elementor-47435 .elementor-element.elementor-element-236db4b > .elementor-background-overlay{opacity:1;}.elementor-47435 .elementor-element.elementor-element-3766607{--spacer-size:10px;}.elementor-47435 .elementor-element.elementor-element-3f91e9e{font-size:18px;font-weight:600;line-height:1.2lh;}.elementor-47435 .elementor-element.elementor-element-498f03f{--spacer-size:15px;}.elementor-47435 .elementor-element.elementor-element-ad4955e:not(.elementor-motion-effects-element-type-background), .elementor-47435 .elementor-element.elementor-element-ad4955e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F6FF;}.elementor-47435 .elementor-element.elementor-element-ad4955e > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-47435 .elementor-element.elementor-element-ad4955e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-47435 .elementor-element.elementor-element-3a4ae52{--spacer-size:10px;}.elementor-47435 .elementor-element.elementor-element-3914ea1 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-47435 .elementor-element.elementor-element-b4c3f5a{font-size:18px;font-weight:600;}.elementor-bc-flex-widget .elementor-47435 .elementor-element.elementor-element-92b6333.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-47435 .elementor-element.elementor-element-92b6333.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-47435 .elementor-element.elementor-element-92b6333 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-47435 .elementor-element.elementor-element-0da0008{width:var( --container-widget-width, 131.381% );max-width:131.381%;--container-widget-width:131.381%;--container-widget-flex-grow:0;}.elementor-47435 .elementor-element.elementor-element-0da0008 img{height:200px;}.elementor-47435 .elementor-element.elementor-element-66cd270{--spacer-size:15px;}.elementor-47435 .elementor-element.elementor-element-bf2b7b9{--spacer-size:10px;}.elementor-47435 .elementor-element.elementor-element-2e89404{--spacer-size:10px;}.elementor-47435 .elementor-element.elementor-element-4524d78:not(.elementor-motion-effects-element-type-background), .elementor-47435 .elementor-element.elementor-element-4524d78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F6FF;}.elementor-47435 .elementor-element.elementor-element-4524d78 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-47435 .elementor-element.elementor-element-4524d78{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-47435 .elementor-element.elementor-element-e402d5a{--spacer-size:10px;}.elementor-47435 .elementor-element.elementor-element-73ab142{font-size:18px;font-weight:600;line-height:1.2lh;}.elementor-47435 .elementor-element.elementor-element-5bc6426{--spacer-size:15px;}.elementor-47435 .elementor-element.elementor-element-ee8319d{--spacer-size:10px;}.elementor-47435 .elementor-element.elementor-element-61d8fb1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-47435 .elementor-element.elementor-element-61d8fb1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-47435 .elementor-element.elementor-element-5c8b19a > .elementor-widget-container{background-color:transparent;padding:100px 0px 100px 0px;background-image:linear-gradient(145deg, #031636 0%, #0A2868 100%);border-radius:20px 20px 20px 20px;}.elementor-47435 .elementor-element.elementor-element-cdde004 > .elementor-element-populated{padding:0px 0px 0px 10px;}.elementor-47435 .elementor-element.elementor-element-3e12b25{--spacer-size:20px;}.elementor-47435 .elementor-element.elementor-element-b945a22:not(.elementor-motion-effects-element-type-background), .elementor-47435 .elementor-element.elementor-element-b945a22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F6FF;}.elementor-47435 .elementor-element.elementor-element-b945a22 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-47435 .elementor-element.elementor-element-b945a22{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-47435 .elementor-element.elementor-element-f7b18a0{--spacer-size:10px;}@media(min-width:701px){.elementor-47435 .elementor-element.elementor-element-3914ea1{width:70%;}.elementor-47435 .elementor-element.elementor-element-92b6333{width:29.911%;}.elementor-47435 .elementor-element.elementor-element-61d8fb1{width:30%;}.elementor-47435 .elementor-element.elementor-element-cdde004{width:70%;}}@media(max-width:700px){.elementor-47435 .elementor-element.elementor-element-24fcb41:not(.elementor-motion-effects-element-type-background), .elementor-47435 .elementor-element.elementor-element-24fcb41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-1900px 0px;}.elementor-47435 .elementor-element.elementor-element-cdde004 > .elementor-element-populated{padding:10px 0px 0px 0px;}}@media(min-width:1025px){.elementor-47435 .elementor-element.elementor-element-24fcb41:not(.elementor-motion-effects-element-type-background), .elementor-47435 .elementor-element.elementor-element-24fcb41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for heading, class: .elementor-element-c2bbbd8 *//* 上方標籤 */
.elementor-47435 .elementor-element.elementor-element-c2bbbd8 .eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3a80f5;
  background: #e8f0ff;
  border: 1px solid #a0b6ff;
  border-radius: 12px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  padding: 11px 12px;
}

/* Mobile */
@media (max-width: 767px) {

  .elementor-47435 .elementor-element.elementor-element-c2bbbd8 .eyebrow {
    font-size: 18px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ae6505 */.elementor-47435 .elementor-element.elementor-element-4ae6505 .hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  min-height: 56px;
  padding: 10px 32px;

  color: #fff;
  background: linear-gradient(90deg, #2563eb, #3b82f6);

  border-radius: 16px;
  box-shadow: 0 2px 0 rgba(72, 143, 255, .8);

  font-size: 24px;
  font-weight: 800;
  text-decoration: none;
}

.elementor-47435 .elementor-element.elementor-element-4ae6505 .hero-cta img {
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  object-fit: contain;
}


/* Tablet */
@media (max-width: 1200px) {
  .elementor-47435 .elementor-element.elementor-element-4ae6505 .hero-cta {
    font-size: 24px;
  }
}


/* Mobile */
@media (max-width: 767px) {
  .elementor-47435 .elementor-element.elementor-element-4ae6505 .hero-cta {
    font-size: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-24fcb41 */.elementor-47435 .elementor-element.elementor-element-24fcb41 {
  --blue: #5289ff;
  --blue-deep: #0063ff;
  --pale: #f1f6ff;
  --panel: #e8f0ff;
  --ink: #000;
  --text: #333;
  --red: #ff4b4b;
  --purple: #a175ea;
  --cyan: #00a1ff;
  --container: 1140px;

  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  color: var(--text);

  font-family:
    "Noto Sans TC",
    "Noto Sans SC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif;

  -webkit-font-smoothing: antialiased;
}

/* 所有內部元素統一 box-sizing */
.elementor-47435 .elementor-element.elementor-element-24fcb41 *,
.elementor-47435 .elementor-element.elementor-element-24fcb41 *::before,
.elementor-47435 .elementor-element.elementor-element-24fcb41 *::after {
  box-sizing: border-box;
}

/* 圖片共用設定 */
.elementor-47435 .elementor-element.elementor-element-24fcb41 img {
  display: block;
  max-width: 100%;
}

/* 連結共用設定 */
.elementor-47435 .elementor-element.elementor-element-24fcb41 a {
  text-decoration: none;
}

/* 內容最大寬度 */
.elementor-47435 .elementor-element.elementor-element-24fcb41 .container {
  width: min(var(--container), calc(100% - 40px));
  margin: 0 auto;
}

/* 共用區塊背景 */
.elementor-47435 .elementor-element.elementor-element-24fcb41 .section-white {
  background: #fff;
}

.elementor-47435 .elementor-element.elementor-element-24fcb41 .section-blue {
  background: var(--pale);
}

/* 共用區塊標題 */
.elementor-47435 .elementor-element.elementor-element-24fcb41 .section-heading h2,
.elementor-47435 .elementor-element.elementor-element-24fcb41 .faq h2 {
  margin: 0;
  color: #000;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 800;
}

/* 共用區塊說明文字 */
.elementor-47435 .elementor-element.elementor-element-24fcb41 .section-heading p {
  margin: 28px 0 0;
  font-size: 24px;
  line-height: 1.67;
  text-align: justify;
}

/* 共用藍色重點文字 */
.elementor-47435 .elementor-element.elementor-element-24fcb41 .section-heading strong,
.elementor-47435 .elementor-element.elementor-element-24fcb41 .cases h2 strong,
.elementor-47435 .elementor-element.elementor-element-24fcb41 .advantages strong,
.elementor-47435 .elementor-element.elementor-element-24fcb41 .intro strong {
  color: var(--blue);
}

/* 鍵盤操作 Focus 樣式 */
.elementor-47435 .elementor-element.elementor-element-24fcb41 a:focus-visible,
.elementor-47435 .elementor-element.elementor-element-24fcb41 summary:focus-visible {
  outline: 3px solid #00a1ff;
  outline-offset: 4px;
}

/* 通用粗體藍字 */
.elementor-47435 .elementor-element.elementor-element-24fcb41 .font_bold {
  color: var(--blue) !important;
  font-weight: 800 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f52bde3 */.elementor-47435 .elementor-element.elementor-element-f52bde3 .intro-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 1353px;
}

.elementor-47435 .elementor-element.elementor-element-f52bde3 .section-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  white-space: nowrap;

  color: #3a80f5;
  background: #e8f0ff;
  border: 1px solid #a0b6ff;
  border-radius: 12px;

  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}


/* Tablet */
@media (max-width: 1200px) {

  .elementor-47435 .elementor-element.elementor-element-f52bde3 .intro-title-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .elementor-47435 .elementor-element.elementor-element-f52bde3 .section-label {
    width: auto;
    height: auto;
    flex: none;
    white-space: normal;

    font-size: 18px;
  }

  .elementor-47435 .elementor-element.elementor-element-f52bde3 .intro-title-row h2 {
    width: auto;
    max-width: none;
    white-space: normal;

    font-size: 30px;
  }
}


/* Mobile */
@media (max-width: 767px) {

  .elementor-47435 .elementor-element.elementor-element-f52bde3 .intro-title-row {
    gap: 16px;
  }

  .elementor-47435 .elementor-element.elementor-element-f52bde3 .intro-title-row h2 {
    font-size: 28px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3121a8b */.elementor-47435 .elementor-element.elementor-element-3121a8b .font_bold {
  color: #5289ff;
  font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4091e8b */.elementor-47435 .elementor-element.elementor-element-4091e8b {
  width: 100%;
  margin: 0;
  padding: 0;
}

.elementor-47435 .elementor-element.elementor-element-4091e8b .elementor-widget-container {
  width: 100%;
  margin: 0;
  padding: 0;
}


/* ========================================
   三步驟排列
======================================== */

.elementor-47435 .elementor-element.elementor-element-4091e8b .steps-grid {
  width: 100%;
  margin: 0;
  padding: 0;

  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    36px
    minmax(0, 1fr)
    36px
    minmax(0, 1fr);

  align-items: center;
  gap: 12px;
}


/* ========================================
   Flip Card
======================================== */

.elementor-47435 .elementor-element.elementor-element-4091e8b .flip-card {
  position: relative;

  width: 100%;
  height: 194px;
  min-width: 0;

  perspective: 1200px;
}

.elementor-47435 .elementor-element.elementor-element-4091e8b .flip-card-inner {
  position: relative;

  width: 100%;
  height: 100%;

  transform-style: preserve-3d;

  transition:
    transform .55s cubic-bezier(.2, .72, .2, 1);
}

.elementor-47435 .elementor-element.elementor-element-4091e8b .flip-card.is-flipped .flip-card-inner {
  transform: rotateY(180deg);
}


/* ========================================
   卡片正面 / 背面
======================================== */

.elementor-47435 .elementor-element.elementor-element-4091e8b .step-card {
  position: absolute;
  inset: 0;

  width: 100%;
  min-width: 0;
  min-height: 194px;

  display: flex;
  align-items: center;
  gap: 16px;

  padding: 20px;

  background: #fcfdff;

  border: 1px solid #5289ff;
  border-top-width: 4px;
  border-bottom-width: 4px;

  border-radius: 32px 4px 32px 4px;

  box-shadow:
    16px 16px 20px -8px rgba(82, 137, 255, .15);

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}


/* ========================================
   圖示
======================================== */

.elementor-47435 .elementor-element.elementor-element-4091e8b .step-icon {
  display: block;

  width: 72px;
  height: 72px;

  flex: 0 0 72px;

  object-fit: contain;
}


/* ========================================
   文字
======================================== */

.elementor-47435 .elementor-element.elementor-element-4091e8b .step-content {
  min-width: 0;
}

.elementor-47435 .elementor-element.elementor-element-4091e8b .step-card h3 {
  display: flex;
  align-items: center;
  gap: 10px;

  margin: 0 0 8px;

  color: #333;

  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
}

.elementor-47435 .elementor-element.elementor-element-4091e8b .step-card h3 span {
  color: #5289ff;
}

.elementor-47435 .elementor-element.elementor-element-4091e8b .step-card p {
  margin: 0;

  color: #333;

  font-size: 18px;
  line-height: 28px;
}


/* ========================================
   右側圓形箭頭
======================================== */

.elementor-47435 .elementor-element.elementor-element-4091e8b .round-arrow {
  display: block;

  width: 32px;
  height: 32px;

  flex: 0 0 32px;

  margin-left: auto;

  object-fit: contain;
}


/* ========================================
   卡片背面
======================================== */

.elementor-47435 .elementor-element.elementor-element-4091e8b .flip-card-back {
  transform: rotateY(180deg);

  justify-content: center;

  padding: 20px 24px;

  border: 0;

  background:
    linear-gradient(
      180deg,
      #5289ff,
      #0063ff
    );

  color: #fff;
}

.elementor-47435 .elementor-element.elementor-element-4091e8b .flip-card-back h3 {
  justify-content: center;
  color: #fff;
}

.elementor-47435 .elementor-element.elementor-element-4091e8b .flip-card-back h3 span {
  color: #fff;
}

.elementor-47435 .elementor-element.elementor-element-4091e8b .flip-card-back p {
  color: #fff;
  text-align: left;
}


/* 背面提示文字 */
.elementor-47435 .elementor-element.elementor-element-4091e8b .step-note {
  display: block;

  margin-top: 12px;
  padding: 2px 10px;

  border-radius: 8px;

  background: #e8f0ff;
  color: #5289ff;

  text-align: center;

  font-size: 16px;
  line-height: 28px;
}


/* ========================================
   兩卡之間連接線
======================================== */

.elementor-47435 .elementor-element.elementor-element-4091e8b .step-connector {
  display: block;

  width: 36px;
  height: 12px;

  border-radius: 9999px;

  background:
    linear-gradient(
      90deg,
      #e2ecff,
      #5289ff
    );
}


/* ========================================
   整張卡片作為互動範圍
======================================== */

.elementor-47435 .elementor-element.elementor-element-4091e8b .flip-card-control {
  position: absolute;
  inset: 0;
  z-index: 3;

  width: 100%;
  height: 100%;

  padding: 0;

  border: 0;
  border-radius: 32px 4px 32px 4px;

  background: transparent;

  cursor: pointer;
}


/* 鍵盤操作 */
.elementor-47435 .elementor-element.elementor-element-4091e8b .flip-card-control:focus-visible {
  outline: 3px solid #00a1ff;
  outline-offset: 5px;
}


/* ========================================
   Tablet
======================================== */

@media (max-width: 1200px) {

  .elementor-47435 .elementor-element.elementor-element-4091e8b .step-card {
    gap: 14px;
  }

  .elementor-47435 .elementor-element.elementor-element-4091e8b .step-icon {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
  }

  .elementor-47435 .elementor-element.elementor-element-4091e8b .step-card h3 {
    font-size: 20px;
  }

  .elementor-47435 .elementor-element.elementor-element-4091e8b .step-card p {
    font-size: 16px;
    line-height: 1.6;
  }

}


/* ========================================
   Mobile
======================================== */

@media (max-width: 820px) {

  .elementor-47435 .elementor-element.elementor-element-4091e8b .steps-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .elementor-47435 .elementor-element.elementor-element-4091e8b .step-connector {
    display: none;
  }

  .elementor-47435 .elementor-element.elementor-element-4091e8b .flip-card {
    height: 190px;
  }

  .elementor-47435 .elementor-element.elementor-element-4091e8b .step-card {
    min-height: 190px;
  }

}


/* ========================================
   減少動畫偏好
======================================== */

@media (prefers-reduced-motion: reduce) {

  .elementor-47435 .elementor-element.elementor-element-4091e8b .flip-card-inner {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bd7a66 *//* 按鈕在 Elementor 容器中置中 */
.elementor-47435 .elementor-element.elementor-element-6bd7a66 {
  display: flex;
  justify-content: center;
  width: 100%;
}


/* CTA 按鈕 */
.elementor-47435 .elementor-element.elementor-element-6bd7a66 .quote-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 20px 48px;

  color: #fff;
  background: linear-gradient(90deg, #2563eb, #3b82f6);

  border: 2px solid #73d0ff;
  border-radius: 100px;

  box-shadow:
    inset 0 0 4px 4px rgba(115, 208, 255, .8),
    0 2px 0 rgba(72, 143, 255, .8);

  font-weight: 800;
  text-decoration: none;

  margin: 20px 0;

  /* 滑鼠縮放動畫 */
  transition: transform 0.5s ease !important;
}


/* 滑鼠移入：縮小至 0.9 倍 */
.elementor-47435 .elementor-element.elementor-element-6bd7a66 .quote-cta:hover {
  transform: scale(0.9) !important;
}


/* 前段文字 */
.elementor-47435 .elementor-element.elementor-element-6bd7a66 .quote-cta span {
  font-size: 24px;
  font-weight: 400;
}


/* 主要 CTA 文字 */
.elementor-47435 .elementor-element.elementor-element-6bd7a66 .quote-cta strong {
  font-size: 28px;
  font-weight: 800;
  text-shadow: 0 2px 4px #0058e2;
}


/* 箭頭 */
.elementor-47435 .elementor-element.elementor-element-6bd7a66 .quote-cta img {
  display: block;

  width: 28px;
  height: 28px;

  flex: 0 0 auto;
  object-fit: contain;

  margin-left: 28px;
}


/* Mobile */
@media (max-width: 767px) {

  .elementor-47435 .elementor-element.elementor-element-6bd7a66 .quote-cta {
    flex-wrap: wrap;
    text-align: center;
  }

  .elementor-47435 .elementor-element.elementor-element-6bd7a66 .quote-cta span {
    font-size: 18px;
  }

  .elementor-47435 .elementor-element.elementor-element-6bd7a66 .quote-cta strong {
    font-size: 22px;
  }

  .elementor-47435 .elementor-element.elementor-element-6bd7a66 .quote-cta img {
    width: 20px;
    height: 20px;
    margin-left: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-917331a *//* ========================================
   HTML 元件本身
   貼齊 Elementor 容器邊界
======================================== */

.elementor-47435 .elementor-element.elementor-element-917331a {
  width: 100%;
  margin: 0;
  padding: 0;
}

.elementor-47435 .elementor-element.elementor-element-917331a .elementor-widget-container {
  width: 100%;
  margin: 0;
  padding: 0;
}


/* ========================================
   整體藍色面板
======================================== */

.elementor-47435 .elementor-element.elementor-element-917331a .journey-panel {
  width: 100%;
  margin: 0;
  padding: 32px;

  box-sizing: border-box;

  background: #e8f0ff;
  border-radius: 20px;
}


/* ========================================
   四張卡片
======================================== */

.elementor-47435 .elementor-element.elementor-element-917331a .journey-grid {
  width: 100%;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;

  margin: 0;
  padding: 0;
}

.elementor-47435 .elementor-element.elementor-element-917331a .journey-card {
  height: 204px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 18px 24px;

  box-sizing: border-box;

  background: #fff;
  border-radius: 20px;
}


/* 圖示 */
.elementor-47435 .elementor-element.elementor-element-917331a .journey-card img {
  display: block;

  width: 72px;
  height: 72px;

  margin: 0 0 8px;

  object-fit: contain;
}


/* 標題 */
.elementor-47435 .elementor-element.elementor-element-917331a .journey-card h3 {
  margin: 0 0 10px;

  color: #000;

  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;

  text-align: center;
}


/* 標籤排列 */
.elementor-47435 .elementor-element.elementor-element-917331a .journey-tags {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.elementor-47435 .elementor-element.elementor-element-917331a .journey-tags span {
  padding: 4px 8px;

  color: #5289ff;
  background: #e8f0ff;

  border-radius: 4px;

  font-size: 16px;
  line-height: 19px;

  white-space: nowrap;
}


/* ========================================
   下方說明文字
======================================== */

.elementor-47435 .elementor-element.elementor-element-917331a .journey-note {
  margin: 16px 0 0;
  padding: 12px 24px;

  background:
    linear-gradient(
      90deg,
      #e8f0ff,
      #fff 51%,
      #e8f0ff
    );

  color: #5289ff;

  font-size: 18px;
  line-height: 32px;
  font-weight: 500;

  text-align: center;
}


/* ========================================
   Mobile
======================================== */

@media (max-width: 767px) {

  .elementor-47435 .elementor-element.elementor-element-917331a .journey-panel {
    padding: 20px;
  }

  .elementor-47435 .elementor-element.elementor-element-917331a .journey-grid {
    grid-template-columns: 1fr;
  }

  .elementor-47435 .elementor-element.elementor-element-917331a .journey-card {
    height: auto;
    min-height: 190px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b4c3f5a */.elementor-47435 .elementor-element.elementor-element-b4c3f5a .font_bold {
  color: #5289ff;
  font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-60c57cf *//* ========================================
   HTML 元件貼齊 Elementor 容器邊界
======================================== */

.elementor-47435 .elementor-element.elementor-element-60c57cf {
  width: 100%;
  margin: 0;
  padding: 0;
}

.elementor-47435 .elementor-element.elementor-element-60c57cf .elementor-widget-container {
  width: 100%;
  margin: 0;
  padding: 0;
}


/* ========================================
   三張優勢卡片
======================================== */

.elementor-47435 .elementor-element.elementor-element-60c57cf .advantages-grid {
  width: 100%;
  margin: 0;
  padding: 0;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}


/* 卡片共用樣式 */
.elementor-47435 .elementor-element.elementor-element-60c57cf .adv-card {
  min-height: 100px;
  padding: 24px 20px;

  box-sizing: border-box;

  text-align: center;

  background: #fff;
  border: 1px solid;
  border-radius: 20px;
}


/* 標題 */
.elementor-47435 .elementor-element.elementor-element-60c57cf .adv-card h3 {

  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
}


/* 內文 */
.elementor-47435 .elementor-element.elementor-element-60c57cf .adv-card p {
  margin: 0;

  color: #333;

  font-size: 18px;
  line-height: 32px;
}


/* ========================================
   效率 ONE-STOP
======================================== */

.elementor-47435 .elementor-element.elementor-element-60c57cf .adv-card.cyan {
  background: #e5f5ff;
  border-color: #00a1ff;
}

.elementor-47435 .elementor-element.elementor-element-60c57cf .adv-card.cyan h3 {
  color: #00a1ff;
}


/* ========================================
   經驗 EXPERIENCE
======================================== */

.elementor-47435 .elementor-element.elementor-element-60c57cf .adv-card.blue {
  background: #e8f0ff;
  border-color: #5289ff;
}

.elementor-47435 .elementor-element.elementor-element-60c57cf .adv-card.blue h3 {
  color: #5289ff;
}


/* ========================================
   彈性 FLEXIBILITY
======================================== */

.elementor-47435 .elementor-element.elementor-element-60c57cf .adv-card.purple {
  background: #f5efff;
  border-color: #a175ea;
}

.elementor-47435 .elementor-element.elementor-element-60c57cf .adv-card.purple h3 {
  color: #a175ea;
}


/* ========================================
   Mobile
======================================== */

@media (max-width: 767px) {

  .elementor-47435 .elementor-element.elementor-element-60c57cf .advantages-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bfa7f14 */.elementor-47435 .elementor-element.elementor-element-bfa7f14 strong {
  color: #5289ff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c2553b *//* ========================================
   元件本身貼合 Elementor 容器
======================================== */

.elementor-47435 .elementor-element.elementor-element-1c2553b {
  width: 100%;
  margin: 0;
  padding: 0;
}

.elementor-47435 .elementor-element.elementor-element-1c2553b .elementor-widget-container {
  width: 100%;
  margin: 0;
  padding: 0;
}

.elementor-47435 .elementor-element.elementor-element-1c2553b .case-list {
  width: 100%;
  margin: 0;
  padding: 0;

  display: flex;
  flex-direction: column;
  gap: 32px;
}


/* ========================================
   單一案例
======================================== */

.elementor-47435 .elementor-element.elementor-element-1c2553b .case-row {
  width: 100%;
  min-height: 400px;

  margin: 0;
  padding: 0 24px 0 0;

  display: grid;
  grid-template-columns:
    354px
    minmax(0, 1fr)
    48px
    minmax(0, 1fr);

  gap: 12px;
  align-items: center;

  background: #f0f3fc;

  border-radius: 16px 0 0 16px;

  overflow: hidden;
  box-sizing: border-box;
}


/* ========================================
   左側藍色品牌區
======================================== */

.elementor-47435 .elementor-element.elementor-element-1c2553b .case-brand {
  align-self: stretch;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 32px;

  background: linear-gradient(90deg, #2563eb, #3b82f6);

  color: #fff;
  text-align: center;

  box-sizing: border-box;
}

.elementor-47435 .elementor-element.elementor-element-1c2553b .case-brand h3 {
  margin: 0 0 8px;

  color: #fff;

  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
}


/* 淺藍標籤 */
.elementor-47435 .elementor-element.elementor-element-1c2553b .case-tag {
  display: inline-flex;

  padding: 4px 12px;

  background: #d4e3ff;
  color: #5289ff;

  border-radius: 4px;

  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}


/* 產業清單 */
.elementor-47435 .elementor-element.elementor-element-1c2553b .case-brand ul {

  margin: 15px 0 0;
  padding: 0;

  list-style: none;

  text-align: left;

  font-size: 18px;
  line-height: 32px;
}

.elementor-47435 .elementor-element.elementor-element-1c2553b .case-brand li::before {
  content: "・";
}


/* 驗證文字 */
.elementor-47435 .elementor-element.elementor-element-1c2553b .case-brand strong {
  margin-top: 15px;

  color: #fff;

  font-size: 20px;
  line-height: 1.4;
  font-weight: 800;
}


/* 查看案例 */
.elementor-47435 .elementor-element.elementor-element-1c2553b .case-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  margin-top: 8px;
  padding: 0px 22px;

  background: #fff;
  color: #5289ff;

  border-radius: 100px;

  box-shadow: 8px 8px 16px #386dde;

  font-size: 18px;
  font-weight: 800;

  text-decoration: none;
}

.elementor-47435 .elementor-element.elementor-element-1c2553b .case-link img {
  display: block;

  width: 20px;
  height: 20px;

  object-fit: contain;
}


/* ========================================
   Before / After 白色內容卡
======================================== */

.elementor-47435 .elementor-element.elementor-element-1c2553b .case-detail {
  height: 345px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  padding: 16px 24px;

  background: #fcfdff;

  border-radius: 12px;

  box-sizing: border-box;
}


/* 上方 icon */
.elementor-47435 .elementor-element.elementor-element-1c2553b .case-detail > img {
  display: block;

  width: 67px;
  height: 56px;

  margin-bottom: 10px;

  object-fit: contain;
}


/* 面臨困境 / 導入後改善 */
.elementor-47435 .elementor-element.elementor-element-1c2553b .case-status {
  width: 100%;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;

  font-size: 20px;
  line-height: 1.2;
  font-weight: 800;
}

.elementor-47435 .elementor-element.elementor-element-1c2553b .case-detail.before .case-status {
  background: #ff4b4b;
}

.elementor-47435 .elementor-element.elementor-element-1c2553b .case-detail.after .case-status {
  background: #5289ff;
}


/* 卡片標題 */
.elementor-47435 .elementor-element.elementor-element-1c2553b .case-detail h5 {
  align-self: flex-start;


  color: #333;

  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
}


/* 卡片內文 */
.elementor-47435 .elementor-element.elementor-element-1c2553b .case-detail p {
  margin: 0;

  color: #333;

  font-size: 16px;
  line-height: 28px;
}


/* ========================================
   中央箭頭
======================================== */

.elementor-47435 .elementor-element.elementor-element-1c2553b .case-arrow {
  width: 48px;
  height: 60px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.elementor-47435 .elementor-element.elementor-element-1c2553b .case-arrow img {
  display: block;

  width: 48px;
  height: 60px;

  object-fit: contain;
}


/* ========================================
   Tablet
======================================== */

@media (max-width: 1200px) {

  .elementor-47435 .elementor-element.elementor-element-1c2553b .case-row {
    grid-template-columns:
      260px
      minmax(0, 1fr)
      36px
      minmax(0, 1fr);
  }


}


/* ========================================
   Mobile
======================================== */

@media (max-width: 767px) {

  .elementor-47435 .elementor-element.elementor-element-1c2553b .case-list {
    gap: 24px;
  }

  .elementor-47435 .elementor-element.elementor-element-1c2553b .case-row {
    min-height: 0;

    grid-template-columns: 1fr;

    padding: 0;

    border-radius: 16px;
  }

  .elementor-47435 .elementor-element.elementor-element-1c2553b .case-brand {
    min-height: 280px;
  }

  .elementor-47435 .elementor-element.elementor-element-1c2553b .case-detail {
    width: calc(100% - 32px);
    height: auto;
    min-height: 300px;

    margin: 20px 16px;
  }

  .elementor-47435 .elementor-element.elementor-element-1c2553b .case-arrow {
    margin: 0 auto;

    transform: rotate(90deg);
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c66c39 *//* ========================================
   貼合 Elementor HTML 元件邊界
======================================== */

.elementor-47435 .elementor-element.elementor-element-8c66c39 {
  width: 100%;
  margin: 0;
  padding: 0;
}

.elementor-47435 .elementor-element.elementor-element-8c66c39 .elementor-widget-container {
  width: 100%;
  margin: 0;
  padding: 0;
}


/* ========================================
   整體公式排列
======================================== */

.elementor-47435 .elementor-element.elementor-element-8c66c39 .formula {
  width: 100%;
  margin: 0;
  padding: 0;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    48px
    minmax(0, 1fr)
    48px
    minmax(0, 1fr)
    48px
    minmax(0, 1.4fr);

  gap: 12px;
  align-items: center;
}


/* ========================================
   一般條件卡
======================================== */

.elementor-47435 .elementor-element.elementor-element-8c66c39 .formula-item {
  min-height: 241px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  padding: 20px 24px;

  box-sizing: border-box;

  background: #fcfdff;

  border-radius: 12px;

  text-align: center;
}


/* 01 / 02 / 03 */
.elementor-47435 .elementor-element.elementor-element-8c66c39 .formula-number {
  color: #5289ff;

  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
}


/* 卡片標題 */
.elementor-47435 .elementor-element.elementor-element-8c66c39 .formula-item h3 {
  margin: 10px 0 10px;

  color: #333;

  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
}


/* 卡片內容 */
.elementor-47435 .elementor-element.elementor-element-8c66c39 .formula-item p {
  margin: 0;

  color: #333;

  font-size: 18px;
  line-height: 32px;
}


/* ========================================
   + / = 運算符號
======================================== */

.elementor-47435 .elementor-element.elementor-element-8c66c39 .formula-operator {
  width: 48px;
  height: 60px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.elementor-47435 .elementor-element.elementor-element-8c66c39 .formula-operator img {
  display: block;

  width: 48px;
  height: 60px;

  object-fit: contain;
}


/* ========================================
   右側結果卡
======================================== */

.elementor-47435 .elementor-element.elementor-element-8c66c39 .formula-item.result {
  color: #fff;

  background:
    linear-gradient(
      180deg,
      #5289ff,
      #0063ff
    );

  box-shadow:
    16px 16px 20px -8px rgba(82, 137, 255, .15);
}

.elementor-47435 .elementor-element.elementor-element-8c66c39 .formula-item.result h3 {
  margin: 0 0 12px;

  color: #fff;
}

.elementor-47435 .elementor-element.elementor-element-8c66c39 .result-label {
  width: 100%;

  background: #e8f0ff;
  color: #5289ff;

  border: 1px solid #a0b6ff;
  border-radius: 8px;

  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
}

.elementor-47435 .elementor-element.elementor-element-8c66c39 .formula-item.result p {
  margin-top: 20px;

  color: #fff;
}


/* ========================================
   Tablet
======================================== */




/* ========================================
   Mobile
======================================== */

@media (max-width: 767px) {

  .elementor-47435 .elementor-element.elementor-element-8c66c39 .formula {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .elementor-47435 .elementor-element.elementor-element-8c66c39 .formula-item {
    min-height: 210px;
  }

  .elementor-47435 .elementor-element.elementor-element-8c66c39 .formula-operator {
    margin: 0 auto;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e1991c *//* ========================================
   Elementor 元件貼齊容器
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c {
  width: 100%;
  margin: 0;
  padding: 0;
}

.elementor-47435 .elementor-element.elementor-element-9e1991c .elementor-widget-container {
  width: 100%;
  margin: 0;
  padding: 0;
}


/* ========================================
   FAQ 整體排列
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c .iso-faq-accordion {
  width: 100%;

  display: flex;
  flex-direction: column;
  gap: 12px;

  margin: 0;
  padding: 0;
}


/* ========================================
   FAQ 單題
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c .faq-item {
  width: 100%;

  margin: 0;
  padding: 0;

  border: 0;
}


/* ========================================
   FAQ 問題列
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c .faq-item summary {
  width: 100%;

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

  padding: 10px 20px;

  box-sizing: border-box;

  list-style: none;
  cursor: pointer;

  color: #fff;

  background: linear-gradient(
    90deg,
    #8db4ff,
    #5289ff
  );

  border-radius: 12px;

  font-size: 20px;
  line-height: 1.25;
  font-weight: 600;

  transition:
    border-radius .36s cubic-bezier(.22, .61, .36, 1);
}


/* ========================================
   移除瀏覽器原生 details 箭頭
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c .faq-item summary::-webkit-details-marker {
  display: none;
}

.elementor-47435 .elementor-element.elementor-element-9e1991c .faq-item summary::marker {
  content: "";
}


/* ========================================
   右側箭頭
   預設＝收合狀態
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c .faq-item summary::after {
  content: "";

  display: block;

  width: 22px;
  height: 13px;

  flex: 0 0 22px;

  background:
    url("https://techops.digiwin.com/wp-content/uploads/2026/09/faq-chevron-down.svg")
    center / contain
    no-repeat;
}


/* ========================================
   JS 展開狀態

   注意：
   箭頭與圓角統一由 is-active 控制，
   不直接使用 [open]，
   才能與收合 / 展開動畫同步。
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c .faq-item.is-active summary {
  border-radius: 24px 24px 0 0;
}


/* 展開時切換成向上箭頭 */
.elementor-47435 .elementor-element.elementor-element-9e1991c .faq-item.is-active summary::after {
  background-image:
    url("https://techops.digiwin.com/wp-content/uploads/2026/09/faq-chevron-up.svg");
}


/* ========================================
   FAQ 答案
   預設收合
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c .faq-answer {
  height: 0;

  overflow: hidden;

  opacity: 0;

  will-change:
    height,
    opacity;
}


/* ========================================
   JS 正在展開 / 收合時
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c .faq-item.is-opening .faq-answer,
.elementor-47435 .elementor-element.elementor-element-9e1991c .faq-item.is-closing .faq-answer {
  overflow: hidden;
}


/* ========================================
   原生 details fallback

   如果 JavaScript 沒有執行，
   使用者仍可以直接點擊 details 展開答案。

   加上 not(.is-opening / is-closing)
   避免干擾 JS 360ms 動畫。
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c
.faq-item[open]:not(.is-opening):not(.is-closing)
.faq-answer {
  height: auto;
  opacity: 1;
}


/* ========================================
   原生 details fallback
   標題圓角

   正常 JS 運作時仍由 is-active 控制。
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c
.faq-item[open]:not(.is-opening):not(.is-closing)
summary {
  border-radius: 24px 24px 0 0;
}


/* ========================================
   原生 details fallback
   向上箭頭

   is-closing 時不套用，
   所以 JS 收合開始的一瞬間就會變回向下箭頭。
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c
.faq-item[open]:not(.is-opening):not(.is-closing)
summary::after {
  background-image:
    url("https://techops.digiwin.com/wp-content/uploads/2026/09/faq-chevron-up.svg");
}


/* ========================================
   答案文字
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c .faq-answer-inner {
  padding: 12px 20px;

  color: #12122e;

  font-size: 18px;
  line-height: 28px;
}


/* ========================================
   Keyboard Focus
======================================== */

.elementor-47435 .elementor-element.elementor-element-9e1991c .faq-item summary:focus-visible {
  outline: 3px solid #00a1ff;
  outline-offset: 4px;
}


/* ========================================
   減少動畫偏好
======================================== */

@media (prefers-reduced-motion: reduce) {

  .elementor-47435 .elementor-element.elementor-element-9e1991c .faq-item summary {
    transition: none;
  }

}/* End custom CSS */