.pagination span{border:1px solid var(--secondary-color);width:2rem;height:2rem;color:var(--heading-color);cursor:pointer;border-radius:50px;justify-content:center;align-items:center;padding:5px;font-size:1.1rem;font-weight:700;display:flex}.active__page{background:var(--secondary-color);color:#fff!important}.banner_product{object-fit:cover;width:100%;height:auto;display:block}
.type_products .products{flex-wrap:wrap;justify-content:flex-start;gap:40px;margin-top:90px;display:flex}.type_products .products .product_card{max-width:300px}.loaisp__filters{margin-top:50px;margin-bottom:0}.filter__btn{cursor:pointer;color:#fff;background-color:#1d1d1b;border:none;border-radius:6px;padding:16px;font-size:16px;font-weight:400;transition:all .2s ease-in-out}.filter__btn.active,.filter__btn:hover{color:#000;background-color:#f8ae42;border:none;justify-content:center;align-items:center;gap:18px;display:flex}.filter__btn.active p{margin-bottom:0;font-size:18px;font-weight:700}.allfilter__btn{color:#000;gap:18px;font-size:16px;font-weight:700;display:flex}.loaisp__filters .all__filter{color:#000;background-color:#fff;border:1px solid #000;justify-content:center;align-items:center;gap:16px;display:flex}.loaisp__filters .all__filter p{margin-bottom:0;font-size:18px;font-weight:700}.banner-section{width:100%;position:relative;overflow:hidden}.banner-content{text-align:left;flex-direction:column;align-items:flex-start;width:32%;max-width:480px;max-height:80%;padding:0;display:flex;position:absolute;top:50%;left:10%;overflow:hidden;transform:translateY(-50%)}.banner-logo{height:auto;margin-bottom:14px}.banner-text{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:8;-webkit-box-orient:vertical;max-width:100%;margin:0;font-size:15px;font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}.henk-Product .banner-text,.ganafarm-Product .banner-text{color:#1d1d1b}.mekong-Product .banner-text,.markandmilk-Product .banner-text{color:#fff}@media (max-width:1279px){.banner-content{width:28%;max-width:360px;max-height:70%;top:24%;overflow:hidden;transform:none}.type_products .product__card .product__title a{font-size:1.8vw}.type_products .product__card .product__weight{font-size:13px}.type_products .card__body{padding:0 8px 16px!important}.type_products .contact__btn{font-size:18px;padding:4px 20px!important}.product__title{min-height:50px}.product__img{height:257px}}@media (max-width:1023px){.banner-content{width:46%;max-width:420px;left:6vw}.banner-text{font-size:14px}.type_products .products .product_card{width:22vw}.type_products .loaisp__filters{max-width:200px;margin-top:24px}.type_products .products{justify-content:space-between;gap:14px;margin-top:28px}.product__title{min-height:43px}.product__img{height:189px}.type_products .product__card .product__title a{font-size:1.7vw}.type_products .filter__btn{display:none}.type_products .contact__btn{font-size:18px;padding:4px 20px!important}.type_products .banner_product{min-height:300px}}@media (max-width:767px){.banner-content{text-align:center;align-items:center;width:90%;max-width:90%;padding:0;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.banner-logo{width:15%;margin-bottom:10px}.banner-text{text-align:center;font-size:14px;line-height:1.4}.type_products .banner_product{min-height:260px}.type_products .products{justify-content:space-around;gap:14px;margin-top:28px}.type_products .products .product_card{width:calc(50vw - 20px)}.type_products .content-type_products{padding:0 10px!important}.type_products .loaisp__filters{max-width:200px;margin-top:24px;margin-left:30px}.type_products .product__title{min-height:auto}.type_products .product__card .product__title a{font-size:16px}.type_products .product__card .product__weight{font-size:13px}.type_products .card__body{padding:0 8px 16px!important}.type_products .contact__btn{font-size:16px;padding:12px 36px!important}}@media (max-width:479px){.banner-text{font-size:13px;line-height:1.45}.banner-logo{width:22%}.type_products .banner_product{min-height:220px}.type_products .product__card .product__title a{font-size:14px}.type_products .product__card .product__weight{font-size:12px}.type_products .contact__btn{font-size:14px;padding:4px 20px!important}}
