/**
 * 其他服務頁面樣式 (page-other-services.php)
 *
 * @package mytheme
 */

/* ===== 其他服務頁面 ===== */
.page-other-services {
}

.pbx-section {
  padding: 0 0 138px;
  margin-top: -187px;
  position: relative;
}

.pbx-left-dec {
  position: absolute;
  left: 0;
  top: -350px;
}

.pbx-items {
  display: flex;
  width: 1172px;
  align-items: center;
  gap: 91px;
  position: relative;
  margin: 69px auto 36px;
}

.pbx-items .pbx-item {
  display: flex;
  flex-direction: column;
  width: 330px;
  align-items: flex-start;
  gap: 36px;
  position: relative;
}

.pbx-items .pbx-item-title {
  height: 64px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #ffffff;
  background-color: #ff942b;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  text-shadow: 0px 4px 12.3px #00000040;
  font-weight: 500;
}

.pbx-items .h-wrapper {
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  text-shadow: 0px 4px 12.3px #00000040;
  color: #ffffff;
  font-weight: 500;
  background-color: #0b2341;
}

.pbx-items .pbx-item-container {
  flex-direction: column;
  height: auto;
  align-items: flex-start;
  gap: 32px;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.pbx-items .pbx-item-des {
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.pbx-items .text-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter-Medium", Helvetica;
  font-weight: 500;
  color: #0b2341;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 48px;
}

.pbx-items .line {
  position: relative;
  align-self: stretch;
  width: 100%;
  background: #000;
  height: 1px;
  object-fit: cover;
}

.pbx-items .h {
  margin-left: -29.5px;
  margin-right: -29.5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  text-shadow: 0px 4px 12.3px #00000040;
  font-family: "Inter-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 48px;
  white-space: nowrap;
}

.pbx-items .div {
  width: 417px;
  margin-right: -87px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 48px;
}

.pbx-items .h-2 {
  margin-left: -58.5px;
  margin-right: -58.5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  text-shadow: 0px 4px 12.3px #00000040;
  font-family: "Inter-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 48px;
  white-space: nowrap;
}

/* video-intercom */
.video-intercom-section {
  position: relative;
  padding: 64px 0 33px;
  background-image: url("../../images/white-intercom-wall.webp");
}

.video-intercom-dec-bg {
  position: absolute;
  right: 0;
  top: -305px;
}
.video-intercom {
  display: flex;
  flex-direction: column;
  width: 938px;
  align-items: center;
  position: relative;
  margin: 36px auto 64px;
}

.video-intercom .video-intercom-items {
  display: flex;
  width: 896px;
  height: 100px;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 21px;
}

.video-intercom .frame {
  background-color: #ffdc37;
  display: flex;
  width: 378px;
  height: 99px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px 18px;
  position: relative;
  border-radius: 30px;
}

.video-intercom .text-wrapper {
  width: fit-content;
  color: #000000;
  position: relative;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 48px;
  white-space: nowrap;
}

.video-intercom .div-wrapper {
  background-color: #0b2341;
  display: flex;
  width: 378px;
  height: 99px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px 18px;
  position: relative;
  border-radius: 30px;
}

.video-intercom .div {
  position: relative;
  width: fit-content;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #ececec;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 48px;
  white-space: nowrap;
}

.video-intercom .video-intercom-items-2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  padding: 70px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.video-intercom .video-intercom-item {
  display: flex;
  flex-direction: column;
  width: 419px;
  align-items: flex-start;
  gap: 28px;
  position: relative;
  border-radius: 20px;
}

.video-intercom .video-intercom-text {
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px 19px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 4px 19.3px #00000040;
}

.video-intercom .div-2 {
  display: flex;
  flex-direction: column;
  width: 140px;
  align-items: flex-start;
  gap: 52px;
  position: absolute;
  top: 82px;
  left: calc(50% - 70px);
}

.video-intercom .div-wrapper-2 {
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #ff942b;
  border-radius: 60px;
}

.video-intercom .text-wrapper-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 40px;
  color: #ffffff;
  text-align: center;
  position: relative;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 48px;
  white-space: nowrap;
}

.video-intercom .text-wrapper-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 139px;
  height: 40px;
  margin-top: -8px;
  margin-bottom: -6px;
  margin-left: -9.5px;
  margin-right: -9.5px;
  color: #ffffff;
  text-align: center;
  position: relative;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 48px;
  white-space: nowrap;
}

.video-intercom .text-wrapper-4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 40px;
  margin-top: -8px;
  margin-bottom: -6px;
  margin-left: -10px;
  margin-right: -10px;
  color: #ffffff;
  text-align: center;
  position: relative;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 48px;
  white-space: nowrap;
}

/* access control */

.access-control-section {
  padding: 202px 0;
}

