section.blog-page{width:100%;min-height:20vw;margin-top:14vw;padding:1vw 0;position:relative}section.blog-page .blog-page-middle-division{gap:2vw;width:100%;min-height:20vw;padding:1.5vw 10vw;position:relative;justify-content:space-between!important;align-items:start!important}@media (max-width:450px){section.blog-page{gap:6vw;width:100%;min-height:20vw;margin-top:42vw;padding:1vw 0;position:relative}section.blog-page .blog-page-middle-division{flex-direction:column;padding:1.5vw 4vw}}
.blog-banners-cont{width:100%;padding:2.2vw 10vw;position:relative}.blog-banners-sub-cont{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:1vw;width:100%;height:28.5vw;display:grid}.blog-banners-sub-cont>a{border-radius:.9vw;position:relative;overflow:hidden}.blog-banners-sub-cont>a:first-child{grid-area:1/1/3/3}.blog-banners-sub-cont>a:nth-child(2){grid-area:1/3/3/4}.blog-banners-sub-cont>a .category-label{color:var(--light-bg);z-index:2;background-color:var(--red);border-radius:.6vw;padding:.65vw 1.1vw;font-size:.85vw;font-weight:400;position:absolute;top:1.2vw;right:1.2vw}.blog-banners-sub-cont>a .blog-banner-card-frame{background-position:50%;background-size:cover;width:100%;height:100%;transition:all .25s ease-in-out}.blog-banners-sub-cont>a:hover .blog-banner-card-frame{transform:scale(1.03)}.blog-banners-sub-cont>a .blog-banner-card-frame:before{content:"";z-index:1;background:linear-gradient(#0000,#0000004d,#000000e6);width:100%;height:100%;position:absolute;bottom:0;left:0}.blog-banners-sub-cont>a .blog-banner-card-details{z-index:3;width:100%;min-height:25%;color:var(--light-bg);gap:1vw;padding:2vw;position:absolute;bottom:0;justify-content:start!important;align-items:start!important}.blog-banners-sub-cont>a .blog-banner-card-details h2{text-align:start;width:100%;font-size:1.5vw}.blog-banners-sub-cont>a:nth-child(3) .blog-banner-card-details h2,.blog-banners-sub-cont>a:nth-child(4) .blog-banner-card-details h2{font-size:1.15vw}.blog-banners-sub-cont>a .blog-banner-card-sub-details{color:var(--light-bg);gap:1vw;justify-content:start!important}.blog-banners-sub-cont>a .blog-banner-card-sub-details h5{color:var(--light-bg);gap:.45vw;font-size:.9vw;font-weight:300;justify-content:start!important}.blog-banners-sub-cont>a:nth-child(3) .blog-banner-card-sub-details h5,.blog-banners-sub-cont>a:nth-child(4) .blog-banner-card-sub-details h5{font-size:.85vw}.blog-banners-sub-cont>a .blog-banner-card-sub-details h5:first-child i{font-size:1.2vw}.blog-banners-sub-cont>a .blog-banner-card-sub-details h5:last-child i{font-size:.35vw}@media (max-width:450px){.blog-banners-cont{padding:2.2vw 4vw}.blog-banners-sub-cont{grid-gap:2vw;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:2vw;width:100%;height:112.5vw;display:grid}.blog-banners-sub-cont>a:first-child{border-radius:3.4vw;grid-area:1/1/3/3}.blog-banners-sub-cont>a:nth-child(2){border-radius:3.4vw;grid-area:1/3/3/5}.blog-banners-sub-cont>a:nth-child(3){border-radius:3.4vw;grid-area:3/3/5/5}.blog-banners-sub-cont>a:nth-child(4){border-radius:3.4vw;grid-area:3/1/5/3}.blog-banners-sub-cont>a .blog-banner-card-sub-details{flex-direction:column;align-items:start;gap:.5vw}.blog-banners-sub-cont>a .category-label{z-index:2;background-color:var(--red);border-radius:2vw;padding:1.4vw 1.2vw;font-size:2.5vw;font-weight:400;top:1.2vw;right:1.2vw}.blog-banners-sub-cont>a .blog-banner-card-details h2{text-align:start;width:100%;margin-top:2vw;font-size:2.99vw}.blog-banners-sub-cont>a:nth-child(3) .blog-banner-card-details h2,.blog-banners-sub-cont>a:nth-child(4) .blog-banner-card-details h2{margin-top:2vw;font-size:2.99vw}.blog-banners-sub-cont>a .blog-banner-card-sub-details h5:first-child i{font-size:2.58vw}.blog-banners-sub-cont>a .blog-banner-card-sub-details h5{font-size:2.5vw}.blog-banners-sub-cont>a .blog-banner-card-sub-details h5:last-child i{font-size:1.75vw!important}.blog-banners-sub-cont>a:nth-child(3) .blog-banner-card-sub-details h5,.blog-banners-sub-cont>a:nth-child(4) .blog-banner-card-sub-details h5{font-size:2.5vw}.blog-banners-sub-cont>a{border-radius:2vw}}