.upgrade-statement .content {
      display: flex;
      flex-direction: column;
      gap: 2.5rem;
}

@media (min-width: 1024px) {

      .upgrade-statement .content {
            flex-direction: row;
            align-items: center;
            gap: 5rem;
      }
}

    .upgrade-statement .content img {
      width: 507px;
      margin: 0 auto;
    }
  .upgrade-statement .text-box {
      display: flex;
      flex-direction: column;
      gap: 2.5rem;
}
  .upgrade-statement .text-box h3 {
      font-size: 1.125rem;
      line-height: 1.5;
      font-weight: 500;
      letter-spacing: 1.8px;
      --tw-text-opacity: 1;
      color: rgb(255 103 0 / var(--tw-text-opacity));
}
  @media (min-width: 700px) {

      .upgrade-statement .text-box h3 {
            font-size: 1.5625rem;
            line-height: 1.5;
            font-weight: 500;
            letter-spacing: 2.5px;
      }
}
  .upgrade-statement .text-box p {
      font-size: 0.9375rem;
      line-height: 1.5;
      letter-spacing: 1.5px;
      --tw-text-opacity: 1;
      color: rgb(81 90 104 / var(--tw-text-opacity));
}
  @media (min-width: 700px) {

      .upgrade-statement .text-box p {
            font-size: 1.125rem;
            line-height: 1.5;
            letter-spacing: 1.8px;
      }
}
  .upgrade-statement .button-box {
      margin-top: 2.5rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 1.5rem;
}
  @media (min-width: 700px) {

      .upgrade-statement .button-box {
            flex-direction: row;
      }
}

.software-upgrade {
      --tw-bg-opacity: 1;
      background-color: rgb(245 247 248 / var(--tw-bg-opacity));
}

.software-upgrade p {
      margin-bottom: 2rem;
      font-size: 0.9375rem;
      line-height: 1.5;
      letter-spacing: 1.5px;
      --tw-text-opacity: 1;
      color: rgb(81 90 104 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

      .software-upgrade p {
            margin-bottom: 2.5rem;
            font-size: 1.125rem;
            line-height: 1.5;
            letter-spacing: 1.8px;
      }
}

.software-upgrade .card-box {
      display: flex;
      flex-direction: column;
      gap: 2rem;
}

@media (min-width: 700px) {

      .software-upgrade .card-box {
            flex-direction: row;
            gap: 1.25rem;
      }
}

.software-upgrade .card-box .card {
      display: flex;
      flex-direction: column;
      align-items: center;
      border-radius: 20px;
      --tw-bg-opacity: 1;
      background-color: rgb(255 103 0 / var(--tw-bg-opacity));
}

.software-upgrade .card-box .card h3 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 1.2px;
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

      .software-upgrade .card-box .card h3 {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            font-size: 26px;
            letter-spacing: 1.5px;
      }
}

.software-upgrade .card-box .card .content-box {
      height: 100%;
      width: 100%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 0.5rem;
}

.software-upgrade .card-box .card .content-box .content {
      display: flex;
      height: 100%;
      flex-direction: column;
      align-items: center;
      gap: 1.5rem;
      border-radius: 12px;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
}

.software-upgrade .card-box .card .content-box .content h4 {
      text-align: center;
      font-size: 0.9375rem;
      line-height: 1.5;
      letter-spacing: 1.5px;
}

@media (min-width: 700px) {

      .software-upgrade .card-box .card .content-box .content h4 {
            font-size: 1.125rem;
            line-height: 1.5;
            letter-spacing: 1.8px;
      }
}

.software-upgrade .card-box .card .content-box .content h4 span {
      --tw-text-opacity: 1;
      color: rgb(255 103 0 / var(--tw-text-opacity));
}

.software-upgrade .card-box .card .content-box .content h4 small {
      font-size: 0.8125rem;
      line-height: 1.5;
      letter-spacing: 0.52px;
}

@media (min-width: 700px) {

      .software-upgrade .card-box .card .content-box .content h4 small {
            font-size: 0.9375rem;
            line-height: 1.5;
            letter-spacing: 1.2px;
      }
}

.software-upgrade .card-box .card .content-box .content ul {
      list-style-type: disc;
      padding-left: 1rem;
}

