﻿.product .productItem ul li div .more p{color:#fff;}
.product{padding-top:0;}
.product .application-section{position: relative;padding: 50px 0;background:#efdecd;}
.product .cards-container{display:flex;justify-content:space-between;flex-wrap:wrap}
.product .app-card{width:23%;border-radius:0;overflow:hidden;display:flex;flex-direction:column}
.product .card-1{background:linear-gradient(to bottom,#fff,#26b39c)}
.product .card-2{background:linear-gradient(to bottom,#fff,#e6b800)}
.product .card-3{background:linear-gradient(to bottom,#fff,#e62080)}
.product .card-4{background:linear-gradient(to bottom,#fff,#338)}
.product .card-title{margin-bottom:20px;padding:15px;font-size:20px;font-weight:600;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:90px;}
.product .card-1 .card-title{color:#269970}
.product .card-2 .card-title{color:#c90}
.product .card-3 .card-title{color:#cc2080}
.product .card-4 .card-title{color:#338}
.product .card-img{display:flex;align-items:center;justify-content:center}
.product .card-img img{width:100%;object-fit:cover}
.card-text{padding:20px 20px 10px;color:#fff;font-size:15px;line-height:1.5;text-align:center;}
@media (max-width:768px){
.product .application-section{padding:30px 0}
.product .strengthItem{padding:0 15px;margin-top:0}
.product .app-card{width:49%;margin-top:30px;}
}
@media (max-width:540px){
.product .app-card{width:100%;margin-top:20px;}
.product .card-title{margin-bottom:0;font-size:18px;height:auto;}
}
.case ul li {height:auto;display:flex;flex-direction:column;}
.case ul {justify-content:flex-start;flex-wrap:nowrap;}
.case ul li span,.case .caseItem ul li span {margin-bottom:15px;}
.case ul li a,.case .caseItem ul li a {margin:auto auto 10px;}
.caseswiper {position:relative}
.caseswiper .swiper-pagination {display:none}
.case-btn>div {cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;position:absolute;top:50%;z-index:2;margin-top:-20px;background:#ffffff88;transition:.3s}
.case-btn>div.case-prev {left:5px;}
.case-btn>div.case-next {right:5px;}
.case-btn>div i {font-size:25px;font-weight:bold;}
.case-btn>div:hover{background:var(--color);color:#fff}
@media (max-width:768px){.caseswiper .swiper-pagination {display:block;position:static;margin-top:20px}
.case-btn>div{display:none}}
.strengthItem ul li .text span{-webkit-line-clamp:inherit;}
.strengthItem ul li .content{height:100%;}
.l-wrap{width:80%;margin:0 auto}
.certifications{margin:30px 0 50px;}
.certifications .ourStrength p{margin:0px auto;color:var(--fontcolor);font-size:var(--fontsize30);text-transform:capitalize;text-align:center}
.certificationsinfo ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.certificationsinfo ul li{width:19%;margin-top:20px;overflow:hidden;border-radius:5px}
.exhibitions{padding:40px 0 60px;background:#F5F5F5;}
.exhibitions .ourStrength p{margin:0px auto;color:var(--fontcolor);font-size:var(--fontsize30);text-transform:capitalize;text-align:center}
.exhibitionsinfo ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.exhibitionsinfo ul li{width:calc(33.333% - 10px);margin-top:15px;}
@media (max-width:1024px){.l-wrap{width:90%;}
.certificationsinfo ul{justify-content:flex-start;gap:2%}
.certificationsinfo ul li{width:32%;margin-top:15px;}
.exhibitionsinfo ul{margin-top:5px}
.exhibitionsinfo ul li{width:calc(50% - 5px);margin-top:10px;}}
@media (max-width:768px){.l-wrap{width:100%;padding:0 35px}
.certificationsinfo ul{gap:4%}
.certificationsinfo ul li{width:48%;}}
@media (max-width:500px){.l-wrap{padding:0 15px}
.certifications .ourStrength p,.exhibitions .ourStrength p{font-size:var(--fontsize24)}}
.strengthItem ul li .text span{-webkit-line-clamp:6}
.strengthItem ul li:hover .text span{-webkit-line-clamp:inherit}