.swiper { width:100%; padding-left:0; padding-right:0; position:relative }
.swiper-button-next, .swiper-button-prev { width:50px; text-align:center; height:50px; line-height:50px; background:#fff; z-index:2; transition:all .3s ease-out; color:#000; text-decoration:none; -webkit-user-drag:none; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; border-radius:30px }
.mySwipers:hover>.swiper-button-next, .mySwipers:hover>.swiper-button-prev { display:block }
.swiper-button-next:after, .swiper-button-prev:after { font-size:1rem; font-weight:bold }
.swiper-button-next:hover, .swiper-button-prev:hover { box-shadow:0px 3px 10px #00000024 }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right:4px; left:auto }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left:4px; right:auto }
.swiper-pagination-bullet { width:8px; height:8px; margin:0 8px !important }
.swiper-pagination-bullet-active { background:var(--Bcolor) }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:30px }
.banner { position:relative; align-items:center; color:#fff; overflow:hidden; width:100%; height:480px;}
.banner .inner-list { z-index:1; position:absolute; width:92%; height:100%; left:5%; display:flex; align-items:center }
.banner picture { position:absolute; width:100%; height:100%; left:0; z-index:0 }
/* .banner picture::before{
	content: "";
	    width: 100%;
	    height: 100%;
	    background: #00000070;
	    z-index: 1;
	    display: block;
	    position: absolute;
} */
.banner picture img { display:block; width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0 }
.home-content { position:absolute; width:100%; height:100%; display:flex; align-items:center; justify-content:center; z-index:1 }
.home-content .home-txt { max-width:1440px; margin:0 auto; width:90%; position:relative }
.home-content h1 { font-size:3rem; margin-bottom:1.5rem;    max-width: 700px; }
.home-content .search-box .form { position:relative; width:100%; max-width:780px; margin:2rem 0 0 }
.home-content .search-box { border:2px solid #fff; font-size:1.2rem; color:#fff; padding:10px 10px 10px 20px; background:#ffffff3d; width:100%; margin:0; max-width:780px; display:flex; justify-content:space-between; margin-top:20px; border-radius:40px }
.elementor-button-search { background:var(--Bcolor); padding:15px 20px; font-size:16px; border-radius:40px; cursor:pointer; transition:all .3s ease-out }
.elementor-button-search:hover { background:#ff7200; box-shadow:0px 0px 15px #00000036 }
.home-content .search-box input { color:#fff; width:70%; background:none; font-size:18px }
.home-content .search-box input::-webkit-input-placeholder { color:#fff }
.home-content .search-box .input-button { position:absolute; padding:1rem; font-size:1.2rem; background:none; right:10px; width:60px; height:100%; background:url(../images/icon-search.png) no-repeat center; background-size:30px }
.home-content p { width:100%; max-width:900px; line-height:22px }
.home-content .contact-button { margin-top:2rem }
.home-content .contact-button a { 
	margin-right: 10px;
	    margin-bottom: 1rem;
	    font-size: 20px;
	    letter-spacing: 1px;
}
.home-content .contact-button a:hover{
	    transform: scale(1.05);
}
.section-padding { padding:30px 0 }

/* Latest Inquiry + Page Rating */
.inquiry-rating-section { padding-top: 0px; padding-bottom: 8px; }
.inquiry-rating-row {
	display: flex;
	align-items: stretch;
	gap: 18px;
	width: 100%;
}
.inquiry-dynamics {
	flex: 1;
	width: 100%;
	min-width: 0;
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(17, 117, 252, 0.06) 0%, rgba(17, 117, 252, 0) 42%),
		linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
	border: 1px solid rgba(17, 117, 252, 0.1);
	border-radius: 18px;
	padding: 16px 18px 18px;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-areas:
		"head head"
		"body btn";
	gap: 14px;
	align-items: center;
}
.inquiry-dynamics::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--Bcolor, #1175fc), #5aa2ff, rgba(17, 117, 252, 0.15));
}
.inquiry-dynamics-head {
	grid-area: head;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	min-width: 0;
	white-space: nowrap;
	font-size: 16px;
	letter-spacing: 0.2px;
	color: #1f2a37;
}
.inquiry-dynamics-head strong {
	font-weight: 700;
}
.inquiry-dynamics-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--Bcolor, #1175fc);
	box-shadow: 0 0 0 4px rgba(17, 117, 252, 0.16);
	animation: inquiryPulse 1.8s ease-in-out infinite;
	flex-shrink: 0;
}
@keyframes inquiryPulse {
	0%, 100% { box-shadow: 0 0 0 3px rgba(17, 117, 252, 0.14); transform: scale(1); }
	50% { box-shadow: 0 0 0 7px rgba(17, 117, 252, 0.06); transform: scale(1.05); }
}
.inquiry-dynamics-body {
	grid-area: body;
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}
.inquiry-marquee {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #000 18px, #000 calc(100% - 18px), transparent);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 18px, #000 calc(100% - 18px), transparent);
}
.inquiry-marquee-track {
	display: flex;
	align-items: stretch;
	gap: 14px;
	width: max-content;
	animation: inquiryScroll 80s linear infinite;
}
.inquiry-marquee:hover .inquiry-marquee-track {
	animation-play-state: paused;
}
@keyframes inquiryScroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-100% - 14px)); }
}

