.blog{padding-block:120px;background:#f7f7f7}.blog .news__card{padding:12px;display:flex;gap:24px}.blog .card--date{font-size:14px;color:#888}.blog__item:hover{box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.blog .card--image{aspect-ratio:4/3;overflow:hidden;width:100%;height:100%}.blog .card--image img{width:100%;height:100%;object-fit:cover;transition:transform 2s}.blog .card--image img:hover{transform:scale(1.1)}.blogdetail{padding:160px 0 120px}.blogdetail__publish span{font-size:14px;color:#888}.blogdetail__share i{font-size:20px}.blogdetail__share i:hover{color:#00c}.blog-more .news__card{padding:12px;gap:12px}.blog-more-swiper-navigation{display:flex;gap:16px;right:42px;bottom:42px}.blog-more-swiper-prev,.blog-more-swiper-next{position:static;--swiper-navigation-size: 16px;aspect-ratio:1;display:block;border-radius:50%}.blog-more-swiper-prev:after,.blog-more-swiper-next:after{margin-inline:auto;display:block;width:fit-content;font-size:16px;font-weight:700;content:"";font-family:bootstrap-icons!important}@media (width >= 992px){.blog-more-swiper-prev,.blog-more-swiper-next{--swiper-navigation-size: 24px}}@media (width >= 1200px){.blog-more-swiper-prev,.blog-more-swiper-next{width:32px;height:32px;--swiper-navigation-size: -20px}}.blog-more-swiper-prev:after{content:"";font-family:bootstrap-icons!important}.blog-more .card--image{aspect-ratio:4/3;overflow:hidden;width:100%;height:100%}.blog-more .card--image img{width:100%;height:100%;object-fit:cover;transition:transform 2s}.blog-more .card--image img:hover{transform:scale(1.1)}.recommended-blog{padding-bottom:120px}.recommended-blog .news__card{padding:12px}.recommended-blog .card--title{font-size:1.1rem;margin-top:1rem}.recommended-blog .card--description{font-size:14px;margin-bottom:1em}.recommended-blog .card--date{font-size:12px}.recommended-blog .card--image{aspect-ratio:4/3;overflow:hidden;width:100%;height:100%}.recommended-blog .card--image img{width:100%;height:100%;object-fit:cover;transition:transform 2s}.recommended-blog .card--image img:hover{transform:scale(1.1)}.recommended-blog .swiper-pagination-bullet{height:10px;width:10px;background:#d5d5d5;border-radius:50px}.recommended-blog .swiper-pagination-bullet-active{background:#222}.recommended-blog-wrapper .swiper-pagination{display:flex;justify-content:center;gap:8px}@media only screen and (max-width: 600px){.blog{padding:80px 0}}