.elementor-248502 .elementor-element.elementor-element-569749e{--display:flex;--overlay-opacity:0.5;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-248502 .elementor-element.elementor-element-569749e::before, .elementor-248502 .elementor-element.elementor-element-569749e > .elementor-background-video-container::before, .elementor-248502 .elementor-element.elementor-element-569749e > .e-con-inner > .elementor-background-video-container::before, .elementor-248502 .elementor-element.elementor-element-569749e > .elementor-background-slideshow::before, .elementor-248502 .elementor-element.elementor-element-569749e > .e-con-inner > .elementor-background-slideshow::before, .elementor-248502 .elementor-element.elementor-element-569749e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-248502 .elementor-element.elementor-element-67ae18b{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-248502 .elementor-element.elementor-element-5a5a74a{--display:flex;--min-height:400px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-248502 .elementor-element.elementor-element-5a5a74a:not(.elementor-motion-effects-element-type-background), .elementor-248502 .elementor-element.elementor-element-5a5a74a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nopass.site/wp-content/uploads/2025/05/66d9833badaf6241821b1b12_banner.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-248502 .elementor-element.elementor-element-3e5efe6 .elementor-button{background-color:#F4F4F5;font-size:1rem;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;padding:12px 30px 12px 30px;}.elementor-248502 .elementor-element.elementor-element-3e5efe6 .elementor-button:hover, .elementor-248502 .elementor-element.elementor-element-3e5efe6 .elementor-button:focus{background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-248502 .elementor-element.elementor-element-3e5efe6 .elementor-button:hover svg, .elementor-248502 .elementor-element.elementor-element-3e5efe6 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-248502 .elementor-element.elementor-element-6e7ec56{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:8px;--e-n-carousel-dots-normal-color:#ECECED91;--e-n-carousel-dots-hover-color:var( --e-global-color-blocksy_palette_2 );--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:-10px;}.elementor-248502 .elementor-element.elementor-element-6e7ec56 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:7px;--swiper-pagination-bullet-vertical-gap:7px;}.elementor-248502 .elementor-element.elementor-element-1221ea7{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-248502 .elementor-element.elementor-element-24776be{text-align:center;}.elementor-248502 .elementor-element.elementor-element-24776be .elementor-heading-title{font-size:40px;font-weight:700;}.elementor-248502 .elementor-element.elementor-element-fe87199{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-248502 .elementor-element.elementor-element-69b474c{text-align:left;font-size:16px;font-weight:500;}@media(min-width:768px){.elementor-248502 .elementor-element.elementor-element-67ae18b{--content-width:1200px;}.elementor-248502 .elementor-element.elementor-element-1221ea7{--content-width:1200px;}}@media(max-width:1024px){.elementor-248502 .elementor-element.elementor-element-569749e{--min-height:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-248502 .elementor-element.elementor-element-5a5a74a{--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;}.elementor-248502 .elementor-element.elementor-element-6e7ec56{--e-n-carousel-swiper-slides-to-display:1;}.elementor-248502 .elementor-element.elementor-element-1221ea7{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-248502 .elementor-element.elementor-element-24776be > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-248502 .elementor-element.elementor-element-569749e{--min-height:0px;--padding-top:020px;--padding-bottom:0px;--padding-left:020px;--padding-right:020px;}.elementor-248502 .elementor-element.elementor-element-67ae18b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-248502 .elementor-element.elementor-element-5a5a74a{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-248502 .elementor-element.elementor-element-6e7ec56{--e-n-carousel-swiper-slides-to-display:1;}.elementor-248502 .elementor-element.elementor-element-6e7ec56 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-248502 .elementor-element.elementor-element-1221ea7{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-248502 .elementor-element.elementor-element-24776be > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for button, class: .elementor-element-3e5efe6 */.btn-flip3d .elementor-button {
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d;
  transition: all 0.6s ease;
  overflow: hidden;
}

.btn-flip3d .elementor-button .elementor-button-text {
  display: block;
  transform: rotateX(0deg) translateZ(20px) ; /* 左移15px */
  backface-visibility: hidden;
  transition: transform 0.6s ease;
  position: relative;
  z-index: 2;
}
.btn-flip3d .elementor-button {
  padding-left: 30px !important;
  padding-right: 45px !important;
}

.btn-flip3d .elementor-button .elementor-button-text::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(50px,-50%); /* 相对于文字中心向右偏移 */
  width: 14px;
  height: 14px;
  background-image: url("http://nopass.site/wp-content/uploads/2025/06/665d34f3918ce17e1a868a6d_chevron-right-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}


/* 背面使用按钮 data-flip-text 属性作为内容 */
.btn-flip3d .elementor-button::after {
  content: attr(data-flip-text); /* 读取前面设置的属性值 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00C5FF;
  color: white;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transform: rotateX(-90deg) translateZ(20px);
  backface-visibility: hidden;
  transition: transform 0.6s ease;
  z-index: 1;

  background-image: url("http://nopass.site/wp-content/uploads/2025/06/665d38253ff608bdec655e21_chevron-right.png");
  background-repeat: no-repeat;
  background-position: calc(49% + 50px) center;
  background-size: 14px 14px;
  padding-right: 15px;
}



/* 悬停：正面往后翻，背面从下翻上来 */
.btn-flip3d .elementor-button:hover .elementor-button-text {
  transform: rotateX(90deg) translateZ(20px);
}

.btn-flip3d .elementor-button:hover::after {
  transform: rotateX(0deg) translateZ(20px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3e5efe6 */.btn-flip3d .elementor-button {
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d;
  transition: all 0.6s ease;
  overflow: hidden;
}

.btn-flip3d .elementor-button .elementor-button-text {
  display: block;
  transform: rotateX(0deg) translateZ(20px) ; /* 左移15px */
  backface-visibility: hidden;
  transition: transform 0.6s ease;
  position: relative;
  z-index: 2;
}
.btn-flip3d .elementor-button {
  padding-left: 30px !important;
  padding-right: 45px !important;
}

.btn-flip3d .elementor-button .elementor-button-text::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(50px,-50%); /* 相对于文字中心向右偏移 */
  width: 14px;
  height: 14px;
  background-image: url("http://nopass.site/wp-content/uploads/2025/06/665d34f3918ce17e1a868a6d_chevron-right-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}


/* 背面使用按钮 data-flip-text 属性作为内容 */
.btn-flip3d .elementor-button::after {
  content: attr(data-flip-text); /* 读取前面设置的属性值 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00C5FF;
  color: white;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transform: rotateX(-90deg) translateZ(20px);
  backface-visibility: hidden;
  transition: transform 0.6s ease;
  z-index: 1;

  background-image: url("http://nopass.site/wp-content/uploads/2025/06/665d38253ff608bdec655e21_chevron-right.png");
  background-repeat: no-repeat;
  background-position: calc(49% + 50px) center;
  background-size: 14px 14px;
  padding-right: 15px;
}



/* 悬停：正面往后翻，背面从下翻上来 */
.btn-flip3d .elementor-button:hover .elementor-button-text {
  transform: rotateX(90deg) translateZ(20px);
}

.btn-flip3d .elementor-button:hover::after {
  transform: rotateX(0deg) translateZ(20px);
}/* End custom CSS */