/* banner */
.page-products .banner {position: relative;}
.page-products .banner img {width: 100%;}
.page-products .breadcrumbs {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 100%;max-width: 700px;}
.page-products .breadcrumbs h3 {color: #fff;text-transform: uppercase;font-family: 'Rubik Medium';font-size: 40px;position: relative;line-height: 2;}
.page-products .breadcrumbs h3::after {content: ' ';display: inline-block;width: 80px;height: 7px;background-color: var( --e-global-color-primary );border-radius: 5px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.page-products .breadcrumbs ul {display: flex;padding-left: 0;justify-content: center;margin-top: 20px;}
.page-products .breadcrumbs ul li {list-style: none;color: #fff;font-size: 18px;font-family: 'Rubik Regular';}
.page-products .breadcrumbs ul li a {color: #fff;font-size: 18px;font-family: 'Rubik Regular';}

.page-products-01-wrap {padding: 60px 0;background-image: url('/wp-content/uploads/2023/12/Vx1ca3.jpg');background-repeat: no-repeat;background-position: left top;}
.page-products-01-wrap .title h2{font-size: 48px;text-transform: uppercase;font-family: 'Rubik Medium';position: relative;padding-top: 30px;}
.page-products-01-wrap .title h2::after {content:' ';display: inline-block;width: 130px;height: 9px;background-color: var( --e-global-color-primary );position: absolute;top: 0;left: 0;}
.title-right {padding: 20px 0 0 90px;}
.page-products-01-wrap .title p span {font-family: 'Roboto Bold';}
.page-products .button span {display: inline-block;padding: 10px 40px;border-radius: 40px;color: var( --e-global-color-primary );cursor: pointer;border: 1px solid var( --e-global-color-primary );}
.page-products .button span i {font-size: 20px;}
.page-products .button span:hover {background-color: var( --e-global-color-primary );color: #fff;transition: all 0.6s;}
.product-category-wrap {display: flex;margin-top: 60px;}
.product-category-wrap .product-category-item {overflow: hidden;position: relative;border-left: 1px solid #fff;border-right: 1px solid #fff;}
.product-category-wrap .product-category-item:hover {flex-shrink: 0;transition: all 0.6s;}
.product-category-wrap .product-category-item .p-c-bg {width: 100%;height: 100%;position: absolute;background-color: rgba(0,0,0,.6);z-index: 2;top: 0;left: 0;}
.product-category-wrap .product-category-item .p-c-bg .text {width: 100%;max-width: 370px;position: absolute;left: 30px;bottom: 50px;}
.product-category-wrap .product-category-item .p-c-bg .text h4 {color: #fff;font-size: 30px;font-family: 'Roboto Bold';}
.product-category-wrap .product-category-item .p-c-bg .text p {color: #fff;display: none;}
.product-category-wrap .product-category-item .p-c-bg .text .button {margin-top: 40px;}
.product-category-wrap .product-category-item .p-c-bg .text .button span{background-color: var( --e-global-color-primary );color: #fff;display: none;}
.product-category-wrap .product-category-item .p-c-bg:hover {background-color: rgba(137,182,223,.6);transition: all 0.6s;}
.product-category-wrap .product-category-item .p-c-bg:hover p {display: block;transition: all 0.6s;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;}
.product-category-wrap .product-category-item .p-c-bg .text .button > i {font-size: 20px;display: inline-block;width: 40px;text-align: center;height: 40px;line-height: 38px;border: 1px solid #fff;border-radius: 50%;color:#fff;}
.product-category-wrap .product-category-item .p-c-bg:hover .text span {display: inline-block;transition: all 0.6s;}
.product-category-wrap .product-category-item .p-c-bg:hover .text .button > i {display: none;transition: all 0.6s;}
.product-category-wrap .product-category-item .p-c-bg:hover .text span:hover {background-color: #fff;color: var( --e-global-color-primary );}

.page-products-02-wrap {padding: 80px 0 100px;background-image: url('/wp-content/uploads/2025/03/bgZts-4.png');background-repeat: no-repeat;background-position: left bottom;}
.page-products-02-video-wrap {position: relative;}
.page-products-02-text-wrap {height: 100%;position: relative;}
.page-products-02-text-box {width: 630px;border-radius: 0 100px 0 0;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 3;background-color: #f5f7fa;padding: 50px 50px 50px 60px;}
.page-products-02-text-box h2 {font-family: 'Roboto Bold';font-size: 36px;}
.page-products-02-text-box p {margin-top: 20px;}
.page-products-02-text-box .button {margin-top: 50px;}
.page-products-02-text-box .button span {background-color: var( --e-global-color-primary );color: #fff;}
.play-button-wrap {display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.play-button-wrap:hover .player-button{scale: 1.1;transition: all 0.6s;}

.page-products-03-wrap {padding: 50px 0 100px;}
.container-content-item-box {padding: 0 20px;}
.container-content-items {margin-top: 80px;}
.page-products-03-wrap .title h2 {font-family: 'Rubik Medium';text-transform: uppercase;font-size: 40px;text-align: center;}
.page-products-03-wrap .title h2 span{font-family: 'Rubik Medium';text-transform: uppercase;font-size: 40px;color: var( --e-global-color-primary );}
.container-content-item {text-align: center;background-color: #fff;box-shadow: 3px 5px 24px rgb(14 13 18 / 7%);padding: 20px;}
.container-content-item .text h3{margin: 10px 0;font-family: 'Roboto Bold';font-size: 24px;}
.container-content-item .text p{margin-top: 30px;min-height: 150px;}
.container-content-item .button {padding: 20px 0;border-top: 1px solid rgba(0,0,0,.1);}
.container-content-items.pc {display: block;}
.container-content-items.md {display: none;}
.container-content-items-swiper {overflow: hidden;}

.float-ifame-video-wrap {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background-color: rgba(0, 0, 0, 0.7);display: none;}
.float-ifame-video-wrap .float-ifame-video-box {width: 100%;max-width: 800px;padding: 40px 20px 20px;background-color: #fff;border-radius: 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.float-ifame-video-wrap .float-ifame-video-box .close {position: absolute;top: 0;right: 12px;font-size: 26px;font-weight: 600;cursor: pointer;}
@media (max-width:1200px) {
    .page-products-01-wrap{padding-left: 15px;padding-right: 15px;}
}
@media (max-width:768px) {
    .super_sub_banner {
        min-height: 120px;
    }

    .super_sub_banner img {
        height: 100%;
        max-width: unset;
        display: block;
        width: auto !important; 
    }
}
@media (max-width:786px) {
    .container-content-items.pc {display: none;}
    .container-content-items.md {display: block;}
    .container-content-items {padding-top: 10px;padding-bottom: 20px;margin-top: 0;}
    .page-products .breadcrumbs h3,
    .page-products-01-wrap .title h2,
    .page-products-03-wrap .title h2,
    .page-products-03-wrap .title h2 span {font-size: 22px;}
    .page-products .breadcrumbs ul {margin: 5px 0;}
    .page-products .breadcrumbs ul li,
    .page-products .breadcrumbs ul li a {font-size: 14px;}
    .page-products-01-wrap,
    .page-products-02-wrap,
    .page-products-03-wrap {padding: 10px;}
    .product-category-wrap {display: block;margin-top: 10px;}
    .product-category-item img {width: 100%;}
    .page-products-02-text-box {position: static;width: 100%;padding: 10px;transform: none;border-radius: 0;}
    .page-products-02-text-box .button {margin-top: 10px;}
    .swiper-pagination {position: static;}
    .swiper-pagination-bullet-active {background-color: var( --e-global-color-primary );}
    .product-category-wrap .product-category-item .p-c-bg .text{max-width:80%;}
    .product-category-wrap .product-category-item .p-c-bg:hover p{overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;}
}