.navbar{position: fixed;top: 0;background:transparent;box-shadow: none;}
        .fixed-effect{background: #fff;transition: background 0.3s linear;box-shadow: 0 0 3px 1px rgba(0,0,0,.05);}
        .fixed-effect .navbar-nav .nav-link{color: #000;}
        .navbar-nav .nav-link{color: #FFF;}
        
        /*header icon --start*/
        .icon-bars{color: #b32132;}
        /*header icon --end*/
        
        /*top banner module~!*/
        .banner-simple-banner{text-align:center;height: 100vh;}
        .banner-simple-banner .inner-content{width: 100%;}
        .banner-simple-banner h1{font-size:68px;font-weight: 700;overflow:hidden;border-right:.15em solid orange;white-space:nowrap;margin:0 auto;
            letter-spacing:.15em;animation:3s steps(30,end) typing,.75s step-end blink infinite;display: inline-block;width: fit-content;
        font-family: var(--title-font-family);}
        .down-arrow{position: absolute;right: 80px;bottom: 40px;color: #fff;font-size: 18px;text-transform: uppercase;font-family: var(--title-font-family);
            font-weight: 700;display: flex;column-gap: 20px;align-items: center;z-index: 99;--link-hover-color: #fff;}
        .down-arrow .icon-arrow-down{animation: bounce 3s infinite;font-weight: 700;}
        @keyframes bounce {
             0%, 20%, 50%, 80%, 100% {
                 transform: translateY(0)
             }

             40% {
                 transform: translateY(60%)
             }

             60% {
                 transform: translateY(55%)
             }
         }
        @keyframes typing {
             from { width: 0; }
             to { width: 100%; }
         }

        @keyframes blink {
             from, to { border-color: transparent; }
             50% { border-color: orange; }
         }
        @media(max-width:1200px){
            .banner-simple-banner{height: 500px;}
            .banner-simple-banner h1{font-size:50px;}
        }
        @media(max-width:768px){
            .banner-simple-banner{height: 300px;}
            .banner-simple-banner h1{font-size:30px;}
        }
        
        /*home-title and home-summary actually used in home page and only used in it!!*/
        .home-title{font-size:40px;font-weight: 700;color:var(--home-title-color);font-family: var(--title-font-family);
        line-height: 1.2;margin-bottom: 16px;}
        .home-title::after{content:"";display:block;width:80px;height:4px;background:var(--main-color);margin:var(--home-title-pseudo-margin);transform:scaleX(0);transition:transform .5s;}
        .home-title:hover::after{transform:scaleX(1)}
        .home-summary{font-size: 15px;margin: 0 0 30px;color: var(--home-summary-color);}
        
        .home-subtitle{text-transform: uppercase;font-size: 15px;}
        @media (max-width: 1200px) {
            .home-title{font-size:40px;}
        }

        @media (max-width: 992px) {
            .home-title::after{display: none;}
            .home-title{font-size:24px;}
        }

        .home-category{text-align:center;padding:80px 0;--home-title-pseudo-margin:10px auto;}
        .home-category .summary{margin:0 auto 50px;}
        .category-col .thumbnail{border-radius:20px;}
        .category-col .thumbnail::before{opacity:.2;}
        .category-col .entry-wrapper{position:absolute;left:50%;bottom:50%;transform:translate(-50%,50%);z-index:99;
        pointer-events: none;font-family: var(--title-font-family);}
        .category-col .entry-title a{font-size:24px;color:#fff;}
        @media (max-width: 768px) {
            .home-category{padding: 40px 0;}
        }

        .home-content{position:relative;}
        .home-content .swiper{margin:0;}
        .swiper-img,.swiper-img::before{position:absolute;width:100%;left:0}
        .cms_copyright{display:none}
        .swiper-img{height:800px;right:0}
        .content-col,.swiper-img .swiper{height:100%}
        .swiper-img::before{height:100%;top:0;content:"";background:rgba(0,0,0,.3);z-index:5}
        .content-col{background:rgba(0,0,0,.3);padding:20px 100px;transition:.3s;font-family: var(--title-font-family);font-weight: 700;}
        .content-col .entry-wrapper{display:flex;flex-direction:column;justify-content:center;}
        .content-col .entry-meta{margin:0;font-size:30px;font-weight: 700;color:#fff;}
        .content-col .entry-title{font-size:20px;font-weight:700;color:#fff;margin:0;}
        .content-col .entry-text{font-size:18px;color:#fff;margin:0}
        .swiper-content .swiper-vertical{height:800px;position:relative;z-index:10}
        .swiper-thumbs .swiper-slide{border-bottom:none;border-radius: 0;}
        .swiper-slide-thumb-active .content-col{background:rgba(255,255,255,.9);}
        .swiper-slide-thumb-active .content-col .entry-title,.swiper-slide-thumb-active .content-col .entry-meta{color:var(--main-color);}
        
        .swiper-slide-thumb-active .content-col .entry-text{color:#999}
        .swiper-content{display:flex;}
        .swiper-summary{z-index:99;width:100%;color:#fff;}
        .swiper-summary .home-title{position:absolute;right:10%;top:10%;display:inline-block;text-transform:uppercase;
        color: #FFFFFF;}
        .swiper-summary .home-title::after{display: none;}
        .swiper-summary b{text-shadow: 0 3px 6px rgba(0, 0, 0, 0.36);font-weight: 700;}
        .swiper-summary h3{font-size:30px;font-weight: 700;}
        .swiper-summary .summary{position:absolute;right:20px;bottom:30px;display:inline-block;text-align:end}
        @media(max-width:1200px){
            .content-col{padding: 20px 30px;}
        }
        @media(max-width:992px){
            .content-col{padding:15px 20px;}
            .swiper-content{display:block;}
            .swiper-summary{display:none;}
            .swiper-summary h3{font-size:24px}
        }

        .home-company{color:#fff;text-align:center;font-size:14px;position:relative;--overlay-color:rgba(0,0,0,.4);padding: 80px 0;
            --home-title-color:#fff;--container-width:1300px;background-attachment: fixed;--home-summary-color:#fff;--home-title-pseudo-margin:10px auto;}
        .home-company .container-xl{z-index:99;position:relative}
        .company-row {padding:40px 0 0;border-top:1px solid #ccc;margin:40px 0 0;font-size:25px;white-space: nowrap;}
        .company-row .num{font-size:38px;font-weight: 700;padding-right:5px;}
        .company-row sub,.company-row sup{color: rgba(255, 255, 255, 0.7);font-size:14px;}

        @media(max-width:992px){
            .home-company{padding:40px 0;}
            .company-row .num{font-size: 28px;}
        }
        
        .home-process{text-align:center;font-size:14px;position:relative;padding:80px 0;--swiper-navigation-sides-offset:-10px;
            --home-title-pseudo-margin:10px auto;}
        .home-process .swiper{padding:20px;}
        .home-process .swiper-slide{margin-top:40px;padding: 76px 30px 115px;box-shadow: 0 3px 20px rgba(0, 0, 0, 0.06);
            background-color: #ffffff;border-radius: 9px;flex-direction: column;}
        .home-process .thumbnail-wrapper{display:inline-block;}
        .home-process .thumbnail-wrapper:first-child{display:none;}
        .home-process .swiper-slide:hover .thumbnail-wrapper:first-child{display:inline-block}
        .home-process .swiper-slide:hover .thumbnail-wrapper:nth-child(2){display:none;}
        .home-process .entry-title{color:#333;font-size:20px;margin:30px 0 10px;font-weight: 700;}
        .process-button{display:flex;justify-content:center;position:relative;top:35px;--swiper-theme-color:var(--main-color)}
        .process-button .swiper-button-prev,.process-button .swiper-button-next{position:relative;padding:0;width:35px;
            font-size:10px;font-weight: 700;box-shadow: 7px 8px 20px rgba(0, 0, 0, .1);}
        .process-button .swiper-pagination{position:relative;width:unset;}
        .process-button .swiper-button-prev::after,.process-button .swiper-button-next::after{font-size:14px;}
        @media(max-width:992px){
            .home-process{padding:40px 0 60px;}
            .home-process .swiper-slide{margin-top: 0;padding: 40px 20px 50px;}
        }
        @media(max-width:768px){
            .home-process .entry-title{font-size:18px;}
        }       

        .home-post{text-align:center;font-size: 15px;--home-title-pseudo-margin:10px auto;padding: 80px 0;}
        .home-post .container-fluid{--bs-gutter-x:0;}
        .home-post .home-title{margin-bottom:20px;text-transform:uppercase;}
        .post-row{margin:50px 0 0 0;text-align:left;}
        .post-row .entry-wrapper{padding:30px 45px 30px 80px;height:100%;display:flex;flex-direction:column;justify-content:center;}
        .post-row .entry-title{color:var(--sub-color);font-size:40px;font-weight: 700;margin: 0 0 30px;font-family: var(--title-font-family);}
        .post-row .entry-meta{margin:0 15px 0 0;color:#fff;background-color:#8c3577;display:inline-flex;
            align-items:center;justify-content:center;aspect-ratio:1/1;width:60px;border-radius:50%;}
        .post-row .entry-text h4{font-size:20px;font-weight: 700;margin:0 0 10px;color: var(--main-color);}
        .post-row.even{background-color:var(--common-background-color);}
        .post-row.even .entry-wrapper{padding:30px 80px 30px 45px;}
        .post-row.even .entry-title{color:var(--main-color);}
        .post-row.even .entry-meta{background-color:color-mix(in srgb,var(--main-color) 70%,black);}
        @media(max-width:992px){
            .home-post{padding:40px 0 0 0;}
            .post-row .entry-title{margin-bottom:10px;font-size:24px;}
            .post-row .entry-meta{width: 50px;}
            .post-row .entry-text h4{font-size:16px;margin-bottom: 5px;}
            .post-row.even .entry-wrapper,.post-row .entry-wrapper{padding: 20px 20px 30px 20px;font-size: 14px;}
        }
        @media(max-width:768px){
            .post-row .entry-title{font-size:20px;}
            .post-row .entry-meta{width:35px;}
            .post-row.even .entry-wrapper, .post-row .entry-wrapper{padding: 10px 10px 20px 10px;}
        }

        .home-news{padding:80px 0;background:var(--common-background-color);color:#333;font-size:20px;--home-title-color:#333;}
        .home-news .home-title{font-size:35px;}
        .home-news .entry-title{margin-top:10px;font-size:16px;--link-color: #333;--link-hover-color:#333;line-height: 1.3;}
        .news-button{display:flex;}
        .news-button .swiper-button-prev,.news-button .swiper-button-next{position:static;width:45px;margin:20px 5px 0 5px;border-radius: 0;color:#fff;background-color:var(--main-color);box-shadow:none;border:1px solid #fff;}
        .news-button .swiper-button-prev:hover,.news-button .swiper-button-next:hover{border-color:var(--main-color);transition:.3s all;}
        @media(max-width:992px){
            .home-news{padding:40px 0;}
            .home-news .home-title{font-size:24px;}
            .news-button .swiper-button-prev, .news-button .swiper-button-next{margin: 5px 5px 0 5px;}
            .swiper-button-prev::after, .swiper-button-next::after{font-size:16px;}
            .home-news .entry-title{font-size:16px;}
        }
        @media(max-width:768px){
            .home-news{font-size:14px;}
            .home-news .home-title{font-size:18px;}
        }

        .home-advantages{padding: 80px 0;position: relative;background-color:var(--common-background-color);
            --home-title-pseudo-margin:10px auto;}
        .home-advantages .overlay{background-repeat: no-repeat;background-position: center center;background-size: contain;opacity: 0.2;}
        .home-advantages .container-xl {position: relative;z-index: 99;}
        .company-advantage-col {background: #fff;padding: 50px 40px;border-radius: 8px 8px 8px 8px;
            transition: all .4s ease;}
        .company-advantage-col:hover{background: #1e1e1e;color: #fff;--entry-color:#fff;}
        .company-advantage-col:hover .entry-title{color: #fff;}
        .company-advantage-col .thumbnail-wrapper {max-width: 40px;margin-bottom: 20px;filter: contrast(0%) sepia(100%) brightness(100%) hue-rotate(326deg) saturate(1000%);}
        .company-advantage-col .entry-title{color:#333333;font-weight: 700;}
        .company-advantage-col .entry-link{border-bottom: 1px solid #333333;margin-top: 15px;padding-bottom: 1px;color:#333;display: inline-block;text-transform: capitalize;}
        .company-advantage-col:hover .entry-link{color: #fff;border-color: #FFFFFF;}
        @media (max-width:768px) {
            .home-advantages{padding: 40px 0;}
            .company-advantage-col{padding: 30px 20px;font-size: 14px;}
        }

        .home-product{padding:80px 0;color:#000;}
        .home-product .swiper-wrapper{padding: 20px 0;}
        .product-col{background: #FFFFFF;}
        @media (max-width: 768px) {
            .home-product{padding: 40px 0;}
        }

        .home-gallery{padding: 80px 0;position: relative;}
        .home-gallery .overlay{opacity: .2;background-repeat: no-repeat;background-position: left bottom;background-size: 400px;
            filter: contrast(0) sepia(9) brightness(100%) hue-rotate(186deg) saturate(1000%);}
        .home-gallery .container-xl{position: relative;z-index: 99;}
        .gallery-col {position: relative;overflow: hidden;align-items: center;font-family: var(--title-font-family);}
        .gallery-col.one-pic {font-size: 22px;}
        .gallery-col .thumbnail{border-radius: 8px;transition: .3s transform ease;}
        /*.gallery-col .thumbnail:hover{}*/
        .gallery-col .thumbnail::before{background: linear-gradient(to bottom,transparent, #333333) bottom/cover
        no-repeat;opacity:.6;transition: all .3s ease;}
        .gallery-col:hover .thumbnail::before{background: transparent;}
        .gallery-col .entry-wrapper{position: absolute;bottom: -200px;color: #fff;transition: bottom  ease .3s;text-align: center;
            margin: 0 20px;}
        .gallery-col:hover .entry-wrapper{bottom: 20px;background:rgba(0,0,0,.2);}
        .gallery-col .entry-title{padding: 0 20px;}
        @media (max-width:768px) {
            .home-gallery{padding: 40px 0;}
            .gallery-col .thumbnail::before{background: transparent;}
            .home-gallery .entry-wrapper{bottom: 20px;background: rgba(0,0,0,.2);}
            .gallery-col.one-pic {font-size: 16px;}
        }

        .home-testimonials {padding: 80px 0;background:var(--common-background-color);}
        .testimonials-col{background: #FFFFFF;box-shadow: 0 3px 30px 0 rgb(0 0 0 / .04);padding: 60px 50px;transition: transform 0.2s ease-out;
            --entry-color:#555;font-size: 18px;}
        .testimonials-col:hover{transform: translateY(-5px);}
        .testimonials-col .entry-wrapper{padding-top: 40px;}
        .testimonials-col .entry-wrapper::before{color: var(--main-color);content: "\f10f";width: 45px;height: 45px;position: absolute;left: 0;top: -10px;font-size: 30px;
            font-family: CmsFont;}
        .testimonials-col .thumbnail-wrapper{border-radius: 50%;overflow: hidden;max-width: 78px;}
        .person-main-wrapper{display: flex;column-gap: 20px;margin-top: 30px;}
        .person-profile-wrapper{display: flex;justify-content: center;flex-direction: column;font-size: 16px;}
        .person-title{font-weight: 700;color: #333333;margin-bottom: 8px;}
        @media (max-width: 992px) {
            .home-testimonials{padding: 40px 0;}
            .testimonials-col{padding: 20px;font-size: 14px;}
            .testimonials-col .entry-wrapper::before{font-size: 25px;}
        }

        .partner-wrapper{--home-title-pseudo-margin:10px auto;}

        .home-innovation {padding: 80px 0;color: #FFFFFF;overflow: hidden;background: var(--common-background-color);;}
        .innovation-col {position: relative; overflow: hidden;margin-bottom: 20px;display: flex; align-items: center; justify-content: center; text-align: center;
            border-radius: 12px;height: 600px;transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease; filter: brightness(0.8);
            flex-direction: column;}
        .innovation-col:hover { transform: scale(1.05); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4); filter: brightness(1); }
        .innovation-col .entry-wrapper{display: flex;flex-direction: column;justify-content: center;align-items: center;--entry-color:#fff;}
        .innovation-col .entry-title { font-size: 28px; font-weight:700; color: #fff; margin: 0; text-shadow: 0 2px 5px rgba(0,0,0,0.5); transition: color 0.3s ease, transform 0.3s ease; }
        .innovation-col .entry-text{text-shadow: 0 2px 5px rgba(0,0,0,0.5);}
        @media (max-width: 992px) {
            .home-innovation{padding: 40px 0;}
            .innovation-col{height: 300px;filter: brightness(1);}
            .innovation-col .entry-wrapper{background: rgba(0,0,0,.1);width: 100%;}
        }

        .home-manufacturing{position:relative;padding: 80px 0;}
        .manufacturing-col{transition:all ease 0.3s;overflow:hidden;box-shadow: 0 10px 30px rgba(226, 226, 226, 0.5);}
        .manufacturing-col img{border-radius:15px 15px 0 0}
        .manufacturing-col .entry-wrapper{padding:20px;background:#fff;border-radius:0 0 15px 15px;position:relative;margin-bottom:0;}
        .manufacturing-col .entry-wrapper::before{content: "";display: block; background-color:var(--main-color); width: 50px;height: 15px;position: absolute;bottom: 1px;right: -15px;transform: rotate(316deg);opacity: 0;transition: all 0.5s;}
        .manufacturing-col:hover .entry-wrapper::before{opacity:1}
        .manufacturing-col .entry-title{font-family:var(--title-font-family);color:#333;font-size:20px;font-weight:700;}
        @media(max-width:992px) {
            .home-manufacturing{padding:40px 0}
            .manufacturing-col{margin-bottom:20px}
            .manufacturing-col .entry-title{font-size:18px;}
        }

        @media (max-width: 768px) {
            .manufacturing-col .entry-title{font-size:16px;}
        }


        .home-sustainability{background: var(--common-background-color);}
        .faq-sustainability-box{padding: 20px 0 20px 45px;max-width: 800px;display: flex;justify-content: center;flex-direction: column;height: 100%;
            }
        .faq-sustainability-box .thumbnail-wrapper{max-width: 30px;filter: contrast(0%) sepia(100%) brightness(43%) hue-rotate(434deg) saturate(1000%);
            margin-bottom: 20px;}
        .faq-row{border-radius: 8px 8px 0 0;}
        .faq-row:first-child{margin-top: 0;}
        .faq-row .entry-title{font-size: 20px;--main-color:#fff;}
        .faq-row .entry-header{font-size: 22px;padding: 12px 22px;}
        .faq-row .entry-header{background: darkgreen;border-radius: 8px 8px 0 0;}
        @media (max-width: 992px) {
            .home-sustainability{padding: 40px 0;}
            .faq-sustainability-box{padding: 30px 1.5rem;}
            .faq-row .entry-title{font-size: 15px;}
        }