/*
Theme Name: Hello Elementor Child
Theme URI: http://example.com/hello-elementor-child/
Description: Child theme based on Hello Elementor theme.
Author: Your Name
Author URI: http://example.com
Template: hello-elementor
Version: 1.0
*/
html, body {
  margin: 0 !important;
  padding: 0 !important;
}
.txtareasub{
font-family:area !important;
padding:10px 0px 0px 20px;
}
.counter{
color:#F0F0FF;
font-size:40px;
font-weight: 600;
}
.txtareasub li {
  padding-left:5px;
}
.timeline sr7-content{
 left:auto!important;
}

.elementor-button:focus {
box-shadow: 3px 6px 6.1px 0px #4E4E5B66 inset!important;
background-color:#8144f9!important;
border-color: #1e1e29!important;
}

.ww{
color:#F0F0FF;
}


.footermenu {
    margin-left: auto !important;
    margin-right: 0 !important;
}

  .vertical-button {
    transform: rotate(90deg); /* 将按钮旋转90度，变为竖直显示 */
    transform-origin: left top; /* 设置旋转原点为左上角 */
    display: inline-block; /* 按钮行内显示 */
    position: -webkit-fixed !important; /* 支持Safari */
    position: fixed !important;
    top: 218px; /* 设置按钮距离顶部 */
    left: 114px; /* 设置按钮距离左侧 */
    z-index: 9999; /* 确保按钮位于其他元素之上 */
    transition: top 0.3s ease-in-out, left 0.3s ease-in-out !important; /* 缓动效果 */
  }
  
      .vertical-line {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 3px;
      background-color: #8144F9;
      height: 0;
      transition: height 0.1s linear;
      z-index: 0;
    }
    

      * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: sans-serif;
      padding: 20px;
    }
.swiper-slide {
  display: flex!important;
  justify-content: center;   /* 水平居中 */
  align-items: center;       /* 垂直居中 */
}
    .custom-carousel-container {
      display: flex;
      width: 100%;
      margin: auto;
      align-items: center;
    }

    .mySwiper,
    .text-panel {
      width: 50%;
      padding: 10px;
    }

    .swiper-slide img {
      width: 100%;
      max-width: 521px !important;
      height: auto;
      aspect-ratio: 3 / 2;
  object-fit: contain;     /* 保持比例，不裁切 */
      display: block;
    }

    .text-panel {
      position: relative;
      font-size: 32px;
      padding-left: 65px;
      width: 50%;
        position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
    }
.container-right > .e-con-inner{
    margin-left: auto !important;
    margin-right: 0 !important;
}
    .text-item {
      color: #f0f0fa;
      cursor: pointer;
      transition: all 0.3s ease;
      line-height: 1.5;
    }

    .text-item.active {
      font-size: 32px;
      font-weight: 600;
      color: #f0f0fa;
    }

    .indicator-line {
      position: absolute;
      left: 0;
      width: 3px;
      background: #8144F9;
      transition: transform 0.3s ease, height 0.3s ease;
      border-radius: 2px;
    }
.hamburger .elementor-nav-menu--dropdown{
	height: calc(100vh - 86px);
   position: absolute!important;
   top: 49px!important;
   display: flex;
   align-items: center;   /* 垂直居中 */
}


.aminline, .highlight-block{
  position: relative;
  background-image: url('/wp-content/uploads/2025/07/line-1.png');
  background-repeat: repeat-y;
  background-position: center;
  background-size: 3px 100%;
}
.aminline2 {
  position: relative;
  background-image: url('/wp-content/uploads/2025/07/line-1.png');
  background-repeat: repeat-y;
  background-position: calc(50% + 1.5px) 0; /* 向右偏移3px */
  background-size: 3px 100%;
}
    @media (max-width: 768px) {
    
    .aminline{
  position: relative;
  background-image: url('/wp-content/uploads/2025/07/line-1.png');
  background-repeat: repeat-y;
  background-position: 0px 0;
  background-size: 3px 100%;
}

  .custom-carousel-container {
    flex-direction: row; /* 强制保持横向排列 */
    flex-wrap: nowrap;
  }

  .mySwiper,
  .text-panel {
    width: 50%;
    padding: 5px;
  }

  .text-panel {
    gap: 10px;
    font-size: 20px;
    padding-left: 10px;
  }

  .text-item.active {
    font-size: 20px;
  }

  .swiper-slide img {
    aspect-ratio: 4 / 3; /* 保证图片比例更适配窄屏 */
  }
  
  .counter{
font-size:30px;
}
}