.software-upgrade .card-box .card .content-box .content ul li {
      font-size: 0.8125rem;
      line-height: 1.5;
      letter-spacing: 0.52px;
      --tw-text-opacity: 1;
      color: rgb(81 90 104 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

      .software-upgrade .card-box .card .content-box .content ul li {
            font-size: 0.9375rem;
            line-height: 1.5;
            letter-spacing: 1.2px;
      }
}

.software-upgrade .card-box .card .content-box .content ul li span {
      --tw-text-opacity: 1;
      color: rgb(255 103 0 / var(--tw-text-opacity));
}

.software-upgrade .card-box .card .content-box .content a {
      margin-top: auto;
      width: 100%;
}

@media (min-width: 700px) {

      .software-upgrade .card-box .card .content-box .content a {
            width: auto;
      }
}

.replacing-machine p, .law-assist p {
      font-size: 0.9375rem;
      line-height: 1.5;
      letter-spacing: 1.5px;
      --tw-text-opacity: 1;
      color: rgb(81 90 104 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

      .replacing-machine p, .law-assist p {
            font-size: 1.125rem;
            line-height: 1.5;
            letter-spacing: 1.8px;
      }
}

.replacing-machine p span, .law-assist p span {
      --tw-text-opacity: 1;
      color: rgb(255 103 0 / var(--tw-text-opacity));
}

.replacing-machine .step-box, .law-assist .step-box {
      margin-bottom: 1.5rem;
      margin-top: 2rem;
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      border-radius: 12px;
      --tw-bg-opacity: 1;
      background-color: rgb(245 247 248 / var(--tw-bg-opacity));
      padding: 1.25rem;
}

@media (min-width: 700px) {

      .replacing-machine .step-box, .law-assist .step-box {
            margin-top: 2.5rem;
      }
}

@media (min-width: 1024px) {

      .replacing-machine .step-box, .law-assist .step-box {
            flex-direction: row;
      min-height: 150px;
      }
}

.replacing-machine .step-box .step, .law-assist .step-box .step {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 1rem;
}

@media (min-width: 1024px) {

      .replacing-machine .step-box .step, .law-assist .step-box .step {
            flex: 1 1 0%;
      }
}

.replacing-machine .step-box .step h3, .law-assist .step-box .step h3 {
      border-radius: 4px;
      --tw-bg-opacity: 1;
      background-color: rgb(255 103 0 / var(--tw-bg-opacity));
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-top: 2px;
      padding-bottom: 2px;
      font-size: 0.8125rem;
      line-height: 1.5;
      letter-spacing: 0.52px;
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

      .replacing-machine .step-box .step h3, .law-assist .step-box .step h3 {
            font-size: 0.9375rem;
            line-height: 1.5;
            letter-spacing: 1.2px;
      }
}

.replacing-machine .step-box .step p, .law-assist .step-box .step p {
      font-size: 0.8125rem;
      line-height: 1.5;
      letter-spacing: 0.52px;
      --tw-text-opacity: 1;
      color: rgb(81 90 104 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

      .replacing-machine .step-box .step p, .law-assist .step-box .step p {
            font-size: 0.9375rem;
            line-height: 1.5;
            letter-spacing: 1.2px;
      }
}

@media (min-width: 1024px) {

      .replacing-machine .step-box .divide-line, .law-assist .step-box .divide-line {
            height: auto;
            width: 1px;
      }
}

.service-hotline {
      --tw-bg-opacity: 1;
      background-color: rgb(245 247 248 / var(--tw-bg-opacity));
}

.service-hotline p {
      font-size: 0.9375rem;
      line-height: 1.5;
      letter-spacing: 1.5px;
      --tw-text-opacity: 1;
      color: rgb(81 90 104 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

      .service-hotline p {
            font-size: 1.125rem;
            line-height: 1.5;
            letter-spacing: 1.8px;
      }
}

.service-hotline .orange-title-card .card-icon svg {
      width: 60px;
      height: 60px;
    }

.service-hotline .orange-title-card .card-content {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.service-hotline .orange-title-card .card-content p {
      font-size: 0.8125rem;
      line-height: 1.5;
}

@media (min-width: 1024px) {

      .service-hotline .orange-title-card .card-content p {
            font-size: 0.9375rem;
            line-height: 1.5;
      }
}

iframe {
  width: 100%;
  height: 100%;
}

/*# sourceMappingURL=p4-A23.css.map */