.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 }
.tit-Box{
	display: flex;
	    align-items: center;
	    justify-content: space-between;
		margin-bottom: 30px;
}

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;
		
}










.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 }
  .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;
  }
}