.news-banner,.blog-banner{background-image:url(/images/common/BG-01.webp);background-position:50%;background-size:cover;border-radius:10px;align-items:center;min-height:280px;margin:10px;padding:30px 0}.news_blog_detail_content h2{padding-bottom:10px;font-size:25px}.news_blog_detail_content h3{font-size:20px}.news-banner-content{padding-top:100px}.news-banner-content h2{max-width:786px;color:var(--color-secondary)}.news-banner-content p{color:var(--color-secondary);margin:0}.blog_news_title{font-size:17px;font-weight:600}.blog-news-card-title{font-size:14px;font-weight:600}.blog-news-main-image{border-radius:8px;width:100%;overflow:hidden}.blog-news-main-image img{object-fit:cover;width:100%;height:auto;max-height:460px}.blog-news-gray-bg{background-color:var(--grey-button-bg);border-radius:15px;padding:20px}.blog-news-nav-card{align-items:center;gap:18px;text-decoration:none;transition:all .3s;display:flex}.blog-news-prev{justify-content:flex-start}.blog-news-next{text-align:right;justify-content:flex-end}.blog-news-nav-image{border-radius:10px;flex-shrink:0;width:140px;height:78px;position:relative;overflow:hidden}.blog-news-nav-image img,.blog-news-nav-image .blog-news-image{object-fit:cover;width:100%;height:100%}.blog-news-nav-content{flex:1}.blog-news-nav-label{opacity:.5;font-size:14px;font-weight:400}@media (max-width:991px){.news-banner,.blog-banner{min-height:180px;padding:40px 0}.blog-news-nav-image{width:120px;height:70px}}@media (max-width:767px){.news-banner,.blog-banner{min-height:180px;padding:40px 0}.blog-news-next{text-align:right;margin-top:10px}.blog-news-nav-card{gap:14px}.blog-news-nav-image{width:100px;height:65px}}@media (max-width:1024px){.news-banner-content h2{max-width:490px}}@media (max-width:767px){.news-banner-content h2{max-width:500px}}.social-icon path,.social-icon rect{transition:all .3s}.blognews-social-links a:hover .social-icon path{fill:#fff}.blognews-social-links a:hover .social-icon rect{fill:#313493;stroke:#313493}.social-icon-xt path,.social-icon-xt rect{transition:all .3s}.blognews-social-links a:hover .social-icon-xt path{fill:#fff}.blognews-social-links a:hover .social-icon-xt rect{fill:#000;stroke:#000}@media (max-width:767px) and (orientation:landscape){.blog-news-nav-card{flex-direction:row;display:flex}}@media (max-width:767px) and (orientation:portrait){.blog-news-nav-card{flex-direction:row;display:flex}.blog-news-next .blog-news-nav-card{flex-direction:row-reverse}.blog-news-next{text-align:left}}
