.home-wrap .home-banner-swiper {overflow: hidden;}
.home-wrap .home-banner-swiper .home-banner-item {position: relative;}
.home-wrap .home-banner-swiper .home-banner-item .text {width: 100%;max-width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding-right: 200px;}
.home-wrap .home-banner-swiper .home-banner-item .text * {color: #fff;}
.home-wrap .home-banner-swiper .home-banner-item .text h2 {font-size: 62px;font-family: 'Montserrat SemiBold';}
.home-wrap .home-banner-swiper .home-banner-item .text p {font-size: 18px;font-family: 'Rubik Regular';}
.home-wrap .button-wrap {text-transform: uppercase;padding: 15px 25px;background-color: #c30e23; color: #fff;display: inline-block;width: auto;border-radius: 5px;margin-right: 10px;font-family: 'Rubik Regular';}
.home-wrap .home-banner-swiper .home-banner-item .text .button-wrap.white {background-color: #fff;color: #c30e23;}
.home-wrap .home-banner-swiper .home-banner-item .text .button-wrap.white i {color: #c30e23;}

.home-wrap .about-us-wrap {padding: 150px 10px;}
.home-wrap .about-us-wrap .about-us-left-wrap .img {padding: 0 42px 23px 0;background-image: url('/wp-content/uploads/2023/12/home-about-us-left-02.png');background-repeat: no-repeat;background-position: right bottom;}
.home-wrap .about-us-wrap .about-us-right-wrap {padding-left: 42px;}
.home-wrap .about-us-wrap .about-us-right-wrap h2 {font-size: 50px;font-family: 'Montserrat SemiBold';margin: 20px 0;}
.home-wrap .about-us-wrap .about-us-right-wrap p {font-size: 18px;margin-bottom: 0;}
.home-wrap .about-us-wrap .about-us-right-wrap .items-wrap {margin-top: 50px;}
.home-wrap .about-us-wrap .about-us-right-wrap .items-wrap .item-wrap {display: flex;padding:0 0 20px 0;align-items: center;}
.home-wrap .about-us-wrap .about-us-right-wrap .items-wrap .item-wrap .right-text-wrapper{padding-left: 10px;}
.home-wrap .about-us-wrap .about-us-right-wrap .items-wrap .item-wrap .img {padding: 0 10px;}
.home-wrap .about-us-wrap .about-us-right-wrap .items-wrap .item-wrap div h4 {margin-bottom: 8px;font-family: 'Montserrat Medium';}
.home-wrap .about-us-wrap .about-us-right-wrap .module-button {margin-top: 38px;}

.top-text-wrap {text-align: center;max-width: 960px;margin: auto;}
.top-text-wrap h2 {font-size: 48px;margin: 20px 0 30px;font-family: 'Montserrat SemiBold';}

.home-wrap .product-wrap {padding: 0 10px 80px;position: relative;}
.home-wrap .product-wrap .content-wrap {margin-top: 80px;}
.home-wrap .product-wrap .home-product-swiper .swiper-slide {scale: 0.8;}
.home-wrap .product-wrap .home-product-swiper .swiper-slide.swiper-slide-prev,
.home-wrap .product-wrap .home-product-swiper .swiper-slide.swiper-slide-next,
.home-wrap .product-wrap .home-product-swiper .swiper-slide.swiper-slide-active {scale: 1;}
.home-wrap .product-wrap .home-product-swiper {position: relative;overflow: hidden;}
.home-wrap .product-wrap .home-product-swiper .change-button-wrap span {display: inline-block;width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.5);position: absolute;top: 40%;z-index: 3;cursor: pointer;}
.home-wrap .product-wrap .home-product-swiper .change-button-wrap span:hover {background-color: #c30e23;transition: all 0.6s;}
.home-wrap .product-wrap .home-product-swiper .change-button-wrap span i {color: #fff;font-size: 30px;}
.home-wrap .product-wrap .home-product-swiper .change-button-wrap span.prev {left: 6%;transform: rotate(180deg);}
.home-wrap .product-wrap .home-product-swiper .change-button-wrap span.next {right: 6%;}
.home-wrap .product-wrap .product-button .button-wrap {position: absolute;left: 50%;bottom: -30px;transform: translateX(-50%);}
.home-wrap .product-wrap .product-item h4 {font-size: 18px;text-align: center;font-family: 'Montserrat Medium';margin: 12px 0;}

.home-wrap .application-wrap {background-color: #f8f8f8;padding: 115px 10px 60px;}
.home-wrap .application-wrap .content-wrap {display: flex;padding-top: 10px;position: relative;}
.home-wrap .application-wrap .application-item .img {position: relative;width: 100%;overflow: hidden;}
.home-wrap .application-wrap .application-item .img::after {content: ' ';width: 100%;height: 100%;position: absolute;z-index: 2;background-color: rgba(0,0,0,.2);top: 0;;left: 0;}
.home-wrap .application-wrap .application-item .text {padding: 15px;}
.home-wrap .application-wrap .application-item .text h4 {font-family: 'Montserrat Medium';}
.home-wrap .application-wrap .home-application-swiper {overflow: hidden;}
.home-wrap .application-wrap .change-button-wrap {text-align: right;background-image: url('/wp-content/uploads/2023/12/Solutions.png');background-repeat: no-repeat;background-position: right bottom 10px;}
.home-wrap .application-wrap .change-button-wrap span i {font-size: 70px;color: #c2c2c2;display: inline-block;line-height: 1;cursor: pointer;}
.home-wrap .application-wrap .change-button-wrap span i:hover {color: #c30e23;transition: all 0.6s;}
.home-wrap .application-wrap .change-button-wrap span.next i {transform: scaleX(-1);margin-right: 50px;}
.home-wrap .application-wrap .content-wrap .left-arrow {width: 100%;max-width:210px;position: relative;}
.home-wrap .application-wrap .content-wrap .left-arrow span {display: inline-block;width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 50%;border: 1px solid rgba(0,0,0,.2);position: absolute;top: 50%;right: 15px;transform: translateY(-50%);cursor: pointer;}
.home-wrap .application-wrap .content-wrap .left-arrow span:hover {background-color: #c30e23;border: 1px solid #c30e23;transition: all 0.6s;}
.home-wrap .application-wrap .content-wrap .left-arrow span:hover i {color: #fff;transition: all 0.6s;}
.home-wrap .application-wrap .content-wrap .left-arrow span i {color: rgba(0,0,0,.2);font-size: 34px;}

.home-wrap .faq-wrap {padding: 110px 10px 80px;}
.home-wrap .faq-wrap .container-1310-wrap {position: relative;z-index: 2;}
.home-wrap .faq-wrap .fixed-content .top-text-wrap {text-align: left;}
.home-wrap .faq-wrap .fixed-content .img {border-radius: 20px;overflow: hidden;}
.home-wrap .faq-wrap  .faq-item {padding-left: 5px;background-color: #fff;box-shadow: 2px 3px 13px rgb(14 13 18 / 7%);}
.home-wrap .faq-wrap  .faq-item h4 {position: relative;padding: 20px;font-family: 'Montserrat Regular';}
.home-wrap .faq-wrap  .faq-item p {padding: 20px;display: none;}
.home-wrap .faq-wrap  .faq-item h4 i {font-size: 30px;float: right;transform: rotate(-90deg);color: #000;}
.home-wrap .faq-wrap  .faq-item h4::before {content: '?';font-size: 26px;color: #fff;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;background-color: #c30e23;border-radius: 5px;float: left;margin-right: 10px;font-family: 'Montserrat Regular';}
.home-wrap .faq-wrap  .faq-item.active h4 {border-bottom: 2px solid #c30e23;color: #c30e23;}
.home-wrap .faq-wrap  .faq-item.active h4 i {transform: rotate(90deg);}
.home-wrap .faq-wrap  .faq-item.active p {display: block;}
.home-wrap .faq-wrap  .faq-item {margin-top: 40px;}
.home-wrap .faq-wrap  .faq-item:first-of-type {margin-top: 0;}

.home-wrap .contact-wrap {background: url('/wp-content/uploads/2025/09/background0903.jpg') no-repeat 100% 100%;padding: 150px 10px 180px;position: relative;}
.home-wrap .contact-wrap .float-img {position: absolute;right: 0;bottom: 0;z-index: 0;}
.home-wrap .contact-wrap .fixed-content .top-text-wrap {text-align: left;color: #fff;}
.home-wrap .contact-wrap .fixed-content hr {border-color: #fff;}
.home-wrap .contact-wrap .fixed-content .contact-num-wrap {display: flex;}
.home-wrap .contact-wrap .fixed-content .contact-num-wrap > div {width: 50%;}
.home-wrap .contact-wrap .fixed-content .contact-num-wrap > div a {color: #fff;}
.home-wrap .contact-wrap .contact-form-wrap {height: 100%;position: relative;}
.home-wrap .contact-form-float-wrap .top-text-wrap {text-align: left;}
.home-wrap .contact-form-float-wrap .top-text-wrap h2 {font-family: 'Montserrat Medium';}
.home-wrap .contact-form-float-wrap {background-color: #fff;padding: 70px 60px 60px;position: absolute;top: 0;left: 0;width: 100%;z-index: 3;}

.home-wrap .home-video-wrap {position: relative;}
.home-wrap .home-video-wrap .play-button {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.home-wrap .home-video-wrap .play-button:hover img {scale: 1.1;transition: all 0.6s;}

.home-wrap .home-partners-wrap {padding: 90px 10px;background-color: #ebebeb;position: relative;}
.home-wrap .partners-swiper{overflow: hidden;margin-top: 80px;}
.home-wrap .partners-swiper .partners-items .img {margin-bottom: 20px;}
.home-wrap .partners-swiper .row {--bs-gutter-y: 1.5rem;}
.home-wrap .home-partners-wrap .change-arrow span {width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 50%;border: 2px solid rgba(0,0,0,.5);position: absolute;top: 55%;cursor: pointer;}
.home-wrap .home-partners-wrap .change-arrow span.prev {left: 10%;z-index: 99;}
.home-wrap .home-partners-wrap .change-arrow span.next {right: 10%;transform: rotate(180deg);z-index: 99;}
.home-wrap .home-partners-wrap .change-arrow span:hover {background-color: #c30e23;border: 2px solid #c30e23;transition: all 0.6s;}
.home-wrap .home-partners-wrap .change-arrow span:hover i {color: #fff;transition: all 0.6s;}

.home-wrap .home-hot-blog-wrap {padding: 90px 10px 60px;}
.home-wrap .home-hot-blog-wrap .hot-blog-swiper {overflow: hidden;padding: 0 0 20px;}
.home-wrap .home-hot-blog-wrap .hot-blog-item .text {padding: 15px;background-color: #fff;box-shadow: 2px 3px 13px rgb(14 13 18 / 7%);}
.home-wrap .home-hot-blog-wrap .hot-blog-item .text h4 {font-family: 'Montserrat Regular';}
.home-wrap .home-hot-blog-wrap .hot-blog-item .text p {font-family: 'Rubik Regular';}
.home-wrap .home-hot-blog-wrap .hot-blog-item .text .time i {color: #ff6d18;}

.float-iframe-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-iframe-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-iframe-video-wrap .float-ifame-video-box .close {position: absolute;
    top: 0;
    right: 12px;
    font-size: 26px;
    font-weight: 600;
    cursor: pointer;}
.float-iframe-video-wrap .float-ifame-video-box iframe {width: 100%;}

@media (max-width: 1200px) {
    .home-wrap{overflow:hidden;}
    .home-wrap .home-banner-swiper .home-banner-item .text{padding-left: 15px;}
    .home-wrap .home-banner-swiper .home-banner-item .text h2{font-size: 40px;}
    .home-wrap .home-banner-swiper .home-banner-item .text p{font-size: 16px;}
    .home-wrap .button-wrap{font-size: 14px;padding: 8px 15px;}
    .home-wrap .about-us-wrap .about-us-right-wrap{padding: 0 10px 42px 10px}
    .home-wrap .about-us-wrap .about-us-right-wrap h2,
    .top-text-wrap h2{font-size: 32px;}
    .home-wrap .about-us-wrap .about-us-right-wrap .items-wrap{margin-top: 30px;}
    .home-wrap .about-us-wrap .img{padding: 80px 0;}
    .home-wrap .about-us-wrap .about-us-right-wrap p{font-size: 14px;}
    .home-wrap .contact-form-float-wrap{padding: 40px 30px 30px;top: -30%;}
    .home-wrap .home-hot-blog-wrap .hot-blog-item .text p,.home-wrap .home-hot-blog-wrap .hot-blog-item .text h4{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
    }

@media (max-width:786px) {
    .home-wrap .home-video-wrap .play-button img{width: 80px;height: 80px;}
    .home-wrap .contact-wrap .fixed-content .contact-num-wrap {display: flex;flex-wrap: wrap;}
.home-wrap .contact-wrap .fixed-content .contact-num-wrap > div {width: 100%;}
    .home-wrap .home-banner-swiper .home-banner-item .text h2 {font-size: 26px;}
    .home-wrap .banner-button,
    .home-wrap .product-wrap .change-button-wrap,
    .home-partners-wrap .change-arrow{display: none;}
    .home-wrap .home-banner-swiper .home-banner-item .text {padding: 10px;}
    .home-wrap .home-banner-swiper .home-banner-item .text p {font-size:14px;}
    .home-wrap .about-us-wrap,
    .home-wrap .product-wrap,
    .home-wrap .application-wrap,
    .home-wrap .application-wrap .application-item .text,
    .home-wrap .faq-wrap,
    .home-wrap .contact-wrap,
    .home-wrap .contact-form-float-wrap,
    .home-wrap .home-partners-wrap,
    .home-wrap .home-hot-blog-wrap{padding: 40px 10px;}
    .home-wrap .about-us-wrap .about-us-right-wrap h2,
    .top-text-wrap h2,
    .home-wrap .about-us-wrap .about-us-right-wrap .items-wrap .item-wrap div h4,
    .home-wrap .faq-wrap .faq-item h4{font-size: 24px;}
    .home-wrap .about-us-wrap .about-us-right-wrap {font-size: 18px;padding-left: 0;}
    .home-wrap .about-us-wrap .about-us-right-wrap .module-button {margin-top: 10px;text-align: center;}
    .home-wrap .product-wrap .content-wrap,
    .home-wrap .faq-wrap .faq-item,
    .home-wrap .partners-swiper{margin-top: 10px;}
    .home-wrap .product-wrap .product-button,
    .home-wrap .application-wrap .change-button-wrap,
    .home-wrap .faq-wrap .fixed-content .top-text-wrap{text-align: center;}
    .home-wrap .product-wrap .product-button .button-wrap,
    .home-wrap .contact-form-float-wrap{position: static;transform: none;}
    .home-wrap .application-wrap .change-button-wrap span.next i {margin-right: 0;}
    .home-wrap .contact-wrap {background-size: 100% 100%;}
    .home-partners-wrap .partners-items .col-sm-3 {width: 50%;}
    .home-wrap .faq-wrap .faq-item h4 {padding-right: 50px;position: relative;}
    .home-wrap .faq-wrap .faq-item h4 i {position: absolute;right: 10px;top: 5px;}
}