.crop-library-banner{position:relative;margin-top:80px}.blog-banner-img{width:100%;height:100%}.banner-detail-blog-page{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:30px}.banner-detail-title-blog-page{font-size:90px;font-family:Merriweather;font-weight:900;line-height:116px;color:#fff}.banner-detail-subtitle-blog-page{text-align:center;font-size:24px;line-height:28px;color:#fff}@media (max-width:550px){.blog-banner-img{max-width:100%!important;height:calc(100vh - 120px)!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:50% 50%!important;object-position:50% 50%!important}.banner-detail-title-blog-page{font-size:36px;text-align:center}.banner-detail-subtitle-blog-page{font-size:16px;line-height:24px}.blog-content-container{padding:16px!important;.search-bar{width:100%;max-width:100%}.list-blog-container{display:block}}}.blog-card-item-blog-page{justify-content:flex-start;align-items:flex-start;gap:16px;background-color:#fff;cursor:pointer}.card-detail-blog-page{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px}.list-item-filter-blog-page{display:inline-flex;gap:8px}.span-blog-page{color:#c1cb9b;font-size:16px;text-transform:uppercase;line-height:18px}.item-name-blog-page{color:#0b241f;font-size:24px;line-height:28px;font-weight:700}.item-info-blog-page{color:#9b9b9b;font-size:14px;line-height:18px;font-weight:400}@media (max-width:550px){.blog-card-item-blog-page{padding:20px 0}.blog-card-img-blog-page{border-radius:8px}}.blog-content-container-blog-page{background-color:#fff;padding:88px 120px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:56px}.filter-bar-blog-page{display:flex;justify-content:center;align-items:center;gap:30px}.button-blog-page{color:#064f32;background-color:transparent;padding:5px;border:2px solid #fff;font-size:20px}.search-bar-blog-page{display:flex;justify-content:center;align-items:center;position:relative}.input-blog-page{border:1px solid #8c8f92;padding:8px 36px;background-color:#fff;border-radius:24px;width:700px;color:#000}.img-search-blog-page{position:absolute;top:50%;transform:translateY(-50%);left:15px}.list-blog-container-blog-page{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto auto;gap:40px}.blog-card-item-blog-page{display:flex;flex-direction:column;overflow:hidden;height:100%}.img-blog-page{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.pagination-blog-page{align-items:center;margin-top:20px;color:#064f32}.ant-pagination,.pagination-blog-page{display:flex;justify-content:center}.ant-pagination-item{border-radius:4px}.ant-pagination-item-active{border-color:#064f32}.ant-pagination-item-active a{color:#064f32}@media (max-width:550px){.blog-content-container-blog-page{padding:16px!important;gap:20px}.filter-bar-blog-page{overflow-x:scroll;width:auto;max-width:calc(100vw - 32px);gap:20px;scrollbar-width:thin;white-space:nowrap;justify-content:left}.button-blog-page{font-size:16px;padding:0}.search-bar-blog-page{width:100%;max-width:100%}.list-blog-container-blog-page{display:block}.blog-card-item-blog-page{.blog-card-img{border-radius:8px}}}.tag-component{border:1px solid #dfdfdf;background-color:#ebe7e0;padding:20px;border-radius:2px;clear:both;float:left;margin-bottom:20px;width:300px;.search-box{width:100%;padding:10px;margin-bottom:20px;border:1px solid #dfdfdf;border-radius:2px}h2{font-size:11px;color:#878684;text-transform:uppercase;font-weight:700;margin-bottom:5px}.tag-buttons{display:inline-block;margin-right:0;margin-bottom:0;color:#162e29;font-size:14px;font-weight:600;border-radius:0;gap:10px;display:flex;flex-wrap:wrap;gap:8px;color:#8caa32}}