/* banner */
.page-category-products .banner {position: relative;}
.page-category-products .banner img {width: 100%;}
.page-category-products .breadcrumbs {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 100%;max-width: 700px;}
.page-category-products .breadcrumbs h3 {color: #fff;text-transform: uppercase;font-family: 'Rubik Medium';font-size: 40px;position: relative;line-height: 2;}
.page-category-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-category-products .breadcrumbs ul {display: flex;padding-left: 0;justify-content: center;margin-top: 20px;}
.page-category-products .breadcrumbs ul li {list-style: none;color: #fff;font-size: 18px;font-family: 'Rubik Regular';}
.page-category-products .breadcrumbs ul li a {color: #fff;font-size: 18px;font-family: 'Rubik Regular';}

.page-category-01-wrap {padding: 80px 0;}
.page-category-01-box {padding: 40px 35px 50px;border-radius: 20px;box-shadow: 0 8px 16px rgb(14 13 18 / 30%);background: #fff;}
.banner-button-wrap.page-category-01-button-wrap a{width: 200px;}
.page-category-01-right {padding-left: 70px;}
.page-category-01-right .img {position: relative;}
.page-category-01-right .img .player-button-wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.page-category-01-right .img .player-button-wrap:hover img{scale: 1.1;transition: all 0.6s;}
.page-category-01-left h2 {font-family: 'Rubik Medium';font-size: 40px;text-transform: uppercase;}
.page-category-01-left p {margin-top: 35px;}
.page-category-01-left .banner-button-wrap {margin-top: 50px;}

.page-category-02-menu-item {text-align: center;border: 1px solid rgba(0,0,0,.1);padding: 15px 0;}
.page-category-02-menu-item:hover {border: 1px solid var( --e-global-color-primary );transition: all 0.6s;}
.page-category-02-menu-item a {font-size: 20px;}
.page-category-02-menu-item.active {background: var( --e-global-color-primary );color: #fff;}
.page-category-02-menu-item.active a {color: #fff;}
.page-category-02-products {margin-top: 30px;}
.page-category-02-product {margin-top: 30px;}
.page-category-02-product .text .pro-button {text-align: center;display: none;}
.page-category-02-product .text .pro-button a {display: inline-block;width: 112px;height: 34px;line-height: 32px;border: 1px solid var( --e-global-color-primary );text-align: center;color: var( --e-global-color-primary );margin: 0 5px;}
.page-category-02-product:hover .pro-button {display: block;transition: all 0.6s;}
.page-category-02-product .text .pro-button a:hover {background-color: var( --e-global-color-primary );color: #fff;transition: all 0.6s;}
.page-category-02-product:hover {box-shadow: 0 16px 16px rgb(14 13 18 / 30%);}
.page-category-02-product {border: 1px solid rgba(0,0,0,.1);}
.page-category-02-product .text {padding: 15px;}
.page-category-02-product .text h3 {font-size: 16px;font-family: 'Roboto Bold';text-align: center;}
.page-category-02-product .text p {font-size: 14px;text-align: center;margin-top: 15px;}

.faq-wrap {padding: 70px 0 90px;background-image: url('/wp-content/uploads/2023/12/probg.jpg');background-repeat: no-repeat;background-size: cover;margin-top: 50px;}
.faq-wrap .faq-menu-wrap {box-shadow: 0 16px 16px rgb(14 13 18 / 30%);}
.faq-wrap .faq-menu-wrap .title {font-size: 40px;color:#fff;font-family: 'Rubik Medium';padding: 20px 30px;background-color: var( --e-global-color-primary );border-radius: 35px 0 0 0;line-height: 1;}
.faq-wrap .faq-menu-wrap .faq-menu {padding-left: 0;background-color: #fff;padding-bottom: 30px;}
.faq-wrap .faq-menu-wrap .faq-menu li {list-style: none;padding: 20px 30px;border-bottom: 1px solid rgba(0,0,0,.1);cursor: pointer;font-size: 18px;font-family: 'Roboto Bold';}
.faq-wrap .faq-menu-wrap .faq-menu li.active {color: var( --e-global-color-primary );}
.faq-wrap .faq-menu-wrap .faq-menu li:hover {color: var( --e-global-color-primary );transition: all 0.6s;}
.faq-content-wrap {padding-left: 20px;display: none;}
.faq-content-wrap.active {display: block;}
.faq-content-wrap .faq-content-item{padding: 20px 45px;box-shadow: 2px 4px 12px rgb(14 13 18 / 30%);margin-top: 20px;border-radius: 10px;background-color: #fff;}
.faq-content-wrap .faq-content-item h4 {margin-bottom: 0;font-size: 18px;font-family: 'Roboto Bold';position: relative;display: flex;justify-content: space-between;}
.faq-content-wrap .faq-content-item p {display: none;margin-bottom: 0;margin-top: 15px;}
.faq-content-wrap .faq-content-item h4 span {display: inline-block;width: 20px;height: 20px;text-align: center;border-radius: 50%;;line-height: 18px;border: 1px solid #999;cursor: pointer;}

.faq-content-wrap .faq-content-item h4 span::after {content: '+';color: #999;}
.faq-content-wrap .faq-content-item.active p {display: block;}
.faq-content-wrap .faq-content-item.active  h4 span {background-color: var( --e-global-color-primary );color: #fff;border-color: var( --e-global-color-primary );}
.faq-content-wrap .faq-content-item.active h4 span::after {content: '-';color: #fff;}

.work-room-wrap {padding: 80px 0;}
.work-room-wrap .title {text-align: center;}
.work-room-wrap .title h2 {font-family: 'Rubik Medium';font-size: 48px;text-transform: uppercase;}
.work-room-wrap .title p {margin-top: 15px;font-family: 'Rubik Medium';font-size: 18px;}
.work-room-wrap .content .img {margin-top: 50px;}
.work-room-wrap .content.pc {display: block;}
.work-room-wrap .content.md {display: none;}
.content-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:786px) {
    .work-room-wrap .content.md {display: block;}
    .page-category-products .breadcrumbs h3,
    .page-category-01-left h2,
    .faq-wrap .faq-menu-wrap .title,
    .work-room-wrap .title h2 {font-size: 22px;}
    .page-category-products .breadcrumbs ul {margin: 5px 0;}
    .page-category-products .breadcrumbs ul li,
    .page-category-products .breadcrumbs ul li a {font-size: 14px;}
    .page-category-01-wrap,
    .page-category-01-right,
    .page-category-02-products,
    .work-room-wrap{padding: 10px;}
    .page-category-01-left {text-align: center;}
    .page-category-01-left .banner-button-wrap {margin-top: 10px;}
    .page-category-02-products {margin-top: 0;}
    .page-category-02-products .row .col-md-3 {width: 50%;}
    .page-category-02-product .img img {width: 100%;height: auto;}
    .page-category-02-product .text .pro-button a.show-pro,
    .work-room-wrap .content.pc {display: none;}
    .faq-wrap {padding: 10px;}
    .faq-wrap .faq-menu-wrap .title {border-radius: 0;}
    .faq-content-wrap {padding-left: 0;}
    .work-room-wrap .content .img {margin-top: 0;}
    .faq-content-wrap .faq-content-item h4 span{flex:0 0 20px}
    .page-category-02-product .text h3{height:2em}
}