.elementor-5386 .elementor-element.elementor-element-43e3d3f{--display:flex;--background-transition:0.3s;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-5386 .elementor-element.elementor-element-1352d30 .elementor-icon-wrapper{text-align:center;}.elementor-5386 .elementor-element.elementor-element-2d501434{--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;--background-transition:0.3s;}.elementor-5386 .elementor-element.elementor-element-121da5f3{--display:flex;--background-transition:0.3s;}.elementor-5386 .elementor-element.elementor-element-5901dcdc .elementor-icon-wrapper{text-align:center;}/* Start custom CSS for html, class: .elementor-element-2b0353d1 */@media (max-width: 767px) {
        .workflow-title {
          font-size: 48px;
        }
        .workflow-container-all {
          width: 100%;
          display: flex;
          justify-content: center;
        }

        .step-text {
          font-size: 24px;
        }
        .workflow-desc {
          font-size: 16px;
          line-height: 24px;
        }
        .video-container {
          height: 300px;
        }
        .workflow-title {
          color: #151932;
          text-align: center;
          font-family: "Cabinet Grotesk Variable";
          font-size: 32px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          text-transform: uppercase;
          margin-bottom: 32px;
          order: -1;
        }
        .video-all {
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          max-width: 1164px;
          width: 100%;
          order: -1;
        }
        .video-container {
          width: 100%;
          max-width: 995px;
          height: 195px;
        }
        .prev-btn,
        .next-btn {
          position: absolute;
          bottom: -68px;
          transform: translateY(-50%);
          width: 36px;
          height: 36px;
          border-radius: 50%;
          /*background-color: #2b6cb0;*/
          color: #fff;
          border: none;
          outline: none;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 20px;
          transition: background-color 0.3s ease;
          padding:0px !Important;
        }
        .prev-btn {
          left: 20px;
        }
        .next-btn {
          right: 20px;
        }
        .step-circle,
        .steps-line {
          display: none;
        }
        /* 步骤导航容器 */
        .steps-container {
          margin: 0px 0;
          height:40px;
          text-align:center;
          display:flex;
          justify-content:center;
          width:auto;
          flex-direction:column;
          margin-top:15px;
        }
        .step-text {
          color: #151932;
          font-family: "Cabinet Grotesk Variable";
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          text-transform: capitalize;
        }
        .workflow-desc {
          max-width: 652px;
          margin: 20px 20px !important;
          color: #151932;
          text-align: left;
          font-family: "Cabinet Grotesk Variable";
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 18px;
          text-transform: capitalize;
        }
      }
      @media (min-width: 768px) {
        .workflow-container-all {
          width: calc(100% - 60px);
          display: flex;
          justify-content: center;
        }
        .workflow-title {
          color: #151932;
          text-align: center;
          font-family: "Cabinet Grotesk Variable";
          font-size: 64px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          text-transform: uppercase;
        }
        .video-all {
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          max-width: 1164px;
          width: 100%;
          margin-top:60px;
        }
        .video-container {
          width: 100%;
          max-width: 995px;
          height: 519px;
        }
        .prev-btn,
        .next-btn {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 36px;
          height: 36px;
          border-radius: 50%;
          /*background-color: #2b6cb0;*/
          color: #fff;
          border: none;
          outline: none;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 20px;
          transition: background-color 0.3s ease;
          padding:0px;
        }
        .prev-btn {
          left: 0;
        }
        .next-btn {
          right: 0;
        }
        .step-circle {
          width: 32px;
          height: 32px;
          border-radius: 50%;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 24px;
          background-color: #e1e6f1;
          display: flex;
          align-items: center;
          justify-content: center;
          color: white;
        }
        /* 步骤导航容器 */
        .steps-container {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 20px;
          margin: 100px 0 20px 0;
          position: relative;
          width: 100%;
        }
        .step-text {
          color: #151932;
          font-family: "Cabinet Grotesk Variable";
          font-size: 32px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          text-transform: capitalize;
        }
        .workflow-desc {
          max-width: 652px;
          margin: 0 auto 60px;
          color: #151932;
          text-align: center;
          font-family: "Cabinet Grotesk Variable";
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: 28px;
          text-transform: capitalize;
        }
      }

      .workflow-container {
        max-width: 1494px;
        width: 100%;
        /*margin-bottom: 100px;*/
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
      }
      /* 标题样式 */

      /* 步骤线（模拟导航进度） */
      .steps-line {
        height: 1px;
        background-color: #e1e6f1;
        width: 100%;
        max-width: 219px;
        z-index: 1;
      }
      /* 单个步骤样式 */
      .steps-all {
        display: flex;
        flex-direction: row;
        width: 100%;
        max-width: 272px;
        align-content: center;
        align-items: center;
        gap: 20px;
      }
      .step {
        position: relative;
        z-index: 2;
        background-color: #fff;
        display: flex;
        flex-direction: row;
        align-items: center;
        cursor: pointer;
        transition: color 0.3s ease;
      }

      .step-circle.active {
        width: 40px;
        height: 40px;
        background-color: #fb923c;
        border: solid 4px #feddd4;
        color: #fff;
      }
      .step-active {
        width: 100%;
        display: flex;
        justify-content: space-between;
      }

      .show-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
      }

      /* 3D 展示区域 */

      .video-container video {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      /* 左右切换按钮 */

      .prev-btn:hover,
      .next-btn:hover {
        background-color: #00000000;
      }
      /* 响应式适配 */
      
      
      .ind_post_loop svg{
    transition: all 0.3s;
}

.video-all .prev-btn:active,
.video-all .prev-btn:focus,
.video-all .next-btn:active,
.video-all .next-btn:focus
{
    background-color: #00000000 !Important;
}
.video-all svg>path:nth-child(1){
    fill: #E7EBF1 !important;
    
}
.video-all svg>path:nth-child(2){
    display: none;
}
.video-all svg>path:nth-child(3){
    fill: #E7EBF1 !important;
}
.video-all svg>path:nth-child(3){
    stroke: #103674 !important
}
.video-all svg:hover>path:nth-child(1){
    fill-opacity: 1;
    opacity: 1 !important;
    fill: #103674 !important
}
.video-all svg:hover>path:nth-child(3){
    fill: #10367499!important;
    stroke: #fff !important;
}/* End custom CSS */