.quality-bar{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;background:#e8bf6f73;border:1px solid #e8bf6f73;border-radius:12px;overflow:hidden;box-shadow:0 10px 35px #0000001f}
.quality-bar::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:65%;height:2px;background:linear-gradient(90deg,transparent,#e8bf6fe6,transparent);box-shadow:0 0 18px #e8bf6f73;z-index:2}
.quality-item{position:relative;min-height:78px;padding:15px 18px;display:flex;align-items:center;justify-content:center;gap:11px;text-align:center;background:radial-gradient(circle at center,#e8bf6f12,transparent 65%),var(--main-color);color:#fff;font-family:var(--font2);font-size:14px;font-weight:600;line-height:1.35;transition:var(--transition);overflow:hidden}
.quality-item:not(:nth-child(3n))::after{content:"";position:absolute;top:18px;right:0;width:1px;height:42px;background:linear-gradient(180deg,transparent,#e8bf6f73,transparent)}
.quality-icon{width:38px;height:38px;min-width:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--main-color3);border:1px solid #e8bf6f80;background:#e8bf6f14;font-size:15px;transition:var(--transition)}
.quality-item:hover{background:radial-gradient(circle at center,#e8bf6f21,transparent 70%),#071d0f}
.quality-item:hover .quality-icon{background:var(--main-color3);color:var(--main-color);border-color:var(--main-color3);transform:scale(1.08);box-shadow:0 0 18px #e8bf6f40}
@media(max-width:991px) {
.quality-bar{grid-template-columns:repeat(2,1fr)}
.quality-item:not(:nth-child(3n))::after{display:none}
.quality-item:nth-child(odd)::after{display:block}
}
@media(max-width:575px) {
.quality-bar{grid-template-columns:1fr;gap:0}
.quality-item{min-height:68px;justify-content:flex-start;text-align:left;padding:13px 16px}
.quality-item::after{display:none!important}
.quality-item:not(:last-child){border-bottom:1px solid #e8bf6f2e}
.quality-icon{width:35px;height:35px;min-width:35px}
}
.testimonial{background:url(images/testimonial/right-quote.svg) no-repeat top -8px right 4%;background-size:70px;padding:45px 30px 110px!important}
.list-card{position:relative;padding-bottom:0!important}
.table{border-radius:10px;overflow:hidden;margin-bottom:0}
.table thead th{background:#2d4d3a;color:#fff;font-weight:600;border:none;padding:15px}
.table tbody td{padding:15px;vertical-align:middle}
.table tbody tr:nth-child(even){background:#f8f9fa}
.table tbody tr:hover{background:#eef7f1;transition:.3s}
.table td:first-child{font-weight:500;color:#2d4d3a}
.des{margin:-60px auto 0;text-align:center;position:relative;z-index:1;background-color:#fff;background-color:#fff;padding:15px 25px 25px;box-shadow:0 0 10px #00000012}
.des p{font-size: 13px;margin-bottom: 0;}
@media (min-width: 991px) {
.des{max-width:353px;border-radius:5px}
}
.header{transition:color .3s ease}
.header:hover{color:#88b44e}
.bl2{border-left: 3px solid var(--main-color2);}

.tea-wholesale-section{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,#8cbc4f24,transparent 28%),radial-gradient(circle at 85% 85%,#e8bf6f1f,transparent 30%),linear-gradient(135deg,#02160b 0%,#082516 50%,#03170c 100%)}
.tea-wholesale-section::before{content:"";position:absolute;inset:0;opacity:.35;background-image:radial-gradient(#ffffff0d 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.tea-wholesale-section::after{content:"";position:absolute;top:0;left:50%;width:70%;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#e8bf6fbf,transparent);box-shadow:0 0 15px #e8bf6f59 0 0 45px #e8bf6f2e}

.tea-wholesale-section h3{position:relative;display:inline-block;margin-bottom:6px!important;}
.tea-wholesale-section h3::after{content:"";display:block;width:55px;height:3px;margin:18px auto 6px;border-radius:10px;background:linear-gradient(90deg,transparent,var(--main-color3),transparent)}
.tea-wholesale-section .text-center > p{margin-left:auto;margin-right:auto;color:#ffffffc7;line-height:1.8}
.tea-wholesale-section .text-center > p:last-of-type{color:#fff;}
.tea-wholesale-section .feat-box{position:relative;height:100%;padding:22px 18px!important;border:1px solid #e8bf6f33!important;border-radius:18px!important;background:linear-gradient(145deg,#fffffffa,#f7f9f1f5)!important;box-shadow:0 12px 35px #0003;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}
.tea-wholesale-section .feat-box::before{content:"";position:absolute;top:0;left:50%;width:0;height:3px;transform:translateX(-50%);background:linear-gradient(90deg,var(--main-color2),var(--main-color3));transition:width .4s ease}
.tea-wholesale-section .feat-box::after{content:"";position:absolute;width:120px;height:120px;top:-70px;right:-70px;border-radius:50%;background:#8cbc4f1a;transition:.4s ease}
.tea-wholesale-section .feat-box:hover{transform:translateY(-9px);border-color:#e8bf6fa6!important;box-shadow:0 22px 50px #00000047 0 0 0 1px #e8bf6f14}
.tea-wholesale-section .feat-box:hover::before{width:70px}
.tea-wholesale-section .feat-box:hover::after{transform:scale(1.4)}
.tea-wholesale-section .feat-box > svg{position: relative;z-index: 2;width: 58px !important;height: 58px !important;padding: 7px;border-radius: 14px;background: linear-gradient(145deg,#f4f7ed,#fff);box-shadow: 0 5px 18px #143c1e14;transition: transform .4s ease,box-shadow .4s ease;display: block;text-align: center;margin: 0 auto;}
.tea-wholesale-section .feat-box:hover > svg{transform:translateY(-3px) scale(1.06);box-shadow:0 9px 24px #143c1e24}
.tea-wholesale-section .feat-box h3{position:relative;z-index:2;color:#173c28;font-weight:600;letter-spacing:-.1px}
.tea-wholesale-section .feat-box h3::after{content:"";display:block;width:24px;height:2px;margin:16px auto 0;border-radius:10px;background:var(--main-color3);transition:width .3s ease}
.tea-wholesale-section .feat-box:hover h3::after{width:42px}
.tea-wholesale-section .feat-box p{position:relative;z-index:2;color:#5b625c;margin-top:10px!important}
@media (max-width: 991px) {
.tea-wholesale-section .feat-box{padding:20px 15px!important}
}
@media (max-width: 575px) {
.tea-wholesale-section h3{font-size:25px}
.tea-wholesale-section .text-center > p{font-size:13px;line-height:1.7}
.tea-wholesale-section .feat-box{padding:18px 14px!important;border-radius:15px!important}
.tea-wholesale-section .feat-box > svg{width:52px!important;height:52px!important}
.tea-wholesale-section .feat-box h3{font-size:15px}
.tea-wholesale-section .feat-box p{font-size:12px;line-height:1.55}
}

.tea-supply-process{position:relative;overflow:hidden}
.tea-supply-process::before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:#70914c0f;top:-180px;left:-180px}
.tea-supply-process::after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:#70914c0d;bottom:-150px;right:-120px}
.supply-timeline{position:relative;margin:0 auto;z-index:2}
.supply-timeline::before{content:"";position:absolute;top:25px;bottom:25px;left:50%;width:1px;background:#cbd7c1;transform:translateX(-50%)}
.timeline-item{position:relative;display:flex;justify-content:center;margin-bottom:32px}
.timeline-item:last-child{margin-bottom:0}
.timeline-number{position:absolute;left:50%;top:0;transform:translateX(-50%);width:52px;height:52px;border-radius:50%;background:var(--main-color2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;z-index:3;border:7px solid #fff;box-shadow:0 4px 12px #324b2b26}
.timeline-content{width:calc(50% - 48px);margin-right:auto;margin-left:0;background:#fff;border:1px solid #e3e8df;border-radius:12px;padding:28px;display:flex;gap:20px;position:relative;box-shadow:0 7px 25px #1e37230e;transition:all .35s ease}
.timeline-item:nth-child(even) .timeline-content{margin-left:auto;margin-right:0}
.timeline-content::after{content:"";position:absolute;top:20px;right:-9px;width:17px;height:17px;background:#fff;border-top:1px solid #e3e8df;border-right:1px solid #e3e8df;transform:rotate(45deg)}
.timeline-item:nth-child(even) .timeline-content::after{left:-9px;right:auto;transform:rotate(-135deg)}
.timeline-content:hover{transform:translateY(-5px);box-shadow:0 15px 35px #1e37231c;border-color:#c3d2b8}
.timeline-icon{min-width:52px;width:52px;height:52px;border-radius:10px;background:#edf3e8;color:#587d3e;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .3s ease}
.timeline-content:hover .timeline-icon{background:#587d3e;color:#fff}
.timeline-text h3{color:#263f2b;font-size:18px;font-weight:700;line-height:1.45;margin-bottom:10px}
.timeline-text p{margin:0;color:#6c756b;font-size:13px;line-height:1.8}
@media (max-width: 991.98px) {
.timeline-content{width:calc(50% - 40px);padding:23px}
}
@media (max-width: 767.98px) {
.supply-timeline::before{left:25px;transform:none}
.timeline-item{justify-content:flex-start;padding-left:65px;margin-bottom:30px}
.timeline-number{left:0;transform:none;width:50px;height:50px}
.timeline-content,.timeline-item:nth-child(even) .timeline-content{width:100%;margin:0;padding:22px;display:block}
.timeline-content::after,.timeline-item:nth-child(even) .timeline-content::after{display:none}
.timeline-icon{margin-bottom:17px}
.timeline-text h3{font-size:17px}
}
@media (max-width: 480px) {
.timeline-item{padding-left:58px}
.timeline-content{padding:20px!important}
.timeline-text p{font-size:13px;line-height:1.75}
}