/*about.css*/
.company-wrapper{padding:80px 0;line-height:2;margin:0;}
        .company-wrapper h2{font-size:50px;color:#000;font-weight:700;font-family:var(--title-font-family);margin-bottom:15px;line-height:1;}
        .company-wrapper li{display: block;list-style: none;position: relative;margin-bottom: 10px;position:relative;}
        .company-wrapper li::before{position: absolute;content: '';border-radius: 50%;left: -10px;top: calc(50% - 10px);opacity: 45%;width: 23px;height: 23px;background-image: linear-gradient(180deg,#ff7f2a 0%,#ffffff 100%);transform:translateX(-100%);}
        .bar-row{margin-bottom:20px;padding:10px 10px;font-size:20px;color:#fff;font-weight:700;text-align:center;position:relative;}
        .bar-row:hover::before{background-color:var(--main-color);opacity:.9;position:absolute;left:0;top:0;width:100%;height:100%; content: "";pointer-events: none;}
        .bar-row .number-wrapper{margin:0;position:relative;z-index:99;}
        .bar-row .num{font-size:50px;font-family:var(--title-font-family);}
        .company-content-wrapper{padding-left:30px;}
        .explain-text{display:flex;align-items:center;height:100%;position:relative;z-index:99;}
        .explain-text-inner{margin:0;}
        @media(max-width:992px){
            .company-wrapper{padding:0;}
            .company-wrapper h2{font-size:40px;margin-bottom:15px;}
            .company-content-wrapper{padding-left:10px;}
        }        
        @media(max-width:768px){
            .explain-text{display:block;}
            .company-wrapper h2{font-size:30px;}
            .company-wrapper li{margin-bottom: 15px;line-height: 1.5;}
            .bar-row .num{font-size: 40px;}
        }        
        @media(max-width:576px){
            .company-wrapper{font-size:14px;}
            .bar-row .num{font-size: 30px;}
        }

        .company-logos{padding:80px 0;position:relative;--swiper-pagination-bottom:-35px;--swiper-theme-color: var(--main-color);text-align:center;
        background: var(--common-background-color);}
        .company-logos .thumbnail-wrapper{display:flex;align-items:center;justify-content:center;align-items:center;max-width:150px;}
        .company-logos .title{font-size:50px;font-family:var(--title-font-family);margin-bottom:40px;color:#000;}
        @media(max-width:992px){
            .company-logos{padding:40px 0;}
            .company-logos .title{font-size:40px;}
        }
        @media(max-width:768px){
            .company-logos .title{font-size:30px;}
        }        
        
        .company-video{padding:  80px 0;text-align:center;color:#000;position:relative;}
        .company-video::after{position:absolute;left:0;bottom:0;background: var(--common-background-color);height:calc(35% + 300px);content:"";width:100%;z-index: -1;}
        .company-video .title{font-size:50px;font-family:var(--title-font-family),sans-serif;margin-bottom:40px;}
        .about-col{background-color:#fff;padding: 55px 30px;margin-top:70px;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.06);color:#666;}
        .about-col .entry-title{font-size:40px;font-weight:700;display:inline-flex;align-items:center;margin-bottom:20px;color:#000;}
        .about-col .about-img{width:52px;margin-right:10px;}
        .video-row .content-inner{box-shadow: 0 0 3px 3px rgba(0,0,0,.05);}
        @media(max-width:992px){
            .company-video{padding:0 0 40px 0;}
            .company-video .title{font-size:40px;}
            .about-col{padding:30px;}
            .about-col .entry-title{font-size: 24px;margin-bottom:10px;}
        }     
        @media(max-width:768px){
            .company-video .title{font-size:30px;}
            .about-col{margin-top:20px;}
            .about-col .about-img{width:30px;}
        }        
        @media(max-width:576px){
            .company-video::after{height:60%;}
            .about-col{font-size:14px;padding: 20px;}
        }

        .company-post{margin: 80px 0;}
        .company-post .container-fluid{--bs-gutter-x: 0;}
        .post-row .entry-wrapper{padding:20px 80px 20px 80px;height:100%;display:flex;justify-content:center;flex-direction:column;}
        .post-row .entry-title{font-size:40px;font-weight:700;margin-bottom:20px;padding-bottom:20px;color:#000;font-family:var(--title-font-family);line-height:1;border-bottom: 5px dotted #71bf44;}        
        @media(max-width:992px){
            .post-row .entry-wrapper{padding:30px;}
            .post-row .entry-title{font-size:30px;}
        }      
        @media(max-width:768px){
            .company-post{margin: 40px 0;font-size:14px;}
            .company-post .container-fluid{--bs-gutter-x: 1.5rem;}
            .post-row .entry-wrapper{padding:20px 0;}
            .post-row .entry-title{font-size:24px;}
        }

        .global-contact{background: var(--common-background-color);}

/*product.css*/


        .product-category{padding: 80px 0;background: #fcf9f3;}
        .product-category-list-main{display: flex;justify-content: center;list-style: none;
            margin: 30px 0;column-gap: 20px;}
        .product-category-link{padding: 13px 22px;background:var(--sub-color);--link-hover-color: #fff;--link-color: #fff;
            box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1);border-radius: 25px 25px 0 25px;font-size: 18px;font-family: var(--title-font-family);
            font-weight: 700;}

        .product-category-row{margin:90px 0;}
        .product-category-row  .entry-wrapper{padding:0 45px;height:100%;justify-content:center;display:flex;flex-direction:column;background:#fff;box-shadow: 20px 0 13px 3px #efefef;}
        .product-category-row h2 ,.product-category-row h3{font-size:32px;font-weight:600;margin-bottom:20px;--link-color: #333;--link-hover-color: #333;}
        .product-category-row.odd .entry-wrapper{background:var(--main-color);color:#fff;}
        .product-category-row.odd .entry-title{--link-hover-color: #fff;--link-color: #fff;}
        .product-category-row .btn-transparent{border-color:#fff;color:#fff;}
        .btn-solid:hover{color: #333333;}

        @media (max-width: 992px) {
            .product-category-list-main{column-gap: 10px;display: flex;flex-wrap: wrap;row-gap: 30px;margin: 0;justify-content: center;align-items: center;}
            .product-category-link{font-size: 15px;}
            
        }
        @media (max-width: 768px) {
            .product-category{padding: 40px 0;}
        .product-category-row{margin:30px 0;}
        .product-category-row .entry-wrapper , .product-category-row.odd .entry-wrapper{padding:20px   ;}
        .product-category-row h2, .product-category-row h3{font-size:22px;margin-bottom:10px;}
        }

		
/*product.list.css*/

           .product-subtitle{font-size: 14px;border-radius: 100px;background: color-mix(in srgb, var(--sub-color) 60% , white);text-transform: uppercase;
            display: inline-block;padding: 7px 20px;color: #FFFFFF;font-family: var(--title-font-family);font-weight: 700;}
        .product-title{font-size: 38px;margin-bottom: 15px;color:var(--sub-color);text-transform: capitalize;font-family: var(--title-font-family);font-weight: 700;
            line-height: 1.4;}
        .product-summary{color: #666;font-size: 15px;max-width: 1000px;margin: 0 auto 30px;}
        @media (max-width: 992px) {
            .product-title{font-size: 28px;}
        }
        
        .product-col{border-radius: 0;}
        .product-col:hover .thumbnail::before {opacity:.3;background-color:#000;transition:.3s all;}
        .product-col:hover .thumbnail::after{content:"\f067";font-family:cmsfont,sans-serif;font-size:20px;
            color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--main-color);z-index:99;
            border-radius:50%;width:40px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;}

        .product-materials{padding: 80px 0;background: var(--common-background-color);--entry-color:#fff;text-align: center;}
        .product-materials ul{list-style: none;display: flex;gap: 18px;flex-wrap: wrap;justify-content: center;padding: 0;}
        .material-col{padding: 60px 0;border-radius: 12px;box-shadow: 0 6px 34px rgba(215, 216, 222, 0.41);text-align: center;}
        .col:nth-child(1) .material-col{background: linear-gradient(151.71deg, #29C986 0%, #2FC8E5 100%);}
        .col:nth-child(2) .material-col{background: linear-gradient(151.71deg, #FF652D 0%, #FFA426 100%);}
        .col:nth-child(3) .material-col{background: linear-gradient(151.71deg, #30C4FF 0%, #7259FF 100%);}
        .material-col .thumbnail-wrapper{max-width: 280px;margin: 0 auto 20px;}
        .material-col .entry-subtitle{font-family: var(--title-font-family);font-weight: 700;font-size: 14px;}
        .material-col .entry-title{font-family: var(--title-font-family);font-weight: 700;font-size: 30px;margin-bottom: 30px;}
        .material-col .entry-li{background: rgba(255, 255, 255, 0.05);padding: 0 12px;font-size: 14px;font-family: var(--title-font-family);font-weight: 700;}
        .shadow-image{position: absolute;right: 0;top: 50%;transform: translateY(-50%);transition: ease .3s transform;}
        .material-col:hover .shadow-image{transform:translateY(-50%) translateY(-15px);}
        @media (max-width: 992px) {
            .product-title{font-size: 28px;}
            .material-col{padding: 30px 0;}
            .material-col .entry-title{font-size: 18px;}
        }
        @media (max-width: 768px) {
            .product-subtitle{font-size: 12px;}
            .product-materials{padding: 40px 0;}
        }

        .assurance:nth-child(2n){background:var(--common-background-color);}
        .assurance-row  .entry-wrapper{padding:0 0 0 65px;height:100%;justify-content:center;display:flex;flex-direction:column;text-align: left;}
        .assurance-row h2 ,.assurance-row h3{font-size:32px;font-weight:700;margin-bottom:20px;color:#333;font-family: var(--title-font-family);}
        .assurance-row li{position:relative;list-style:none;margin: 10px;}
        .assurance-row li::after{position: absolute;color: #222;font-weight: 700;content: "✓";display: inline-block;height: 24px;width: 24px;border: 1px solid #333;border-radius: 50%;top: 0px;left: -35px;text-align: center;font-size: 16px;font-family: serif;}
        .assurance-row.odd .entry-wrapper{padding: 0  65px 0 0;}

        @media (max-width: 992px) {
            .assurance-row .entry-wrapper{padding:0 0 0 30px;}
            .assurance-row h2, .assurance-row h3{font-size:28px;}
        }
        @media (max-width: 768px) {
            .assurance-row{margin:20px 0;}
            .assurance-row .entry-wrapper , .assurance-row.odd .entry-wrapper{padding:20px 0  ;}
            .assurance-row h2, .assurance-row h3{font-size:22px;margin-bottom:10px;}
        }

/*product.content.css*/
.content-wrapper.product h2{padding: 30px 0 0 0;font-weight: 700;font-family:var(--title-font-family);font-size:30px;}
        .content-wrapper.product h3{padding: 10px 0 0 0;font-weight: 700;font-family:var(--title-font-family);font-size:24px;}
        .content-mistakes{margin-top:50px;padding:80px;text-align:center;font-size:15px;}
        .content-mistakes table{margin: 30px auto 0;background: #fff;text-align:left;}
        .content-mistakes h2,.content-mistakes h3{font-size:50px;font-family:var(--title-font-family);}
        .content-mistakes table td{padding:20px 50px;}
        .content-mistakes td p{margin:0;}
        .content-mistakes .icon-times{background-color:var(--main-color);color:#fff;padding:5px;border-radius:50%;aspect-ratio:1/1;margin-right:5px;}
        @media(max-width:992px){
            .content-wrapper.product h2{padding: 20px 0 0 0;}
            .content-mistakes{padding: 40px 0;}
            .content-mistakes h2, .content-mistakes h3{font-size:40px;}
            .content-mistakes table td{padding:20px 20px;}
            .content-wrapper table th{text-align:center;}
        }
        @media(max-width:768px){
            .content-mistakes h2, .content-mistakes h3{font-size:30px;}
            .content-wrapper.product h2{font-size:24px}
            .content-wrapper.product h3{font-size:20px;}
        }
        @media(max-width:576px){
            .content-wrapper.product{padding:0;font-size: 14px;}
            .summary,.product-cart .btn{font-size:14px;}
            .content-mistakes{font-size:14px;}
            .content-wrapper table th{font-size:20px;}
        }

        .swiper-gallery .title{font-size:50px;font-family:var(--title-font-family);color:#000;margin:80px auto 50px;text-align:center;}
        .swiper-gallery .swiper{padding: 20px;}
        .swiper-gallery .entry-wrapper .icon{margin-left:10px;}
        .swiper-gallery .product-col:hover .entry-title{margin-left:12px;transition:.3s all;}
        @media(max-width:992px){
            .swiper-gallery .title{font-size: 40px;margin: 40px auto 30px;}
        }
        @media(max-width:768px){
            .swiper-gallery .title{font-size:30px;}
            .swiper-gallery .product-col{margin-bottom:20px;}
        }
        @media(max-width:576px){
            .swiper-gallery .title{margin: 30px auto 20px;}
            .swiper-gallery .product-col{margin-bottom:0;}
        }
        .form-feedback .col-12:hover::after{display: none;}


/*news.css*/
        .form-col{justify-content: center;height:100%;}
        .article-col{padding: 62px 35px 58px;overflow: hidden;background-color:#fff;border-radius: 30px;box-shadow: 0 3px 6px rgb(0 0 0 / .16);}
        .article-col .entry-title{font-size:30px;line-height: 1.3;}
        .article-col .more{color:var(--sub-color);text-transform:uppercase;display:inline-block;margin:10px 0;font-weight:700;position:relative;}
        .article-col .more:hover{color: #073e70;transition:.3s all;}
        .article-col .more::after{display: inline-block;position: absolute;top: 50%;right: -25px;transform: translate(0,-50%);font-family:cmsfont;content:"\f17c"}
        .article-col .more:hover::after{right:-30px;transition:.3s all ease-out;}
        @media(max-width:768px){
            .article-col{padding: 22px 15px 28px;margin-bottom: 20px;}
            .article-col .entry-wrapper{padding: 10px 6px;}
            .article-col .entry-meta{padding-bottom:5px;}
            .article-col .entry-title{font-size:24px;}
            .article-col .entry-text,.article-col .more{font-size:14px;}
        }

/*newscontent.css*/
  .content-wrapper.article .title{font-size:30px;color:#000;font-weight:700;}
        .content-wrapper.article .share-title{font-weight:700;font-family:var(--title-font-family);font-size:30px;}
        .content-wrapper.article .social-item{background-color: #073e70!important;margin-right:10px;}
        .content-wrapper.article .social-item:hover{background-color: var(--sub-color)!important;}
/*contact.css*/

		.contact-wrapper{padding:80px 0 0 0;--entry-color: #333;}
        .contact-wrapper .title {font-family: var(--title-font-family);font-size: 50px;font-weight: 700;text-align:center;color: #333;margin-bottom: 50px;}
        .contact-page-col{display:flex;align-items:center;text-align: center;}
        .contact-page-col .entry-title{margin:20px 0 40px;font-size:35px;font-weight:700;color: #333333;}
        .contact-page-col .entry-text{font-size:20px;}
        .contact-page-col .entry-text a{color:var(--main-color);padding-left:5px;}
        @media(max-width:1200px){
            .contact-wrapper{padding:0;}
            .contact-wrapper .title{font-size:40px;}
            .contact-page-col .thumbnail-wrapper{max-width:100px;}
            .contact-page-col .entry-title{font-size:20px;text-align:center;margin: 10px 0 20px;}
            .contact-page-col .entry-text{font-size:16px;text-align:center;}
        }
        @media(max-width:768px){
            .banner-nav{padding:40px 20px 40px 30px;}
        }    
        @media(max-width:768px){
            .banner-nav{padding:20px 10px 20px 15px;}
        }
        @media(max-width:576px){
            .contact-wrapper .title{font-size:24px;margin-bottom:20px;}
            .contact-page-col{flex-direction:row;margin:10px 0;align-items: unset;}
            .contact-page-col .entry-title{font-size:18px;margin: 5px 0 10px;}
            .contact-page-col .entry-text{font-size:14px;}
        }

        .contact-time {position:relative;z-index:99;padding: 210px 100px 266px;margin: 0 0 -250px 0;color: #333333;}
        .contact-time .num{font-size:70px;font-weight:700;}
        .time-col{border-right:1px solid #EBE8ED;padding-right:27px;font-size:18px;}
        .time-col sub{font-size:20px;}
        .contact-time .col:first-child .time-col{border-left:1px solid #EBE8ED;padding-left:27px;}
        @media(max-width:1200px){
            .contact-time .num{font-size:50px;}
            .time-col{font-size:16px;margin-bottom:40px;text-align:center;}
        }        
        @media(max-width:992px){
            .contact-time{padding: 128px 0 138px;}
            .contact-time .num{font-size:50px;}
            .time-col{margin-bottom:80px;}
        }
        @media(max-width:768px){
            .contact-time{padding: 168px 0 107px;margin: -100px 0 -250px 0;}
            .time-col{margin-bottom:20px;}
            .contact-time .num{font-size:40px;}
        }
        @media(max-width:576px){
            .contact-time{padding: 190px 0 70px;margin: -136px 0 -250px 0;}
            .time-col,.contact-time .col:first-child .time-col{border:none;padding:0;}
            .time-col,.contact-time .col:first-child .time-col{border-bottom:1px solid #EBE8ED}
            .contact-time .col:last-child .time-col{border:none;}
        }


        .form-feedback.normal{margin-bottom:100px;}
        @media(max-width:1200px){
            .form-feedback.normal{margin-bottom:50px;}
        }
        @media(max-width:768px){
            .form-feedback.normal{margin: 150px auto 40px;}
        }
        @media(max-width:576px){
            .form-feedback.normal{margin: 150px auto 40px;}
        }

        .form-feedback .col-12:hover::after{display: none;}

