.blog-banner-section{position:relative;width:100%;height:100vh}.blog-banner-section .container-banner-text{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:80%;color:#fff;z-index:2}.blog-banner-section .container-banner-image .banner-product-wrapper{position:absolute;width:384px;height:456px;flex-shrink:0;border-radius:16px;background:#f1f1f1;top:20%;right:10%;z-index:1}.blog-banner-section .container-banner-image .banner-product-wrapper .banner-product{position:absolute;z-index:2}.blog-banner-section .container-banner-image .banner-product-wrapper .banner-product:first-of-type{bottom:20%;left:-20%}.blog-banner-section .container-banner-image .banner-product-wrapper .banner-product:nth-of-type(2){bottom:-10%;right:-10%}.blog-banner-section .container-banner-image .overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.8));z-index:1}.blog-banner-section .container-banner-image .banner-blog{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.latest-blog-section{color:#19164f}.latest-blog-section .blog-card{height:500px;width:100%;display:flex;flex-direction:column;justify-content:space-between}.latest-blog-section .blog-card-image{border-radius:16px;height:250px;overflow:hidden}.latest-blog-section .blog-card-image .blog-image{border-radius:16px;width:100%;height:100%;object-fit:cover}.latest-blog-section .blog-card-content{display:flex;flex-direction:column;gap:1rem;height:100%}.list-blog-section .container-blog-navy{background-color:#19164f;min-height:263px;padding:5% 8%;color:#fff}.list-blog-section .container-list-blog{color:#19164f;padding:5% 8%}.list-blog-section .container-list-blog .blog-card{height:430px;width:100%;display:flex;flex-direction:column;justify-content:space-between}.list-blog-section .container-list-blog .blog-card-image{border-radius:16px;height:250px;overflow:hidden}.list-blog-section .container-list-blog .blog-card-image .blog-image{border-radius:16px;width:100%;height:100%;object-fit:cover}.list-blog-section .container-list-blog .blog-card-content{display:flex;flex-direction:column;gap:1rem;height:220px}.list-blog-section .pagination .page-link{color:#333;border:none;background:rgba(0,0,0,0)}.list-blog-section .pagination .page-link:hover{background:#f5f5f5}.list-blog-section .page-link:focus{box-shadow:none}.list-blog-section .pagination .active .page-link{background-color:#000c4f;border-radius:8px;color:#fff}