.access-control-items {
  width: 100%;
  max-width: 772px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
  text-align: left;
  font-size: 20px;
  color: #000;
  font-family: "Kulim Park";
  margin: 36px auto 64px;
}
.access-control-item {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: 28px;
}
.access-control-title-wrapper {
  height: 60px;
  width: 240px;
  background: linear-gradient(-90deg, rgba(255, 220, 55, 0.1), #ffdc37);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 71px;
  box-sizing: border-box;
}
.access-control-title {
  position: relative;
  letter-spacing: 0.1em;
  font-weight: 700;
  white-space: nowrap;
}
.access-control-item-des {
  position: relative;
  font-size: 18px;
  letter-spacing: 0.1em;
}
.access-control-item2 {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: 28px;
  color: #fff;
}
.access-control-title-wrapper2 {
  height: 60px;
  width: 240px;
  background: linear-gradient(90deg, #0b2341, rgba(236, 236, 236, 0));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 71px;
  box-sizing: border-box;
}
.access-control-title2 {
  position: relative;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  text-shadow: 0px 4px 14.1px rgba(0, 0, 0, 0.25);
}
.access-control-item-des2 {
  position: relative;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: #000;
}

/* security broadcasting */
.security-broadcasting-items {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 40px;
  text-align: center;
  font-family: Inter;
  margin-bottom: 120px;
}
.security-broadcasting-items2 {
  width: 700px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 42px;
}

.security-broadcasting-items-child {
  align-self: stretch;
  height: 478px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
/* 收合功能容器 */

.orange-border {
  border: 1px solid #ff942b;
}
.collapse-text {
  text-align: left;
  line-height: 36px;
  height: 108px;
}
.collapse-item-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.collapse-btn {
  align-self: stretch;
  height: 69px;
  border-radius: 60px;
  background: linear-gradient(90deg, #ff942b, #ffdc37);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px 317px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.collapse-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 148, 43, 0.4);
}

.collapse-btn-wrapper {
  width: 104px;
  display: flex;
  align-items: center;
  gap: 21px;
  flex-shrink: 0;
}

.collapse-btn-text {
  font-size: 24px;
  font-weight: 500;
  white-space: nowrap;
}

.icon {
  height: 14px;
  width: 22px;
  position: relative;
  transition: transform 0.35s ease;
}

/* 圖標旋轉 - 展開時 */
.collapse-item-wrapper.active .icon {
  transform: rotate(180deg);
}

/* 收合內容區域 */
.collapse-content {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.35s ease,
    padding-top 0.35s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}

/* 展開狀態 */
.collapse-item-wrapper.active .collapse-content {
  max-height: 2200px;
  padding-top: 48px;
  padding-bottom: 100px;
}

/* 按鈕文字變化 - 使用偽元素 */
.collapse-item-wrapper.active .collapse-btn-text {
  font-size: 0;
}

.collapse-item-wrapper.active .collapse-btn-text::after {
  content: "收起";
  font-size: 24px;
}
.collapse-section-item {
  width: 540px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 42px;
  box-sizing: border-box;
  gap: 10px;
}
.collapse-sec-title {
  color: #0b2341;
  font-weight: 700;
  width: 448px;
  height: 97px;
  position: relative;
  line-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.collapse-sec-des-items {
  width: 448px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  text-align: left;
  color: #ffac27;
}
.collapse-sec-des-item {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}
.collapse-section-title {
  align-self: stretch;
  position: relative;
  font-size: 24px;
  line-height: 48px;
}
.collapse-section-text {
  align-self: stretch;
  position: relative;
  font-size: 20px;
  line-height: 48px;
  color: #000;
}
.security-broadcasting-items3 {
  width: 700px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 42px;
}

.collapse-section-item3 {
  width: 540px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 42px;
  box-sizing: border-box;
  gap: 10px;
}
.collapse-sec-title3 {
  width: 448px;
  flex: 1;
  position: relative;
  line-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 佈線查修 */

.schematic-diagram {
  width: 100%;
}

.shadow-container {
  width: 1440px;
  height: 729px;
  box-shadow: 3px -25px 19.3px 0 rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  background: #fff;
}

.wiring-inspection-section {
  margin-top: -162px;
  padding-bottom: 142px;
  z-index: 1;
  position: relative;
}

.wiring-inspection-container {
  margin-top: -639px;
  display: flex;
  flex-direction: column;
}

.inspection-section {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  text-align: center;
  color: #0b2341;
  font-family: Inter;
  margin-top: 36px;
}
.inspection-items {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.inspection-item {
  height: 915px;
  width: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 115px 0px 0px;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
}
.inspection-des-container {
  width: 520px;
  height: 800px;
  border-radius: 20px;
  border: 3px solid #d9d9d9;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 146px 0px 0px;
  gap: 32px;
  z-index: 0;
  flex-shrink: 0;
}
.inspection-des-item {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inspection-des-title {
  align-self: stretch;
  position: relative;
  line-height: 48px;
  font-weight: 600;
}
.inspection-des-text {
  align-self: stretch;
  position: relative;
  font-size: 20px;
  line-height: 48px;
  color: #000;
}
.gray-circle-title {
  width: 230px;
  height: 230px;
  margin: 0 !important;
  position: absolute;
  top: 0px;
  left: 145px;
  border-radius: 135px;
  background-color: #d9d9d9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  z-index: 1;
  flex-shrink: 0;
  text-align: left;
  color: #000;
}
.inspection-item-title-black {
  position: relative;
  line-height: 48px;
  font-weight: 600;
  flex-shrink: 0;
}
.inspection-item2 {
  height: 915px;
  width: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 115px 0px 0px;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: 31px;
}
.inspection-des-container2 {
  align-self: stretch;
  height: 800px;
  border-radius: 20px;
  border: 3px solid #ffac27;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 146px 0px 0px;
  gap: 32px;
  z-index: 0;
  flex-shrink: 0;
}
.inspection-des-text6 {
  width: 450px;
  position: relative;
  font-size: 20px;
  line-height: 48px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inspection-des-text7 {
  width: 430px;
  position: relative;
  font-size: 20px;
  line-height: 48px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inspection-des-text9 {
  width: 428px;
  position: relative;
  font-size: 20px;
  line-height: 48px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.orange-circle-title {
  width: 230px;
  height: 230px;
  margin: 0 !important;
  position: absolute;
  top: 0px;
  left: 145px;
  border-radius: 135px;
  background-color: #ffac27;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  z-index: 1;
  flex-shrink: 0;
  text-align: left;
  color: #fff;
}

.ciaoli-page-des-wrapper {
}

.page-des-text {
  font-size: 18px;
  line-height: 36px;
  max-width: 701px;
}

.ciaoli-des-container {
  width: 785px;
  height: 230px;
  padding-top: 40px;
  border-radius: 30px;
  /* 中空漸層外框：內層白色 + 外框漸層 */
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #ff942b, #ffdc37) border-box;
  border: 3px solid transparent;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  color: #000;
  margin-bottom: -40px;
}

@media (max-width: 768px) {
  .pbx-section {
    padding: 0 0 44px;
    margin-top: -20px;
  }

  .pbx-items {
    margin: 16px auto 20px;
    flex-direction: column;
    gap: 28px;
    width: 100%;
  }
  .pbx-items .pbx-item-container {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 18px;
  }

  .pbx-items .pbx-item-des {
    max-width: 78px;
    align-items: center;
    gap: 4px;
  }

  .pbx-items .line {
    width: 1px;
    height: 41px;
  }

  .pbx-items .text-wrapper {
    font-size: 13px;
    line-height: normal;
    justify-content: center;
  }

  .pbx-items .pbx-item {
    gap: 20px;
  }

  .pbx-items .pbx-item-title,
  .pbx-items .h-wrapper {
    height: 26px;
  }

  .pbx-des-text {
    text-align: center;
    line-height: 16px !important;
  }
  .pbx-item:nth-child(1) .line:nth-of-type(3),
  .pbx-item:nth-child(2) .line:nth-of-type(3),
  .pbx-item:nth-child(3) .line:nth-of-type(3) {
    display: none;
  }

  .video-intercom-dec-bg {
    right: -15px;
    top: -85px;
    height: 135px;
  }

  /* video intercom */
  .video-intercom-section {
    padding: 16px 0 5px;
    background-image: url(../../images/white-intercom-wall-rwd.webp);
  }

  .video-intercom {
    margin: 16px auto 20px;
    width: 100%;
  }

  .video-intercom .video-intercom-items {
    max-width: 290px;
    width: 100%;
    left: auto;
  }

  .video-intercom .frame,
  .video-intercom .div-wrapper {
    width: 122px;
    font-size: 14px;
  }

  .video-intercom .div,
  .video-intercom .text-wrapper {
    font-size: 14px;
  }

  .video-intercom .video-intercom-item {
    width: 100%;
    max-width: 135.8px;
  }

  .video-intercom .video-intercom-items-2 {
    gap: 40px;
    width: 100%;
  }

  .video-intercom .div-2 {
    width: 100%;
    max-width: 67.36px;
    left: 50%;
    transform: translateX(-50%);
  }

  .video-intercom .video-intercom-text {
    padding: 0;
    border-radius: 20px;
    box-shadow: 0 4px 19.3px 0 rgba(0, 0, 0, 0.25);
    text-align: center;
    line-height: 1.2 !important;
    flex-direction: column;
    gap: 0;
  }

  .mobile-text {
    display: none;
  }

  .video-intercom .text-wrapper-2 {
    font-size: 13px;
    line-height: 1.2;
  }

  .mobile-star {
    font-size: 16px;
  }
  .video-intercom-item:first-child .video-intercom-text:nth-child(2),
  .video-intercom-item:nth-child(2) .video-intercom-text:nth-child(2) {
    line-height: 0.6 !important;
  }

  /* access control */
  .access-control-section {
    padding: 60px 0 60px;
  }

  .access-control-items {
    margin: 16px auto 32.42px;
    gap: 18px;
    max-width: 300px;
  }

  .access-control-title-wrapper,
  .access-control-title-wrapper2 {
    width: 128px;
    height: 32px;
    padding: 0;
    flex-shrink: 0;
  }

  .access-control-item,
  .access-control-item2 {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }

  .access-control-title {
    font-size: 13px !important;
  }

  .access-control-title2 {
    font-size: 13px !important;
    color: #fff;
    text-shadow: 0 2.13px 7.508px rgba(0, 0, 0, 0.25);
    font-weight: 700;
  }

  .access-control-item-des {
    white-space: nowrap;
    letter-spacing: normal;
  }

  /*wiring inspection */
  .wiring-inspection-section {
    margin-top: 0;
    padding-bottom: 12px;
  }

  .security-broadcasting-items {
    flex-direction: column;
    align-items: center;
    gap: 60px;
    margin-bottom: 44px;
  }

  .collapse-text {
    height: auto;
  }

  .security-broadcasting-items2,
  .security-broadcasting-items3 {
    width: 100%;
    max-width: 300px;
    gap: 16px;
  }

  .security-broadcasting-items-child {
    height: 205px;
  }

  .collapse-btn-wrapper {
    width: 100%;
    justify-content: center;
  }

  .collapse-btn {
    height: 28px;
    padding: 0;
  }

  .collapse-btn-text {
    font-size: 14px;
  }

  [data-accordion-trigger] [data-accordion-icon] {
    margin-left: 0;
    width: 14px;
    height: 12px;
  }

  .collapse-item-wrapper.active .collapse-btn-text::after {
    font-size: 14px;
  }
  .collapse-item-wrapper.active .collapse-content {
    padding-top: 15px;
    overflow: inherit;
    gap: 24px;
    padding-bottom: 0;
  }

  [data-accordion-item] {
    margin-bottom: 0;
  }

  .collapse-section-item {
    width: 100%;
    padding: 40.44px 23.33px;
  }

  .collapse-sec-des-items {
    width: 100%;
    gap: 17.78px;
  }

  .collapse-sec-title {
    width: 100%;
    font-size: 13px !important;
    line-height: 26.67px !important;
    height: auto;
  }

  .collapse-section-title {
    font-size: 13px !important;
    line-height: 26.67px !important;
  }

  .collapse-section-text {
    font-size: 13px !important;
    line-height: 26.67px !important;
  }

  [data-accordion-content] {
    padding: 0;
  }

  /* wiring inspection */
  .shadow-container {
    margin-top: -98px;
    width: 328px;
    height: 138px;
    border-radius: 30px 30px 0 0;
    box-shadow: 3px -25px 19.3px 0 rgba(0, 0, 0, 0.25);
  }

  .schematic-diagram-rwd {
    width: 100%;
  }

  .wiring-inspection-container {
    margin-top: -109px;
  }

  .wiring-inspection-section .section-des {
    max-width: 263px;
  }

  .inspection-section {
    margin-top: 16px;
    gap: 28px;
  }

  .inspection-items {
    flex-direction: column;
    gap: 20px;
  }

  .inspection-item {
    width: 100%;
    padding: 66px 0 0px;
    height: auto;
  }

  .inspection-des-container {
    width: 100%;
    height: auto;
    gap: 18.46px;
    border: 2px solid #d9d9d9;
    border-radius: 12px;
    padding: 84.58px 0 23.58px;
  }

  .orange-item {
    border: 2px solid #ffac27;
  }

  /**/
  .gray-circle-title,
  .orange-circle-title {
    width: 132px;
    height: 132px;
    left: auto;
    font-size: 14px;
  }

  .inspection-des-title {
    font-size: 14px;
    line-height: 27.692px;
  }

  .inspection-des-text {
    font-size: 13px;
    line-height: 27.692px;
  }

  .ciaoli-page-des-wrapper {
    width: 100%;
  }

  .ciaoli-des-container {
    width: 100%;
    border: 2px solid transparent;
    margin-bottom: -16px;
  }

  .page-des-text {
    font-size: 13px;
    line-height: 22px;
    max-width: 242px;
  }
}