/* 首页产品卡片：压缩价格区域，公司链接位于操作按钮下方。 */
#homePage .product-grid-item .pro-info {
	flex: 0 0 auto;
	padding-bottom: 10px;
}
#homePage .product-grid-item .pro-price {
	min-height: 0;
	line-height: 1.1;
}
#homePage .product-grid-item .home-company-link {
	order: 4;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0 20px 14px;
	font-size: 12px;
	line-height: 16px;
	text-decoration: underline;
	text-underline-offset: 2px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.inquiry-item {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(17, 40, 80, 0.06);
	border-radius: 14px;
	padding: 14px 16px;
	min-width: 360px;
	max-width: 420px;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.inquiry-item:hover {
	border-color: rgba(17, 117, 252, 0.22);
}
.inquiry-item-body {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	width: 100%;
	min-width: 0;
}
.inquiry-avatar {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	background: #e8eef6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.inquiry-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.inquiry-item-main {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.inquiry-text {
	font-size: 14px;
	line-height: 1.45;
	color: #2d3745;
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
}
.inquiry-country {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	align-self: flex-start;
	color: var(--Bcolor, #1175fc);
	font-weight: 700;
	font-size: 12px;
	line-height: 1;
	padding: 5px 10px;
	border-radius: 999px;
	background: rgba(17, 117, 252, 0.08);
	letter-spacing: 0.2px;
}
.inquiry-country em {
	font-style: normal;
	font-weight: 500;
	color: #6b7a90;
	text-transform: lowercase;
}
.inquiry-flag {
	display: inline-block;
	width: 16px;
	height: 12px;
	object-fit: cover;
	border-radius: 2px;
	flex-shrink: 0;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
	vertical-align: middle;
}
.inquiry-email {
	display: inline-block;
	align-self: flex-start;
	font-size: 12px;
	line-height: 1.2;
	color: #64748b;
	padding: 0;
	background: none;
	border-radius: 0;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
a.inquiry-item {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}
a.inquiry-item:hover {
	border-color: rgba(17, 117, 252, 0.28);
	
	box-shadow: 0 8px 18px rgba(17, 40, 80, 0.06);
}
.inquiry-side-btn {
	grid-area: btn;
	align-self: center;
	flex-shrink: 0;
	padding: 11px 24px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0.3px;
	white-space: nowrap;
	box-shadow: 0 8px 18px rgba(17, 117, 252, 0.28);
}
.inquiry-side-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(17, 117, 252, 0.34);
}

/* Rating under banner (inner-list width) */
.home-banner-rating {
	width: 100%;
	box-sizing: border-box;
	padding: 12px 0;
	background: transparent;
	border-bottom: none;
}
.home-banner-rating .list-rating-bar {
	margin-bottom: 0;
}

.tit-Box{
	display: flex;
	    align-items: center;
	    justify-content: space-between;
		margin-bottom: 30px;
}

/* Product Categories */
.product-category-list {
	display: grid;
	grid-template-columns: repeat(var(--cat-count, 9), minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 14px;
	width: 100%;
}
.product-category-current {
	display: flex;
    align-items: baseline;
    gap: 14px;
    margin-bottom: 14px;
    margin-left: 6px;
    margin-top: 20px;
}
.product-category-current-title {
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
	color: #1f2937;
}
.product-category-view-more {
	position: relative;
	padding-right: 14px;
	font-size: 13px;
	line-height: 1.3;
	color: #64748b;
	transition: color .2s ease;
}
.product-category-view-more::after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 4px;
}
.product-category-view-more:hover {
	color: var(--Bcolor, #1175fc);
}
.product-category-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 112px;
	padding: 16px 10px 14px;
	border-radius: 14px;
	background: #f5f7fb;
	border: 1px solid transparent;
	color: #2d3745;
	text-align: center;
	transition: all .25s ease;
	box-shadow: inset 0 0 0 1px rgba(17, 40, 80, 0.02);
}
.product-category-icon {
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform .25s ease;
}
.product-category-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}
.product-category-icon path,
.product-category-icon circle {
	fill: var(--Bcolor, #1175fc) !important;
	stroke: var(--Bcolor, #1175fc);
	transition: fill .25s ease, stroke .25s ease;
}
.product-category-icon svg.icon-stroke path,
.product-category-icon svg.icon-stroke circle {
	fill: none !important;
	stroke: var(--Bcolor, #1175fc) !important;
}
.product-category-icon svg.icon-stroke path.icon-fill {
	fill: var(--Bcolor, #1175fc) !important;
	stroke: none !important;
}
.product-category-name {
	font-size: 13px;
	line-height: 1.3;
	font-weight: 600;
	color: #334155;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-word;
	transition: color .25s ease;
}
.product-category-item:hover {
	background: #eef4ff;
	border-color: rgba(17, 117, 252, 0.18);
	transform: translateY(-2px);
	
}
.product-category-item:hover .product-category-icon {
	transform: scale(1.04);
}
.product-category-item:hover .product-category-name {
	color: var(--Bcolor, #1175fc);
}
.product-category-item.active {
	background: var(--Bcolor, #1175fc);
	border-color: var(--Bcolor, #1175fc);
	box-shadow: 0 10px 22px rgba(17, 117, 252, 0.28);
}
.product-category-item.active .product-category-name {
	color: #fff;
}
.product-category-item.active .product-category-icon path,
.product-category-item.active .product-category-icon circle {
	fill: #fff !important;
	stroke: #fff !important;
}
.product-category-item.active .product-category-icon svg.icon-stroke path,
.product-category-item.active .product-category-icon svg.icon-stroke circle {
	fill: none !important;
	stroke: #fff !important;
}
.product-category-item.active .product-category-icon svg.icon-stroke path.icon-fill {
	fill: #fff !important;
	stroke: none !important;
}
.product-category-item.active:hover {
	background: #0d63e0;
	border-color: #0d63e0;
	transform: translateY(-2px);
}

@media only screen and (max-width: 1200px) {
  .product-category-list {
	  grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 900px) {
  .product-category-list {
	  grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

h2.title { 
	font-size: 32px;
	    text-align: left;
	    word-break: break-word;
	    line-height: 44px;
}
h3.title { font-size:1.5rem; margin-bottom:16px }
p.subtitle { width:100%; text-align:center; margin-bottom:24px }

.section-sub {
            text-align: center;
            color: #4b5563;
            max-width: 700px;
            margin: 0 auto 48px auto;
        }
		
/* stats */
        .stats-grid {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 24px;
            margin-top: 40px;
        }

        .stat-card {
            flex: 1;
            background: #fff;
            padding: 32px 20px;
            border-radius: 24px;
            text-align: center;
        }

        .stat-number {
                font-size: 2.5rem;
                font-weight: 800;
                color: var(--Bcolor);
                line-height: normal;
                margin-bottom: 10px;
        }


/* cards grid */
        .card-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 32px;
            margin-top: 20px;
        }

        .service-card, .solution-card {
            background: #ffffff;
            border-radius: 24px;
            padding: 32px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            border: 1px solid #eef2f6;
            transition: all 0.2s;
        }


.aboutus{
	    width: 100%;
	display: flex;
	justify-content: space-between;
	    gap: 40px;
		font-size: 18px;
		line-height: 28px;
		align-items: center;
}
.aboutus .title{
	margin-bottom: 20px;
}
.aboutus img{
	    width: 100%;
	    display: block;
	    border-radius: 16px;
}
.aboutus .aboutus-video{
	    width: 100%;
	    display: block;
	    border-radius: 16px;
	    overflow: hidden;
}
.product-grid-item.is-hidden-by-category,
.product-list.product-list-mobile-h .product-grid-item.is-hidden-by-category,
.ad-content .product-list.product-list-mobile-h .product-grid-item.is-hidden-by-category {
	display: none !important;
}










.best-soucring-agent .inner-list { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap }
.best-soucring-agent .list-left { width:50%; font-size:1.2rem; padding-right:5%; line-height:1.7rem }
.best-soucring-agent .list-left .color-bold { color:var(--Bcolor) }
.best-soucring-agent .list-left ul li { padding-left:30px; margin:2rem 0; font-size:22px; background:url(../images/icon-include.png)no-repeat left center; background-size:20px; word-break:break-word }
.best-soucring-agent .list-right { width:50%; overflow:hidden }
.best-soucring-agent .list-right .video-container { width:100%; max-width:1200px }
.best-soucring-agent .list-right .elementor-video { position:relative; width:100%; padding-bottom:54%; height:0; overflow:hidden }
.best-soucring-agent .list-right .elementor-video iframe { position:absolute; top:0; left:0; width:100%; height:100% }
.best-soucring-agent .list-right .elementor-video .yt-lazy-facade { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; cursor:pointer; background:#000 }
.best-soucring-agent .list-right .elementor-video .yt-lazy-poster { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover }
.best-soucring-agent .list-right .elementor-video .yt-lazy-play { position:absolute; top:50%; left:50%; width:68px; height:48px; margin:-24px 0 0 -34px; border-radius:12px; background:rgba(33, 33, 33, 0.9); box-shadow:0 2px 12px rgba(0, 0, 0, 0.35); pointer-events:none }
.best-soucring-agent .list-right .elementor-video .yt-lazy-play::after { content:""; position:absolute; top:50%; left:52%; width:0; height:0; margin:-10px 0 0 -6px; border-style:solid; border-width:10px 0 10px 18px; border-color:transparent transparent transparent #fff }
.best-soucring-agent .list-right .elementor-video iframe.yt-lazy-iframe:not([hidden]) { display:block }
.our-services .inner-list { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap }
.services-box { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap }
.services-box .card { width:23%; background:#fff; padding:30px 24px 35px; border-radius:16px; transition:all .2s ease; word-break:break-word }
.services-box .card .card-img { display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:30px; margin-bottom:30px; background:var(--Bcolor); transition:all .2s ease }
.services-box .card .card-img img { filter:brightness(0) invert(1); transition:all .2s ease }
.services-box .card:hover { background:var(--Bcolor); color:#fff }
.services-box .card:hover .card-img { background:#fff }
.services-box .card:hover .card-img img { filter:none }
.services-box .card:hover .elementor-button-line { color:#fff; text-decoration:underline }
.ourtop-agents h2.title { margin-bottom:24px }
.ourtop-agents .swiper { padding-bottom:30px }
.ourtop-agents .swiper-pagination { display:none }
.ourtop-agents .swiper-horizontal>.swiper-pagination-bullets, .ourtop-agents .swiper-pagination-bullets.swiper-pagination-horizontal { bottom:0 }
.agents-card .photos { background:linear-gradient(0deg, #FFEFE1, #FBF8F6); display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:16px }
.agents-card .name { font-size:1.4rem; font-weight:600; margin:1.2rem 0 .8rem }
.agents-card .photos img { width:100%; display:block }
.contact-box-bottom { display:flex; margin-top:1rem }
.contact-box-bottom .box-link { display:flex; background:#F4F4F4; border-radius:30px; align-items:center; justify-content:center; padding:15px; margin-right:12px; transition:all .2s ease }
.contact-box-bottom .box-link:hover { background:#e2e2e2 }
.contact-box-bottom .box-link img { width:20px }
.steps-box { display:flex; flex-wrap:wrap; justify-content:space-between }
.steps-box .card { position:relative; width:calc(20% - 1rem); background:url("../images/stepbg-color.svg") no-repeat left top, #ffffff; background-size:40%; box-shadow:-2px 11px 32px 0px rgba(0, 0, 0, 0.05); border-radius:16px; padding:4rem 0; margin-bottom:2rem; bottom:0px; transition:all .5s ease; display:flex; align-items:center }
.steps-box .card:nth-child(2), .steps-box .card:nth-child(4) { background:url("../images/stepbg-black.svg") no-repeat left top, #ffffff; background-size:40% }
.steps-box .card .step-num { position:absolute; z-index:1; left:0; top:0; width:50px; height:40px; display:flex; align-items:center; justify-content:center; font-size:2.2rem; color:#fff; font-weight:bold; font-style:italic }
.steps-box .card h3.title { margin:0 auto; text-align:center; font-size:26px; line-height:36px }
.steps-box .card p { margin:0 auto; width:90%; max-width:500px; font-size:1.1rem; margin-bottom:1rem; line-height:1.8rem }
.steps-box .card a { display:table; margin:3rem auto 0 }
.steps-box .card:hover { bottom:10px; box-shadow:-3px 19px 32px 0px rgba(0, 0, 0, 0.09) }
.steps-box .card:hover a { background:var(--Bcolor); border-color:var(--Bcolor); color:#fff }
.table { width:100%; border-right:1px solid #F3E6DE; border-bottom:1px solid #F3E6DE }
.font-nor-color { color:var(--Bcolor) !important }
.table th { background:#2A2A2A; color:#fff }
.table th, .table td { padding:20px 14px }
.table th { border-left:1px solid #fff }
.table td { border-top:1px solid #F3E6DE; border-left:1px solid #F3E6DE }
.mySwiper-categories { position:relative }
.mySwiper-categories::after { content:""; position:absolute; top:0; right:0; width:150px; height:100%; background:linear-gradient(to right, rgba(255, 255, 255, 0) 0, white 100%); pointer-events:none; z-index:1 }
.mySwiper-categories { padding-bottom:10px }
.mySwiper-categories .swiper-horizontal>.swiper-pagination-bullets, .mySwiper-categories .swiper-pagination-bullets.swiper-pagination-horizontal { bottom:0 }
.mySwiper-categories .swiper-pagination { display:none }
.industry-list { display:flex; text-align:center }
.industry-row { width:25% }
.industry-row .icon-item { width:85%; height:0; padding-bottom:82.5%; border:2px solid #EAEAEA; border-radius:50%; margin-bottom:20px; transition:all .3s ease }
.industry-row .icon-item img { max-width:48px; width:40%; margin-top:18% }
.industry-row .icon-item p { font-size:12px; width:100%; padding:0 20px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; word-break:break-word }
.industry-row .icon-item:hover { border-color:var(--Bcolor) }
.global-sourcing { padding:4rem 0; color:#fff; text-align:center; background:url("../images/banner2.jpg")no-repeat center; background-size:cover }
.global-sourcing h2.title { margin-bottom:24px }
.global-sourcing p.subtitle { width:100%; max-width:800px; margin:0 auto; margin-bottom:4rem; line-height:1.8rem; letter-spacing:0.2px }
.global-box { display:flex }
.global-box .card { width:33%; border-right:1px solid #ffffff26 }
.global-box .card:last-child { border:none }
.global-box .card strong { font-size:3rem; display:block; margin:1rem 0 }
.global-box .card p { padding:0 8px; word-break:break-word }
.our-clients h2.title { margin-bottom:24px }
.our-clients p.subtitle { width:100%; max-width:800px; margin:0 auto; margin-bottom:2rem; line-height:1.8rem; letter-spacing:0.2px }
.our-clients .swiper { width:calc(100% - 1px); padding-bottom:30px }
.our-clients .swiper-horizontal>.swiper-pagination-bullets, .our-clients .swiper-pagination-bullets.swiper-pagination-horizontal { bottom:0 }
.clients-box { background:#fff; border-radius:30px; padding:1.8rem; color:#666 }
.clients-box .info { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.5rem }
.clients-box .info .info-text { display:flex; align-items:center; font-size:1.2rem; color:#222 }
.clients-box .info .img-client { width:48px; border-radius:30px; margin-right:8px }
.clients-box .info .img-media { width:36px }
.news .swiper { padding-bottom:30px }
.news .swiper-pagination { display:none }
.news .swiper-horizontal>.swiper-pagination-bullets, .news .swiper-pagination-bullets.swiper-pagination-horizontal { bottom:0 }
.newsContent a { border-radius:16px; background:#fff; overflow:hidden }
.newsBox picture { display:flex; width:100%; position:relative; padding-bottom:64%; overflow:hidden }
.newsBox picture img { position:absolute; top:0%; left:0%; width:100%; height:100% }
.news-txt { text-align:left; margin:1rem }
.news-txt .title { font-size:1.1rem; line-height:1.2rem; margin-bottom:10px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; font-weight:bold }
.news-txt .cont { font-size:0.8rem; color:#666666; line-height:1.2rem; margin-bottom:1.5rem; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis }
.news-txt .time { font-size:0.8rem; color:#4b4b4b; margin-bottom:30px }
.news-txt .more::after { display:block; content:''; position:absolute; bottom:-15px; margin-left:0px; width:100px; height:1px; background-color:#999 }
.news-txt a:hover .cont { color:var(--Bcolor); transition:all .5s ease }
.news-txt a:hover .more::after { background-color:var(--Bcolor); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out }
.contact { width:100%; background:url("../images/banner-ready.jpg") no-repeat center; background-size:cover; color:#fff; text-align:center }
.contact h2.title { margin-bottom:24px }
.youtube-facade { position:absolute; width:100%; height:100%; cursor:pointer; overflow:hidden; background:#000 }
.youtube-thumbnail { width:100%; height:100%; object-fit:cover; transition:opacity 0.3s; position:absolute; top:0; left:0 }
.youtube-play-button { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:68px; height:48px; background:rgba(255, 0, 0, 0.9); border:none; border-radius:12px; color:white; font-size:24px; padding:0; cursor:pointer; transition:transform 0.2s }
.youtube-play-button:hover { transform:translate(-50%, -50%) scale(1.1) }
.youtube-loading-indicator { position:absolute; top:0; left:0; width:100%; height:100%; display:none; align-items:center; justify-content:center; background:rgba(0, 0, 0, 0.7); color:white; font-size:18px }
.solutionslist { display:flex; justify-content:center; flex-wrap:wrap; gap:2.5% }
.solutionslist .item { background:#fff; border-radius:16px; padding:30px 24px 35px; margin:16px 0; box-shadow:none; transition:all .5s ease; border:1px solid #d6d6d6; border-radius:16px; width:23%; bottom:0 }
.solutionslist .item:hover { bottom:10px; box-shadow:-3px 19px 32px 0px rgba(0, 0, 0, 0.09) }
.solutionslist .item img { width:80px; margin-bottom:20px }
.solutionslist .title { font-size:1.5rem; font-weight:bold; color:#333; margin-bottom:.88rem }
@media only screen and (max-width: 768px) {
  h2.title { font-size:18px; }
  h3.title { font-size:1.3rem; color:#333; margin-bottom:12px }
  .home-content .contact-button a { 
	          margin-right: 5px;
	          margin-bottom: 1rem;
	          font-size: 14px;
	          padding: 12px 20px;
	          width: auto;
	          min-width: auto;
	          letter-spacing: 0;
  }
  .home-content .search-box .input { padding:1rem 50px 1rem 16px }
  .home-content .search-box .input-button { right:0; background:url(../images/icon-search.png) no-repeat center; background-size:24px }
  .home-content .search-box { padding:8px; padding-left:12px }
  .home-content .search-box input { width:60%; font-size:15px }
  .elementor-button-search { padding:10px; font-size:14px }
  .banner { padding-bottom:0; height:220px }
  .section-padding { padding:10px 0 }
  .inquiry-rating-section { padding-top: 12px; padding-bottom: 4px; }
  .inquiry-rating-row {
	  flex-direction: column;
	  gap: 12px;
	  width: 100%;
  }
  .inquiry-dynamics {
	  gap: 12px;
	  padding: 14px 12px 12px;
	  border-radius: 14px;
	  width: 100%;
	  grid-template-columns: 1fr auto;
	  grid-template-areas:
		  "head btn"
		  "body body";
	  align-items: center;
  }
  .inquiry-dynamics-head {
	  font-size: 15px;
	  overflow: hidden;
  }
  .inquiry-dynamics-head strong {
	  overflow: hidden;
	  text-overflow: ellipsis;
  }
  .inquiry-dynamics-body {
	  gap: 10px;
	  width: 100%;
  }
  .inquiry-marquee {
	  width: 100%;
  }
  .inquiry-side-btn {
	  padding: 8px 14px !important;
	  font-size: 13px !important;
	  box-shadow: 0 6px 14px rgba(17, 117, 252, 0.24);
	  align-self: center;
  }
  .inquiry-item {
	  min-width: 280px;
	  max-width: 320px;
	  padding: 12px;
	  border-radius: 12px;
	  gap: 10px;
  }
  .inquiry-avatar {
	  width: 34px;
	  height: 34px;
  }
  .inquiry-text {
	  font-size: 13px;
  }
  .inquiry-country {
	  font-size: 11px;
	  padding: 4px 8px;
  }
  #homePage .product-list.product-list-mobile-h .product-grid-item .pro-action-row {
	  grid-row: 2;
  }
  #homePage .product-list.product-list-mobile-h .product-grid-item > a.home-company-link {
	  grid-column: 2;
	  grid-row: 3;
	  margin: 6px 0 0;
	  padding: 0 4px;
	  max-width: 100%;
  }
  .home-banner-rating {
	  padding: 10px 0;
  }
  .product-category-list {
	  grid-template-columns: repeat(3, minmax(0, 1fr));
	  gap: 10px;
  }
  .product-category-item {
	  min-height: 98px;
	  padding: 12px 8px 10px;
	  border-radius: 12px;
	  gap: 8px;
  }
  .product-category-icon {
	  width: 34px;
	  height: 34px;
  }
  .product-category-name {
	  font-size: 12px;
  }
  .services-box .card { width:48%; padding:1rem; margin-bottom:1rem }
  .services-box .card .card-img { width:40px; height:40px; margin-bottom:10px }
  .services-box .card .card-img img { width:22px }
  .home-content h1 { font-size:20px;        margin-bottom: 8px; }
  .home-content .contact-button {
      margin-top: 10px;
  }
  .tit-Box {
      margin-bottom: 10px;
  }
  .best-soucring-agent .list-left, .best-soucring-agent .list-right { width:100% }
  .contact-box-bottom .box-link { padding:10px; margin-right:10px }
  .steps-box .card { width:100%; padding:2.5em 0 }
  .steps-box .card h3.title { font-size:20px; line-height:26px; margin:0 30px }
  .steps-box .card:nth-child(1), .steps-box .card:nth-child(3) { background:url(../images/stepbg-color.svg) no-repeat left top, #ffffff; background-size:8rem }
  .steps-box .card:nth-child(2), .steps-box .card:nth-child(4) { background:url(../images/stepbg-black.svg) no-repeat left top, #ffffff; background-size:8rem }
  .industry-row .icon-item { width:90%; padding-bottom:87.3%; border:none; border-radius:1px }
  .industry-row .icon-item p { padding:0 }
  .mySwiper-categories::after { display:none }
  .global-box .card i img { width:44px }
  .global-box .card strong { font-size:2rem; margin:.5rem 0 }
  .global-sourcing { background:url(../images/banner2-sp.webp)no-repeat center; background-size:cover }
  .global-sourcing p.subtitle { margin-bottom:2rem }
  .contact { background:url(../images/banner-ready-sp.webp) no-repeat center; background-size:cover }
  .mySwiper-clients .swiper-button { display:none }
  .ourtop-agents .swiper-button { display:none }
  .news .swiper-button { display:none }
  .categories .swiper-button { display:none }
  .mySwiper-categories .swiper-pagination { display:block }
  .ourtop-agents .swiper-pagination { display:block }
  .news .swiper-pagination { display:block }
  .solutionslist .item { width:48%; padding:1rem; margin-bottom:1rem }
  .aboutus {
      flex-wrap: wrap;        font-size: 15px;gap: 20px;
  }
  .aboutus img {
      border-radius: 10px;
  }
  .stat-number{
	  font-size: 24px;
  }
  .stats-grid {
      gap: 12px;
	  margin-top: 16px;
  }
  .stat-card {
      border-radius: 10px;
  }
}